/* Özel Kemal Bayındır Hastanesi · Kurumsal Kimlik 2026 · site katmanı
   output.css'ten SONRA yüklenir. Değişkenler: kbh-tokens.css */

/* ---------- Yazı tipleri (yerel, Latin + Türkçe alt kümesi) ---------- */
@font-face{font-family:"Source Sans 3";src:url("/assets/kbh/fonts/SourceSans3-Variable.woff2") format("woff2");font-weight:200 900;font-style:normal;font-display:swap}
@font-face{font-family:"Source Sans 3";src:url("/assets/kbh/fonts/SourceSans3-Italic-Variable.woff2") format("woff2");font-weight:200 900;font-style:italic;font-display:swap}
@font-face{font-family:"Lora";src:url("/assets/kbh/fonts/Lora-Italic-Variable.woff2") format("woff2");font-weight:400 700;font-style:italic;font-display:swap}

:root{
  --kbh-font:"Source Sans 3",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-sans:var(--kbh-font);
}
html{scrollbar-color:var(--kbh-mavi) var(--kbh-buz)}
::-webkit-scrollbar-track{background:var(--kbh-buz)}
::-webkit-scrollbar-thumb{background-color:var(--kbh-mavi)}
::-webkit-scrollbar-thumb:hover{background-color:var(--kbh-lacivert)}

body{font-family:var(--kbh-font);font-weight:500;line-height:1.45;color:var(--kbh-grafit);-webkit-font-smoothing:antialiased}
html[lang="ar"] body{font-family:var(--kbh-font),Tahoma,"Noto Sans Arabic","Segoe UI",sans-serif}
h1,h2,h3,h4,h5,h6{font-family:var(--kbh-font)}
h1{font-weight:800;letter-spacing:-.03em;line-height:1.1}
h2{font-weight:700;letter-spacing:-.02em;line-height:1.15}
h3,h4{font-weight:700;letter-spacing:-.01em}
b,strong{font-weight:700}
/* Bazı sayfalarda kalan eski font tanımlarını ez */
.side-nav,.side-nav *{font-family:var(--kbh-font)!important}

/* Vurgu (Lora italik 600) – yalnız 1-2 kelime */
.kbh-vurgu{font-family:var(--kbh-font-vurgu);font-style:italic;font-weight:600;letter-spacing:0;color:var(--kbh-koyu-mavi)}
.kbh-koyu .kbh-vurgu,footer .kbh-vurgu{color:var(--kbh-acik-mavi)}
.kbh-etiket{font-weight:700;font-size:.8rem;letter-spacing:.3em;text-transform:uppercase;color:var(--kbh-koyu-mavi)}
.kbh-koyu .kbh-etiket{color:var(--kbh-mavi)}

/* ---------- Erişilebilirlik: açık zeminde mavi metin -> koyu mavi ---------- */
.text-\[\#009dde\],.hover\:text-\[\#009dde\]:hover,.group:hover .group-hover\:text-\[\#009dde\]{color:var(--kbh-koyu-mavi)}
/* Lacivert zeminde ana mavi serbest */
.kbh-koyu .text-\[\#009dde\],footer .text-\[\#009dde\],.bg-\[\#0e2f4f\] .text-\[\#009dde\],
.kbh-koyu .hover\:text-\[\#009dde\]:hover,footer .hover\:text-\[\#009dde\]:hover,.bg-\[\#0e2f4f\] .hover\:text-\[\#009dde\]:hover{color:var(--kbh-mavi)}

/* Beyaz yazılı mavi düğmeler kontrast için koyu maviye (küçük metin) */
a.bg-\[\#009dde\],button.bg-\[\#009dde\],input[type=submit].bg-\[\#009dde\],label.bg-\[\#009dde\]{background-color:var(--kbh-koyu-mavi)}
/* Siyah hover paletin dışında */
.hover\:bg-black:hover{background-color:var(--kbh-lacivert)!important}
.hover\:text-black:hover{color:var(--kbh-lacivert)!important}

a{text-underline-offset:.15em}
:focus-visible{outline:3px solid var(--kbh-mavi);outline-offset:2px}

/* ---------- Düğmeler ---------- */
.kbh-btn,.kbh-btn-randevu{display:inline-flex;align-items:center;justify-content:center;gap:.5em;font-weight:700;border-radius:var(--kbh-radius-pill);padding:.75em 1.5em;line-height:1.1;text-decoration:none;transition:background-color .2s,transform .2s}
.kbh-btn{background:var(--kbh-lacivert);color:#fff}
.kbh-btn:hover{background:var(--kbh-koyu-mavi);color:#fff}
.kbh-btn-randevu{background:var(--kbh-turuncu)!important;color:#fff!important}
.kbh-btn-randevu:hover{background:#E0823A!important;color:#fff!important}

/* ---------- Üst bar ve header ---------- */
.kbh-ustbar{background:var(--kbh-lacivert)}
.kbh-ustbar .kbh-btn-randevu,.kbh-ustbar .kbh-btn-ikincil{margin-block:-.25rem;padding:.55em 1.3em;font-size:.95rem}
.kbh-btn-ikincil{display:inline-flex;align-items:center;border-radius:var(--kbh-radius-pill);font-weight:700;color:#fff;border:1.5px solid var(--kbh-mavi);text-decoration:none;transition:background-color .2s}
.kbh-btn-ikincil:hover{background:var(--kbh-mavi);color:var(--kbh-lacivert)}
.kbh-logo{display:block;height:auto;width:260px;max-width:100%}
.kbh-logo-sm{width:180px}
@media (max-width:480px){.kbh-logo-sm{width:150px}}
.kbh-logo-footer{width:240px;height:auto}

/* ---------- Akış deseni: bölüm köşesinden taşar, metnin arkasına gelmez ---------- */
.kbh-akis{position:relative;overflow:hidden;isolation:isolate}
.kbh-akis::before{content:"";position:absolute;z-index:-1;pointer-events:none;width:min(520px,70vw);aspect-ratio:1;right:-14%;top:-30%;background:var(--kbh-akis-img,url("/assets/kbh/akis/KBH_Akis_mavi-uzeri-lacivert.svg")) center/contain no-repeat;opacity:.9}
.kbh-akis.kbh-akis--alt::before{top:auto;bottom:-35%;right:auto;left:-12%}
.kbh-akis--buz{--kbh-akis-img:url("/assets/kbh/akis/KBH_Akis_buz-zemin.svg")}
.kbh-akis--seffaf{--kbh-akis-img:url("/assets/kbh/akis/KBH_Akis_mavi-seffaf.svg")}
.kbh-akis--doner::before{animation:kbh-don 60s linear infinite}
@keyframes kbh-don{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){.kbh-akis--doner::before{animation:none}}

/* ---------- Footer ---------- */
footer.kbh-footer{background:var(--kbh-lacivert)}
.kbh-motto{font-family:var(--kbh-font);font-weight:800;letter-spacing:-.02em;font-size:clamp(1.4rem,2.4vw,2rem);color:#fff;line-height:1.15}
.kbh-motto em{font-family:var(--kbh-font-vurgu);font-style:italic;font-weight:600;color:var(--kbh-acik-mavi)}

/* ---------- Yan menü (masaüstü sol, mobil alt) ---------- */
.side-nav .nav-item{background-color:var(--kbh-lacivert)!important;color:#fff}
.side-nav .nav-item:hover{background-color:var(--kbh-koyu-mavi)!important}
.side-nav .nav-icon-box{background-color:var(--kbh-mavi)!important;color:#fff}
.side-nav .nav-item.kbh-nav-randevu{background-color:var(--kbh-turuncu)!important}
.side-nav .nav-item.kbh-nav-randevu .nav-icon-box{background-color:#fff!important;color:var(--kbh-turuncu)}
.side-nav .nav-text{font-weight:700}

/* ---------- Kart ve kutular ---------- */
.rounded-box{border-radius:var(--kbh-radius)}
.kbh-kart{background:#fff;border-radius:var(--kbh-radius);box-shadow:0 1px 2px rgb(14 47 79 / .06),0 8px 24px rgb(14 47 79 / .06)}
.kbh-bilgi-notu{font-size:.9rem;color:var(--kbh-grafit);background:var(--kbh-buz);border-left:3px solid var(--kbh-mavi);padding:.75rem 1rem;border-radius:0 8px 8px 0;margin-top:1.5rem}

/* Yüzen "Bizi arayın" düğmesi turuncu */
.phone-icon-bg{background:var(--kbh-turuncu)!important;box-shadow:0 6px 18px rgb(242 153 74 / .35)!important}
.float-tooltip{font-family:var(--kbh-font);font-weight:700;background:var(--kbh-lacivert)!important;color:#fff!important}

/* ---------- Tailwind hazır renklerini kimlik paletine eşle ---------- */
:root{
  --color-cyan-50:#E6F5FC;--color-cyan-100:#E6F5FC;--color-cyan-300:#8CCBEB;--color-cyan-400:#009DDE;--color-cyan-500:#009DDE;--color-cyan-600:#0072AA;--color-cyan-700:#0072AA;
  --color-sky-50:#E6F5FC;--color-sky-100:#E6F5FC;--color-sky-400:#009DDE;--color-sky-500:#009DDE;--color-sky-600:#0072AA;--color-sky-700:#0072AA;
  --color-teal-50:#E6F5FC;--color-teal-100:#E6F5FC;--color-teal-500:#009DDE;--color-teal-600:#0072AA;
  --color-blue-50:#E6F5FC;--color-blue-100:#E6F5FC;--color-blue-200:#8CCBEB;--color-blue-400:#009DDE;--color-blue-500:#009DDE;--color-blue-600:#0072AA;--color-blue-700:#0E2F4F;--color-blue-800:#0E2F4F;--color-blue-900:#0E2F4F;
  --color-indigo-50:#E6F5FC;--color-indigo-100:#E6F5FC;--color-indigo-500:#009DDE;--color-indigo-600:#0072AA;--color-indigo-700:#0E2F4F;
  --color-slate-50:#F5F2ED;--color-slate-100:#F5F2ED;--color-slate-300:#DDD6CB;--color-slate-600:#33475B;--color-slate-700:#33475B;--color-slate-800:#0E2F4F;--color-slate-900:#0E2F4F;
  --color-rose-100:#E6F5FC;--color-rose-200:#8CCBEB;
}

/* ---------- İç sayfa başlık bandı: stok fotoğraf yerine lacivert + Akış ---------- */
section:has(> img[src*="breadcurmb-1-1"]){background:var(--kbh-lacivert);position:relative;overflow:hidden;isolation:isolate}
section:has(> img[src*="breadcurmb-1-1"])::before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(560px,80vw);aspect-ratio:1;right:-8%;top:50%;transform:translateY(-50%);background:url("/assets/kbh/akis/KBH_Akis_mavi-uzeri-lacivert.svg") center/contain no-repeat}
section > img[src*="breadcurmb-1-1"],section:has(> img[src*="breadcurmb-1-1"]) > .bg-black\/20{display:none}
section:has(> img[src*="breadcurmb-1-1"]) h1,section:has(> img[src*="breadcurmb-1-1"]) h2{color:#fff;text-shadow:none!important;font-weight:800;letter-spacing:-.03em}
section:has(> img[src*="breadcurmb-1-1"]) a{color:var(--kbh-acik-mavi)}

/* Üst bar düğmeleri: aynı yükseklik (çerçeve farkı eşitlendi) */
.kbh-ustbar .kbh-btn-randevu,.kbh-ustbar .kbh-btn-ikincil{box-sizing:border-box;height:2.5rem;padding:0 1.3em;margin-block:0;line-height:1;border-width:1.5px;border-style:solid}
.kbh-ustbar .kbh-btn-randevu{border-color:var(--kbh-turuncu)}
.kbh-ustbar .kbh-btn-randevu:hover{border-color:#E0823A}