/* ==========================================================================
   osmaniye724taksi.com — yüzen çağrı düğmeleri + çerez tercihleri paneli
   2026-09-10
   ========================================================================== */

:root{
  --o724-gold:#ffd200;
  --o724-dark:#101215;
  --o724-wa:#25d366;
}

/* --- yüzen düğmeler ------------------------------------------------------ */
.o724-float{
  position:fixed; z-index:9980;
  width:58px; height:58px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  color:#fff; font-size:27px; text-decoration:none;
  box-shadow:0 6px 20px rgba(0,0,0,.28);
  transition:transform .18s ease, box-shadow .18s ease;
}
.o724-float:hover,.o724-float:focus{transform:translateY(-3px);color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.34)}
.o724-float--wa{left:24px; bottom:24px; background:var(--o724-wa)}
.o724-float--call{right:24px; bottom:24px; background:var(--o724-gold); color:#101215}
.o724-float--call:hover,.o724-float--call:focus{color:#101215}
.o724-float__label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* --- çerez paneli -------------------------------------------------------- */
.o724-cookie{
  position:fixed; left:24px; bottom:96px; z-index:9990;
  width:min(340px, calc(100vw - 32px));
  padding:20px 20px 18px;
  border-radius:20px;
  border:1px solid rgba(255,210,0,.42);
  background:linear-gradient(160deg,#1c1f24 0%,#101215 100%);
  color:#e8e8e8;
  box-shadow:0 18px 44px rgba(0,0,0,.45);
  font-size:13px; line-height:1.62;
  transform:translateY(12px); opacity:0; visibility:hidden;
  transition:opacity .26s ease, transform .26s ease, visibility .26s;
}
.o724-cookie.is-open{transform:translateY(0); opacity:1; visibility:visible}
.o724-cookie__title{
  margin:0 0 8px; font-size:11px; font-weight:700;
  letter-spacing:.14em; text-transform:uppercase; color:var(--o724-gold);
}
.o724-cookie__text{margin:0 0 12px; color:#c3c6cb}
.o724-cookie__close{
  position:absolute; top:12px; right:12px;
  width:26px; height:26px; border-radius:50%;
  border:1px solid rgba(255,255,255,.18); background:transparent;
  color:#c3c6cb; font-size:14px; line-height:1; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
}
.o724-cookie__close:hover{border-color:var(--o724-gold); color:var(--o724-gold)}
.o724-cookie details{margin:0 0 14px}
.o724-cookie summary{cursor:pointer; color:var(--o724-gold); font-weight:600; font-size:12px; list-style:none}
.o724-cookie summary::-webkit-details-marker{display:none}
.o724-cookie summary::after{content:" ▾"}
.o724-cookie details[open] summary::after{content:" ▴"}
.o724-cookie details p{margin:10px 0 0; color:#a9adb3; font-size:12px}
.o724-cookie__btn{
  display:block; width:100%; padding:12px 18px;
  border:0; border-radius:999px; cursor:pointer;
  background:var(--o724-gold); color:#101215;
  font-size:13px; font-weight:700; letter-spacing:.02em;
}
.o724-cookie__btn:hover{filter:brightness(1.07)}
.o724-cookie__badge{
  display:none; align-items:center; gap:8px;
  margin-top:12px; font-size:12px; color:#a9adb3;
}
.o724-cookie__badge::before{
  content:""; width:8px; height:8px; border-radius:50%;
  background:var(--o724-gold); box-shadow:0 0 0 3px rgba(255,210,0,.18);
}
.o724-cookie.is-accepted .o724-cookie__btn,
.o724-cookie.is-accepted details{display:none}
.o724-cookie.is-accepted .o724-cookie__badge{display:flex}

/* --- çerez fab ----------------------------------------------------------- */
.o724-cookie-fab{
  position:fixed; left:24px; bottom:96px; z-index:9985;
  width:52px; height:52px; border-radius:50%;
  border:1px solid rgba(255,210,0,.42);
  background:linear-gradient(160deg,#1c1f24 0%,#101215 100%);
  color:var(--o724-gold); font-size:22px; cursor:pointer;
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 22px rgba(0,0,0,.35);
  transition:transform .18s ease, opacity .2s ease;
}
.o724-cookie-fab:hover{transform:translateY(-3px)}
.o724-cookie-fab[hidden]{display:none !important}

@media only screen and (max-width:991px){
  .o724-cookie,.o724-cookie-fab{bottom:92px}
}
@media only screen and (max-width:575px){
  .o724-float{width:52px;height:52px;font-size:24px}
  .o724-float--wa{left:16px;bottom:16px}
  .o724-float--call{right:16px;bottom:16px}
  .o724-cookie{left:16px;bottom:86px}
  .o724-cookie-fab{left:16px;bottom:86px}
}
@media (prefers-reduced-motion:reduce){
  .o724-cookie,.o724-cookie-fab,.o724-float{transition:none}
}

/* --- SSS bölümü ---------------------------------------------------------- */
.o724-faq{padding:56px 0 60px;background:#fafafa;border-top:1px solid #ececec}
.o724-faq__inner{max-width:900px;margin:0 auto;padding:0 20px}
.o724-faq__eyebrow{
  margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#8a8a8a;
}
.o724-faq__head{margin:0 0 26px;font-size:28px;font-weight:800;color:#161616;line-height:1.25}
.o724-faq__item{
  background:#fff;border:1px solid #e6e6e6;border-radius:12px;
  margin-bottom:10px;overflow:hidden;
}
.o724-faq__item[open]{border-color:#ffd200;box-shadow:0 4px 16px rgba(0,0,0,.05)}
.o724-faq__q{
  cursor:pointer;list-style:none;padding:17px 48px 17px 20px;position:relative;
  font-size:16px;font-weight:700;color:#161616;line-height:1.45;
}
.o724-faq__q::-webkit-details-marker{display:none}
.o724-faq__q::after{
  content:"+";position:absolute;right:20px;top:50%;transform:translateY(-50%);
  font-size:22px;font-weight:400;color:#b7b7b7;line-height:1;
}
.o724-faq__item[open] .o724-faq__q::after{content:"\2013"}
.o724-faq__q:hover{color:#000}
.o724-faq__a{margin:0;padding:0 20px 19px;color:#4a4a4a;font-size:15px;line-height:1.7}
.o724-faq__cta{
  margin:26px 0 0;padding:18px 20px;border-radius:12px;
  background:#101215;color:#e8e8e8;font-size:15px;line-height:1.6;
}
.o724-faq__cta a{color:#ffd200;font-weight:700;text-decoration:none}
.o724-faq__cta a:hover{text-decoration:underline}
@media (max-width:575px){
  .o724-faq{padding:40px 0 44px}
  .o724-faq__head{font-size:22px}
  .o724-faq__q{font-size:15px;padding:15px 44px 15px 16px}
  .o724-faq__a{padding:0 16px 16px;font-size:14px}
}

/* --- işletme haritası ----------------------------------------------------- */
.o724-map{padding:52px 0 56px;background:#fff;border-top:1px solid #ececec}
.o724-map__inner{max-width:1100px;margin:0 auto;padding:0 20px}
.o724-map__eyebrow{
  margin:0 0 6px;font-size:12px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:#8a8a8a;
}
.o724-map__head{margin:0 0 6px;font-size:26px;font-weight:800;color:#161616;line-height:1.25}
.o724-map__addr{margin:0 0 18px;color:#555;font-size:15px;line-height:1.6}
.o724-map__grid{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}
.o724-map__frame{
  position:relative;width:100%;aspect-ratio:16/10;max-width:100%;
  border-radius:14px;overflow:hidden;border:1px solid #e2e2e2;background:#f2f2f2;
}
.o724-map__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.o724-map__side{display:flex;flex-direction:column;gap:10px}
.o724-map__row{
  padding:14px 16px;border:1px solid #e6e6e6;border-radius:12px;
  font-size:14px;line-height:1.55;color:#333;
}
.o724-map__row strong{display:block;font-size:12px;letter-spacing:.08em;
  text-transform:uppercase;color:#8a8a8a;margin-bottom:4px;font-weight:700}
.o724-map__row a{color:#161616;text-decoration:none;font-weight:700}
.o724-map__row a:hover{color:#000;text-decoration:underline}
.o724-map__btn{
  display:block;text-align:center;padding:13px 18px;border-radius:999px;
  text-decoration:none;font-weight:700;font-size:14px;
}
.o724-map__btn--dir{background:#101215;color:#ffd200}
.o724-map__btn--dir:hover{color:#ffd200;filter:brightness(1.2)}
.o724-map__btn--gbp{background:#ffd200;color:#101215}
.o724-map__btn--gbp:hover{color:#101215;filter:brightness(1.07)}
@media (max-width:860px){
  .o724-map__grid{grid-template-columns:1fr}
  .o724-map__frame{aspect-ratio:4/3}
}
@media (max-width:575px){
  .o724-map{padding:38px 0 42px}
  .o724-map__head{font-size:21px}
}