/* ==========================================================================
   KAZANKAYA — marka katmanı (tüm sayfalar)
   Siyah + altın. medical.css / konpoleva-*.css üzerine en son yüklenir
   (header.blade.php içinde konpoleva-nav.css'ten sonra).
   ========================================================================== */
:root{
  --kz-siyah:   #0E0E10;
  --kz-siyah-2: #16161A;
  --kz-siyah-3: #1E1E23;
  --kz-altin:   #D6A63A;
  --kz-altin-l: #F1CB6B;
  --kz-altin-d: #A77A12;
  --kz-altin-rgb: 214,166,58;
  --kz-grad:    linear-gradient(135deg, #F3D27A 0%, #D6A63A 45%, #A77A12 100%);
  --kz-krem:    #F7F4EC;
  --c-primary:  var(--color-theme, #B68316);
  --c-primary-l: #E6AF37;
  --c-sky:      #F1CB6B;
}

/* ---- Butonlar: altın zemin + koyu yazı ---- */
.btn--primary{
  --bg:var(--kz-altin); --bd:var(--kz-altin); --fg:#111;
  background:var(--kz-grad); border-color:transparent; color:#111;
  box-shadow:0 12px 28px rgba(var(--kz-altin-rgb),.28);
}
.btn--primary:hover{ color:#111; filter:brightness(1.06); box-shadow:0 16px 34px rgba(var(--kz-altin-rgb),.38); }
.btn--primary .arr, .btn--primary i{ color:#111; }
.btn--dark{ background:var(--kz-siyah); border-color:var(--kz-siyah); color:#fff; }
.btn--dark:hover{ background:var(--kz-siyah-3); color:var(--kz-altin-l); }

/* ---- Başlık ---- */
.m-header .m-nav__item > a[aria-current="page"],
.m-header .m-nav__item > a:hover{ color:var(--kz-altin-d); }
.m-header .m-nav__item > a::after{ background:var(--kz-grad) !important; }
.m-hcall__ic{ background:rgba(var(--kz-altin-rgb),.14); color:var(--kz-altin-d); }
.m-hquote{ color:#111 !important; }
.m-topbar{ background:var(--kz-siyah); }
.m-topbar a, .m-topbar span, .m-topbar .m-topbar__info a, .m-topbar .m-topbar__right a{ color:rgba(255,255,255,.82); }
.m-topbar .m-topbar__info a:hover{ color:var(--kz-altin-l); }
.m-topbar i{ color:var(--kz-altin); }
.m-topbar__wa{ border-color:rgba(var(--kz-altin-rgb),.4) !important; }
.m-logo img{ height:clamp(40px,4vw,54px); width:auto; }
.m-drop__ic{ background:rgba(var(--kz-altin-rgb),.14) !important; color:var(--kz-altin-d) !important; }

/* ---- Alt bilgi ---- */
.m-footer{ background:var(--kz-siyah); }
.m-footer__wave path{ fill:var(--kz-siyah); }
.m-footer h4{ color:#fff; }
.m-footer__links a::before{ background:var(--kz-altin) !important; }
.m-footer__links a:hover, .m-footer__contact a:hover{ color:var(--kz-altin-l); }
.m-footer__contact i{ background:rgba(var(--kz-altin-rgb),.14) !important; color:var(--kz-altin) !important; }
.m-footer__logo img{ height:58px; width:auto; }
.m-footer__bottom{ border-top-color:rgba(255,255,255,.08); }
.m-precta__box{ background:
  radial-gradient(80% 140% at 100% 0%, rgba(var(--kz-altin-rgb),.28), transparent 60%),
  linear-gradient(120deg, #16161A 0%, #0E0E10 100%) !important;
  border:1px solid rgba(var(--kz-altin-rgb),.25); }
.m-precta__box h2{ color:#fff; }
.m-precta__box .btn--light{ background:var(--kz-grad); color:#111; border:0; }

/* ---- Genel vurgular ---- */
.eyebrow{ color:var(--kz-altin-d); }
.eyebrow::before{ background:var(--kz-grad) !important; }
.eyebrow--light{ color:var(--kz-altin-l); }
::selection{ background:rgba(var(--kz-altin-rgb),.35); color:#111; }
.m-wa{ box-shadow:0 10px 26px rgba(37,211,102,.4); }
.m-totop{ background:var(--kz-siyah); color:var(--kz-altin); }
#splash{ background:var(--kz-siyah) !important; }
.splash__bar span{ background:var(--kz-grad) !important; }

/* ---- İç sayfa başı (sayfa-basi): siyah zemin, K işareti, isteğe bağlı fotoğraf ---- */
.kp-hero{ background:linear-gradient(120deg, #0E0E10 0%, #16161A 60%, #221C10 100%) !important; }
.kp-hero__foto{ position:absolute; inset:0; z-index:-2; width:100%; height:100%; object-fit:cover; opacity:.34; filter:saturate(.9); }
.kp-hero:has(.kp-hero__foto)::before{ background:
  linear-gradient(90deg, rgba(14,14,16,.96) 0%, rgba(14,14,16,.82) 45%, rgba(14,14,16,.45) 100%),
  radial-gradient(60% 70% at 88% 12%, rgba(var(--kz-altin-rgb),.25), transparent 60%) !important; }
.kp-hero__damla{ opacity:.12 !important; height:auto; }
.kp-hero h1{ text-transform:uppercase; letter-spacing:-.02em; }
.kp-hero__maddeler i{ color:var(--kz-altin-l) !important; }

/* ---- Alt bilgi metin renkleri ---- */
.m-footer__brand p{ color:rgba(255,255,255,.66) !important; }
.m-footer__links a{ color:rgba(255,255,255,.72) !important; }
.m-footer__links a:hover{ color:var(--kz-altin-l) !important; }
.m-footer__bottom span{ color:rgba(255,255,255,.5); }

/* ==========================================================================
   Mobil alt çubuk (Ara · WhatsApp · Teklif) — yalnız telefon genişliğinde
   ========================================================================== */
.kz-altbar{ display:none; }
@media (max-width:768px){
  .kz-altbar{ position:fixed; left:10px; right:10px; bottom:calc(10px + env(safe-area-inset-bottom, 0px)); z-index:950;
    display:grid; grid-template-columns:repeat(auto-fit, minmax(0,1fr)); gap:6px; padding:6px; border-radius:20px;
    background:rgba(14,14,16,.92); -webkit-backdrop-filter:blur(14px); backdrop-filter:blur(14px);
    border:1px solid rgba(255,255,255,.08); box-shadow:0 18px 40px rgba(0,0,0,.35); }
  .kz-altbar__a{ display:flex; align-items:center; justify-content:center; gap:8px; min-height:48px; border-radius:14px;
    color:#fff; font-weight:700; font-size:.88rem; text-decoration:none; background:rgba(255,255,255,.06); }
  .kz-altbar__a i{ font-size:1rem; color:var(--kz-altin-l); }
  .kz-altbar__a--wa{ background:#25D366; }
  .kz-altbar__a--wa i{ color:#fff; font-size:1.15rem; }
  .kz-altbar__a--teklif{ background:var(--kz-grad); color:#111; }
  .kz-altbar__a--teklif i{ color:#111; }
  .kz-altbar__a:active{ transform:scale(.97); }
  /* Çubuk varken yüzen WhatsApp gereksiz; yukarı düğmesi çubuğun üstüne */
  .m-wa{ display:none !important; }
  .m-totop{ bottom:calc(84px + env(safe-area-inset-bottom, 0px)); left:auto; right:14px; }
  .m-footer{ padding-bottom:calc(84px + env(safe-area-inset-bottom, 0px)); }
}
@media (max-width:360px){ .kz-altbar__a{ font-size:.8rem; gap:6px; } }

/* ==========================================================================
   Mobil sıkılaştırma — footer, iletişim kartları, proje filtresi
   ========================================================================== */
@media (max-width:575.98px){
  /* Footer: marka ve iletişim tam satır, iki link listesi yan yana */
  .m-footer__grid{ grid-template-columns:1fr 1fr !important; gap:30px 18px !important; }
  .m-footer__brand, .m-footer__grid > div:last-child{ grid-column:1 / -1; }
  .m-footer__links{ gap:9px; }
  .m-footer__links a{ font-size:.86rem; }
  .m-footer h4{ margin-bottom:12px; }
  /* İletişim: kartlar ikişerli, kısa */
  .kp-ilt__kartlar{ grid-template-columns:1fr 1fr !important; gap:10px; }
  .kp-ilt__kart{ padding:16px 14px !important; min-width:0; }
  .kp-ilt__kart b{ font-size:.9rem; }
  .kp-ilt__kart[href^="mailto"]{ order:5; grid-column:1 / -1; }
  /* Proje filtresi: tek satır, yatay kaydırma */
  .kz-filtre{ display:flex !important; flex-wrap:nowrap !important; overflow-x:auto; max-width:100%; scrollbar-width:none; border-radius:18px !important; }
  .kz-filtre::-webkit-scrollbar{ display:none; }
  .kz-filtre .prj-idx-filter{ flex:none; white-space:nowrap; }
}