/* =====================================================================
   cta.css: büyük "Randevu Al" butonu, mobil alt bar (Randevu / İletişim · WhatsApp),
   "yalnızca WhatsApp" notu ve WhatsApp ile arama butonları
   cavusoglucagatay.com · 2026-10-08 · tüm sayfalarda yüklenir (inc/cta.php)
   Not: Ana sayfada premium.css bundan SONRA yüklendiği için seçiciler bilerek
   daha özgüldür (nav .nav-links a.cta-btn.cc-cta gibi). JavaScript gerekmez.
   ===================================================================== */
:root{
  --cc-pine:#0e3f3d; --cc-pine-deep:#082b2a; --cc-sea:#1d6f6b;
  --cc-ink:#1c2422; --cc-muted:#5c6b68; --cc-gold:#c9962e;
  --cc-wa:#25d366; --cc-wa-ink:#053d1c;
  --cc-grad-gold:linear-gradient(135deg,#f0d189 0%,#d8a943 45%,#b8861f 100%);
  --cc-dock-h:68px;
}
.cc-ico{flex:0 0 auto;display:block}

/* ---------- 1) Üst menü: büyük Randevu butonu ---------- */
nav .nav-links a.cta-btn.cc-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:9px;
  min-height:48px;padding:0 24px 0 20px;border-radius:999px;
  background:var(--cc-grad-gold);color:#2b1e03;text-decoration:none;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:.98rem;font-weight:800;letter-spacing:-.005em;line-height:1;white-space:nowrap;
  box-shadow:0 10px 24px -8px rgba(201,150,46,.75),inset 0 1px 0 rgba(255,255,255,.45);
  transition:transform .2s ease,filter .2s ease,box-shadow .2s ease;
}
nav .nav-links a.cta-btn.cc-cta:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 14px 30px -8px rgba(201,150,46,.85),inset 0 1px 0 rgba(255,255,255,.5)}
nav .nav-links a.cta-btn.cc-cta::after{display:none!important}
nav .nav-links a.cta-btn.cc-cta .cc-ico{width:20px;height:20px}
nav .nav-links a.cta-btn.cc-cta:focus-visible{outline:3px solid var(--cc-pine);outline-offset:3px}
@media(min-width:1081px) and (max-width:1199px){
  body.home nav .nav-links{gap:12px}
  body.home nav .nav-links a.cta-btn.cc-cta{padding:0 18px 0 16px;font-size:.92rem}
}
@media(max-width:1080px){
  /* ana sayfa hamburger menüsü içinde tam genişlik */
  body.home nav .nav-links a.cta-btn.cc-cta{display:flex;width:100%;min-height:52px;margin-top:8px;font-size:1.02rem}
}
@media(max-width:760px){
  /* iç sayfalarda hamburger yok: alt bar bu butonu taşıdığı için menüden gizlenir */
  body:not(.home) nav .nav-links li:has(> a.cc-cta){display:none}
}

/* ---------- 2) "Yalnızca WhatsApp" notu + WhatsApp ile arama ---------- */
.cc-wa-note{
  display:flex;align-items:flex-start;gap:10px;max-width:760px;margin:-12px 0 30px;padding:12px 16px;
  border-radius:14px;background:rgba(37,211,102,.09);border:1px solid rgba(37,211,102,.32);
  color:#1f3a33;font-size:.95rem;line-height:1.5;text-align:left;
}
.cc-wa-note .cc-ico{width:20px;height:20px;margin-top:2px;color:#1fa855}
#iletisim .actions + .cc-wa-note{margin-top:-14px}
/* ana sayfa: eski "Hemen Ara" butonunun yerini alan "WhatsApp ile Ara" (premium.css .act-tel rengini korur) */
.act.cc-wa-call svg{width:21px;height:21px;color:#5fe08f}
/* iletişim kartı: WhatsApp ikonu */
.contact-card .icon svg.cc-ico-wa{width:28px;height:28px}
.contact-card .cc-wa-label{font-weight:700;color:var(--cc-pine)}
/* iç sayfa "Değerlendirme için randevu" kutusu */
.cta-box .cc-cta-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.cta-box a.btn.cc-btn-wa{display:inline-flex;align-items:center;gap:8px;background:var(--cc-wa);color:var(--cc-wa-ink);text-decoration:none;font-weight:700;padding:12px 22px;border-radius:999px}
.cta-box a.btn.cc-btn-wa .cc-ico{width:20px;height:20px}
.cta-box a.btn.cc-btn-wa:hover{filter:brightness(.96)}
.cta-box .cc-wa-note{margin:16px auto 0;background:rgba(255,255,255,.07);border-color:rgba(37,211,102,.45);color:#e4efec;font-size:.9rem}
.cta-box .cc-wa-note .cc-ico{color:#5fe08f}

/* ---------- 3) Mobil alt bar ---------- */
.cc-dock{display:none}
@media(max-width:760px){
  .fab{display:none!important}              /* WhatsApp alt barda */
  body{padding-bottom:calc(var(--cc-dock-h) + env(safe-area-inset-bottom,0px))}
  body footer{padding-bottom:28px!important}
  .cc-dock{
    position:fixed;left:0;right:0;bottom:0;z-index:72;
    display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:center;
    min-height:var(--cc-dock-h);padding:8px 10px calc(8px + env(safe-area-inset-bottom,0px));
    background:rgba(255,253,248,.96);
    -webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);
    border-top:1px solid rgba(14,63,61,.10);
    box-shadow:0 -10px 30px -16px rgba(8,43,42,.35);
    transition:transform .25s ease;
  }
  .cc-dock *{box-sizing:border-box}
  .cc-dock::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(201,150,46,.6),transparent)}
  .cc-dock-btn{
    display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:52px;padding:0 12px;border-radius:999px;
    text-decoration:none;font-family:'Plus Jakarta Sans',system-ui,sans-serif;letter-spacing:-.005em;line-height:1.1;
    -webkit-tap-highlight-color:transparent;
  }
  .cc-dock-btn .cc-ico{width:20px;height:20px}
  .cc-dock-appt{
    background:var(--cc-grad-gold);color:#2b1e03;font-size:.98rem;font-weight:800;text-align:center;
    box-shadow:0 8px 20px -8px rgba(201,150,46,.8),inset 0 1px 0 rgba(255,255,255,.45);
  }
  .cc-dock-wa{background:var(--cc-wa);color:var(--cc-wa-ink);box-shadow:0 8px 20px -10px rgba(31,168,85,.8)}
  .cc-dock-wa .cc-ico{width:24px;height:24px}
  .cc-dock-wa-txt{display:flex;flex-direction:column;align-items:flex-start;min-width:0;text-align:left}
  .cc-dock-wa-txt b{font-size:.98rem;font-weight:800;line-height:1.05}
  .cc-dock-wa-txt small{font-size:.74rem;font-weight:700;line-height:1.15;opacity:.85;white-space:nowrap}
  .cc-dock-btn:active{filter:brightness(.95)}
  .cc-dock-btn:focus-visible{outline:3px solid var(--cc-pine);outline-offset:2px}
  /* hamburger menü açıkken barı gizle (CSS-only; iOS 15.4+) */
  body:has(.nav-links.open) .cc-dock{transform:translateY(110%)}
  .cc-wa-note{margin:-6px 0 24px;font-size:.93rem}
}
@media(max-width:400px){
  .cc-dock{gap:6px;padding-left:8px;padding-right:8px}
  .cc-dock-btn{padding:0 10px;gap:7px}
  .cc-dock-appt{font-size:.9rem}
  .cc-dock-appt .cc-ico{width:18px;height:18px}
  .cc-dock-wa-txt b{font-size:.92rem}
  .cc-dock-wa-txt small{font-size:.7rem}
}
@media(max-width:340px){
  .cc-dock{gap:5px;padding-left:6px;padding-right:6px}
  .cc-dock-btn{padding:0 8px;gap:6px}
  .cc-dock-appt{font-size:.82rem}
  .cc-dock-wa .cc-ico{width:22px;height:22px}
  .cc-dock-wa-txt b{font-size:.86rem}
  .cc-dock-wa-txt small{font-size:.66rem}
}

@media(prefers-reduced-motion:reduce){
  .cc-dock,nav .nav-links a.cta-btn.cc-cta{transition:none!important}
}
@media print{.cc-dock{display:none!important}}

/* =====================================================================
   4) Ana sayfa medya bölümü (#video): @meuhastane Instagram reel kartı (2026-10-08)
   front-page.php'ye edits/apply_instagram.py ile eklenir (#hastane-video).
   Resmi Instagram gömme kodu (embed.js); video yeniden barındırılmıyor.
   Masaüstü: metin solda, gömme sağda (en fazla 400px). ≤900px: alt alta, tam genişlik.
   ===================================================================== */
#video .cc-ig{
  position:relative;margin:32px 0 0;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:48px;align-items:center;
  background:#fff;border:1px solid rgba(14,63,61,.10);border-radius:24px;padding:40px 48px;
  box-shadow:0 22px 50px -24px rgba(8,43,42,.30);
}
#video .cc-ig::before{content:"";position:absolute;left:48px;top:0;width:72px;height:4px;border-radius:0 0 4px 4px;background:var(--cc-grad-gold)}
#video .cc-ig-text{min-width:0}
#video .cc-ig .cc-ig-eyebrow{color:#a87a1c}
#video .cc-ig .cc-ig-title{
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-weight:800;letter-spacing:-.02em;
  color:var(--cc-pine);font-size:clamp(1.5rem,2.6vw,2.05rem);line-height:1.18;margin:10px 0 14px;
}
#video .cc-ig .cc-ig-lead{color:var(--cc-ink);font-size:1.06rem;line-height:1.65;margin:0 0 20px;max-width:56ch}
#video .cc-ig .cc-ig-src{margin:0 0 10px;font-size:.92rem;line-height:1.45}
#video .cc-ig .cc-ig-src a{
  display:inline-flex;align-items:flex-start;gap:8px;color:var(--cc-sea);font-weight:600;
  text-decoration:underline;text-decoration-color:rgba(29,111,107,.35);text-underline-offset:3px;
}
#video .cc-ig .cc-ig-src a:hover{color:var(--cc-pine);text-decoration-color:currentColor}
#video .cc-ig .cc-ig-src a:focus-visible,#video .cc-ig-fallback:focus-visible{outline:3px solid var(--cc-gold);outline-offset:3px;border-radius:6px}
#video .cc-ig .cc-ig-ico{flex:0 0 auto;width:18px;height:18px;margin-top:1px}
#video .cc-ig .cc-ig-note{margin:0;color:var(--cc-muted);font-size:.84rem;line-height:1.5}

#video .cc-ig-media{min-width:0;width:100%;max-width:400px;justify-self:center}
/* embed.js'in satır içi min-width:326px'i dar ekranlarda taşmaya yol açar: ezilir */
#video .cc-ig-media .instagram-media,
#video .cc-ig-media iframe.instagram-media{
  width:100%!important;max-width:400px!important;min-width:0!important;margin:0 auto!important;
  border-radius:14px!important;box-sizing:border-box;
}
#video .cc-ig-media iframe.instagram-media{border:1px solid rgba(14,63,61,.14)!important;box-shadow:0 14px 34px -16px rgba(8,43,42,.35)!important;background:#fff}
/* embed.js yüklenmeden önce / engellenirse görünen yedek kutu */
#video .cc-ig-media blockquote.instagram-media{
  display:flex;align-items:center;justify-content:center;min-height:260px;padding:24px;
  background:linear-gradient(150deg,var(--cc-pine) 0%,var(--cc-pine-deep) 80%);border:0;color:#f6f2ea;quotes:none;
}
#video .cc-ig-media blockquote.instagram-media::before,#video .cc-ig-media blockquote.instagram-media::after{content:none}
#video .cc-ig-fallback{display:inline-flex;align-items:center;gap:10px;color:#fff;font-weight:700;text-decoration:none;
  padding:12px 20px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.28)}
#video .cc-ig-fallback:hover{background:rgba(255,255,255,.18)}
#video .cc-ig-fallback .cc-ig-ico{width:20px;height:20px}

@media(max-width:900px){
  #video .cc-ig{grid-template-columns:1fr;gap:26px;padding:32px 28px}
  #video .cc-ig::before{left:28px}
}
@media(max-width:560px){
  #video .cc-ig{margin-top:22px;padding:26px 16px 18px;border-radius:20px;gap:22px}
  #video .cc-ig::before{left:16px}
  #video .cc-ig-text{padding:0 4px}
  #video .cc-ig .cc-ig-lead{font-size:1rem;margin-bottom:16px}
  #video .cc-ig-media,#video .cc-ig-media .instagram-media,#video .cc-ig-media iframe.instagram-media{max-width:100%!important}
}

/* ---------- 4) Tıklanabilir kartlar (2026-10-09) ----------
   Uzmanlık, Longevity ve Online Danışmanlık kartları artık <a class="... cc-card-link">.
   Ana sayfada premium.css bundan sonra yüklendiği için seçiciler body öneklidir. */
body a.cc-card-link{display:block;color:inherit;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:rgba(201,150,46,.18)}
body .svc-grid a.card.cc-card-link{display:grid}
@media(min-width:761px){
  body #uzmanlik a.card.cc-card-link,body a.lng-card.cc-card-link{display:flex;flex-direction:column}
  body #uzmanlik a.card.cc-card-link .cc-more,body a.lng-card.cc-card-link .cc-more{margin-top:auto;padding-top:14px;align-self:flex-start}
  body #uzmanlik a.card.cc-card-link .icon{align-self:flex-start}
}
body a.cc-card-link h3{color:var(--cc-pine)}
body a.lng-card.cc-card-link h3{color:#fff}
body a.cc-card-link .cc-more{
  display:inline-flex;align-items:center;gap:6px;margin-top:14px;
  font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:.86rem;font-weight:700;letter-spacing:.01em;
  color:var(--cc-sea);border-bottom:1.5px solid rgba(201,150,46,.55);padding-bottom:1px;
  transition:color .2s ease,border-color .2s ease,gap .2s ease;
}
body a.cc-card-link:hover .cc-more,body a.cc-card-link:focus-visible .cc-more{color:var(--cc-pine);border-color:var(--cc-gold);gap:9px}
body a.lng-card.cc-card-link .cc-more{color:#e9c877;border-color:rgba(233,200,119,.45)}
body a.lng-card.cc-card-link:hover .cc-more{color:#fff;border-color:#e9c877}
body a.cc-card-link:focus-visible{outline:3px solid var(--cc-gold);outline-offset:3px}
body .svc-grid a.card.cc-card-link .cc-more{grid-column:2;justify-self:start}
@media(max-width:760px){
  body #uzmanlik a.card.cc-card-link .cc-more{grid-column:2;justify-self:start;margin-top:10px;font-size:.92rem}
  body .svc-grid a.card.cc-card-link .cc-more{grid-column:1}
  body a.cc-card-link:active{transform:scale(.99)}
}
/* İletişim: Adres kartında "Haritada aç" bağlantısı */
.contact-card .cc-dir{margin-top:10px}
.contact-card .cc-dir a{font-weight:700;color:var(--cc-sea);text-decoration:none;border-bottom:1.5px solid rgba(201,150,46,.55)}
.contact-card .cc-dir a:hover{color:var(--cc-pine);border-color:var(--cc-gold)}

/* ---------- 5) Logo (2026-10-09) ----------
   Üst menü: logo + isim (header.php ve front-page.php içinde <img class="cc-brand-logo">).
   Açık zemin → lacivert/altın logo. Ana sayfa footer'ı koyu → açık (beyaz/altın) logo.
   İç sayfa footer'ı (footer.php, sunucuda) açık kum zeminli → logo CSS ile eklenir, footer.php'ye dokunulmaz.
   Akademik sayfasının kendi şablonu (koyu footer, kendi menüsü) da :has() ile kapsanır. */
nav .brand{display:inline-flex;align-items:center;gap:10px}
nav .brand .cc-brand-logo{display:block;height:38px;width:auto;flex:none}
nav .brand:not(:has(.cc-brand-logo))::before{
  content:"";flex:none;width:34px;height:38px;
  background:url(../img/logo/logo-cc.svg?v=20261009) center/contain no-repeat;
}
@media(max-width:760px){
  nav .brand{gap:8px}
  nav .brand .cc-brand-logo{height:30px}
  nav .brand:not(:has(.cc-brand-logo))::before{width:27px;height:30px}
}
/* ana sayfa footer (koyu) */
footer .cc-foot-logo{display:block;height:56px;width:auto;margin:0 auto 14px}
/* iç sayfa footer (açık kum zemin): copyright satırının soluna */
footer .foot-inner::before{
  content:"";flex:none;width:36px;height:40px;margin-right:-10px;
  background:url(../img/logo/logo-cc.svg?v=20261009) center/contain no-repeat;
}
footer .foot-inner > p:last-child{margin-left:auto}
/* Akademik şablonu: koyu footer, .container içinde img yok */
footer > .container:not(:has(.cc-foot-logo))::before{
  content:"";display:block;width:50px;height:56px;margin:0 auto 14px;
  background:url(../img/logo/logo-cc-light.svg?v=20261009) center/contain no-repeat;
}
@media(max-width:760px){
  footer .foot-inner::before{width:30px;height:34px}
}