/* ============================================================
   main.css — SADECE site kabuğu:
   token'lar + ortak kabuk bileşenleri (buton, section başlığı,
   sayfa başlığı) + topbar + header/navbar + footer + back-to-top
   + bottom-nav. Sayfa stilleri /assets/css/pages/*.css içindedir.
   ============================================================ */

:root{
  --clr-primary:#2f8f27;
  --clr-primary-dark:#23701d;
  --clr-primary-soft:#e8f4e5;
  --clr-ink:#1c2419;
  --clr-ink-70:rgba(28,36,25,.7);
  --clr-charcoal:#575756;
  --clr-amber:#eea92b;
  --clr-bg:#ffffff;
  --clr-soft:#f4f7f2;
  --clr-line:#e2e8de;
  --font-display:"Archivo",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --font-body:"Manrope",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --container-max:1200px;
  --radius:.75rem;
  --space:1rem;
  --header-h:76px;
  --topbar-h:38px;
  --bottom-nav-h:64px;
  --shadow-1:0 6px 24px rgba(28,36,25,.08);
  --shadow-2:0 14px 40px rgba(28,36,25,.14);
}

body{font-family:var(--font-body);color:var(--clr-ink);background:var(--clr-bg)}
h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:800;letter-spacing:-.01em}
a{color:var(--clr-primary)}
a:hover{color:var(--clr-primary-dark)}
:focus-visible{outline:3px solid var(--clr-amber);outline-offset:2px;border-radius:2px}

/* ---- ortak kapsayıcı ---- */
.wrap{max-width:var(--container-max);margin-inline:auto;padding-inline:1rem}
@media (min-width:768px){.wrap{padding-inline:1.5rem}}

/* ---- ortak butonlar (kabuk bileşeni) ---- */
.btn-cta{display:inline-flex;align-items:center;gap:.55rem;padding:.8rem 1.5rem;border-radius:999px;
  background:var(--clr-primary);color:#fff;font-weight:700;text-decoration:none;border:2px solid var(--clr-primary);
  transition:background .2s,border-color .2s,transform .2s;min-height:44px}
.btn-cta:hover{background:var(--clr-primary-dark);border-color:var(--clr-primary-dark);color:#fff;transform:translateY(-2px)}
.btn-cta--ghost{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn-cta--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}
.btn-cta--dark{background:var(--clr-ink);border-color:var(--clr-ink)}
.btn-cta--dark:hover{background:#000;border-color:#000}
.btn-cta--wa{background:#22a83e;border-color:#22a83e}
.btn-cta--wa:hover{background:#188a30;border-color:#188a30}

/* ---- ortak section başlığı (kabuk bileşeni) ---- */
.section-head{max-width:720px;margin:0 auto 2.5rem;text-align:center}
.section-head--sol{margin-inline:0;text-align:left}
.section-head__ust{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.85rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--clr-primary)}
.section-head__ust::before{content:"";width:26px;height:2px;background:var(--clr-amber)}
.section-head--sol .section-head__ust::before{width:20px}
.section-head h2,.section-head .h2-gibi{font-size:clamp(1.6rem,1.2rem + 2vw,2.4rem);font-weight:800;margin:.5rem 0 .75rem;text-transform:uppercase}
.section-head p{color:var(--clr-ink-70);margin:0;font-size:1.02rem}

/* ---- iç sayfa başlık bandı (kabuk bileşeni) ---- */
.page-header{background:linear-gradient(135deg,var(--clr-ink) 0%,#26361f 60%,var(--clr-primary-dark) 130%);
  color:#fff;padding:3.2rem 0 2.6rem;position:relative;overflow:hidden}
.page-header::after{content:"";position:absolute;right:-90px;top:-90px;width:320px;height:320px;border-radius:50%;
  border:38px solid rgba(255,255,255,.05);pointer-events:none}
.page-header h1{font-size:clamp(1.8rem,1.3rem + 2.6vw,2.8rem);text-transform:uppercase;margin:0 0 .5rem}
.page-header__alt{color:rgba(255,255,255,.82);max-width:640px;margin:0;font-size:1.02rem}
.breadcrumb-nav{margin-bottom:1rem;font-size:.88rem}
.breadcrumb-nav ol{list-style:none;display:flex;flex-wrap:wrap;gap:.45rem;padding:0;margin:0}
.breadcrumb-nav a{color:var(--clr-amber);text-decoration:none}
.breadcrumb-nav a:hover{text-decoration:underline;color:var(--clr-amber)}
.breadcrumb-nav li+li::before{content:"›";margin-right:.45rem;color:rgba(255,255,255,.5)}
.breadcrumb-nav [aria-current]{color:rgba(255,255,255,.85)}

/* ============ TOPBAR ============ */
.topbar{background:var(--clr-ink);color:#e8ede5;font-size:.82rem}
.topbar__in{max-width:var(--container-max);margin-inline:auto;padding:.35rem 1rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;min-height:var(--topbar-h)}
.topbar__left,.topbar__right{display:flex;align-items:center;gap:1.1rem}
.topbar__item{display:inline-flex;align-items:center;gap:.4rem;color:#e8ede5;text-decoration:none;white-space:nowrap}
.topbar__item i{color:var(--clr-amber);font-size:.85em}
.topbar__item:hover{color:#fff}
.topbar__item--adres{display:none}
@media (min-width:768px){.topbar__item--adres{display:inline-flex}}

/* ============ HEADER / NAVBAR ============ */
.site-header{position:sticky;top:0;z-index:1030;background:#fff;box-shadow:0 1px 0 var(--clr-line);min-height:var(--header-h)}
.site-header.is-scrolled{box-shadow:var(--shadow-1)}
.navbar{padding:0}
.navbar__in{max-width:1240px;margin-inline:auto;padding:.65rem 1rem;display:flex;align-items:center;justify-content:space-between;gap:1.25rem;width:100%}
.navbar-brand{padding:0}
.navbar-brand img{width:200px;height:auto}
@media (min-width:480px){.navbar-brand img{width:220px}}
.navbar-toggler{border:0;padding:.5rem;display:inline-flex;flex-direction:column;gap:5px;background:none;min-width:44px;min-height:44px;justify-content:center;align-items:center}
.navbar-toggler__bar{width:24px;height:2.5px;border-radius:2px;background:var(--clr-ink);display:block}
.navbar-nav{gap:.4rem;align-items:center}
.nav-link{font-weight:700;color:var(--clr-ink);padding:.6rem 1.05rem;border-radius:.5rem;white-space:nowrap}
.nav-link:hover{color:var(--clr-primary)}
.nav-link.active{color:var(--clr-primary)}
.nav-item--dil .nav-link{color:var(--clr-charcoal);font-size:.92rem}
.nav-item--dil i{font-size:.9em;margin-right:.15rem}
.dropdown-item.disabled{color:#9aa294}
.navbar__cta{margin-left:.9rem}
@media (min-width:1200px) and (max-width:1399.98px){
  .nav-link{padding:.6rem .7rem;font-size:.95rem}
  .navbar-brand img{width:190px}
}
.dropdown-menu{border:0;box-shadow:var(--shadow-2);border-radius:.75rem;padding:.5rem}
.dropdown-item{border-radius:.5rem;padding:.55rem .9rem;font-weight:600}
.dropdown-item:hover,.dropdown-item.active{background:var(--clr-primary-soft);color:var(--clr-primary-dark)}

/* mobil sağ blok: tel + wa ikonları + hamburger */
.navbar__mobil-sag{display:flex;align-items:center;gap:.5rem}
.navbar__mobil-ikon{display:inline-flex;width:44px;height:44px;border-radius:50%;align-items:center;justify-content:center;
  font-size:1.15rem;text-decoration:none;background:var(--clr-primary-soft);color:var(--clr-primary-dark)}
.navbar__mobil-ikon--wa{background:#e3f6e7;color:#1a8531}
.navbar__mobil-ikon:hover{background:var(--clr-primary);color:#fff}
@media (min-width:1200px){.navbar__mobil-sag{display:none}}

/* offcanvas (mobil menü — tam ekran) */
.offcanvas-title{font-family:var(--font-display);font-weight:800;text-transform:uppercase;letter-spacing:.06em}
@media (max-width:1199.98px){
  .offcanvas{max-width:none;width:100vw}
  .offcanvas-header{border-bottom:1px solid var(--clr-line);padding:1rem 1.5rem;min-height:var(--header-h)}
  .offcanvas__logo{width:180px;height:auto}
  .btn-close{width:1.1rem;height:1.1rem;padding:.75rem}
  .offcanvas-body{display:flex;flex-direction:column;padding:1.5rem 1.5rem 2rem}
  .offcanvas-body .navbar-nav{align-items:stretch;gap:.15rem;width:100%;margin:0 auto;max-width:520px}
  .offcanvas-body .nav-link{padding:.95rem .5rem;border-bottom:1px solid var(--clr-soft);font-size:1.08rem;
    display:flex;align-items:center;justify-content:space-between}
  .offcanvas-body .nav-link.dropdown-toggle::after{margin-left:auto}
  .offcanvas-body .dropdown-menu{box-shadow:none;background:var(--clr-soft);margin:.25rem 0 .5rem;position:static!important}
  .nav-item--dil .nav-link{justify-content:flex-start;gap:.4rem}
  .navbar__cta{margin:1.5rem auto 0;justify-content:center;display:flex;width:100%;max-width:520px;font-size:1.05rem}
}
@media (min-width:1200px){
  .offcanvas{position:static;visibility:visible!important;transform:none;background:none;border:0;max-width:none;flex-grow:1;display:flex;flex-direction:row}
  .offcanvas-header{display:none}
  /* menü + dil + CTA sağda kompakt bir grup; boşluk logo tarafında kalır */
  .offcanvas-body{display:flex;align-items:center;padding:0;overflow:visible;width:100%;justify-content:flex-end}
}

/* ---- kaydırma animasyonu (reveal) — gizleme sınıfını JS ekler, JS yoksa içerik hep görünür ---- */
.reveal{transition:opacity .6s ease,transform .6s ease}
.reveal-init{opacity:0;transform:translateY(24px)}
.reveal-init.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal-init{opacity:1;transform:none}}

/* iç sayfa başlığı giriş animasyonu */
@media (prefers-reduced-motion:no-preference){
  .page-header h1{animation:sayfaGiris .6s ease both}
  .page-header__alt,.page-header .yazi__meta{animation:sayfaGiris .6s .15s ease both}
  .breadcrumb-nav{animation:sayfaGiris .5s ease both}
}
@keyframes sayfaGiris{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

/* ============ HARİTA ŞERİDİ (footer üstü) ============ */
.harita-serit{position:relative;overflow:hidden;padding:3.5rem 0;background:var(--clr-soft)}
.harita-serit__bg{position:absolute;inset:0;background:url(/assets/img/harita-serit.webp) center/cover no-repeat;
  filter:saturate(.9);opacity:.9}
.harita-serit__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(244,247,242,.55),rgba(244,247,242,.15))}
.harita-serit__in{position:relative}
.harita-serit__kart{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-2);padding:2rem 1.75rem;
  max-width:560px;border-top:4px solid var(--clr-primary)}
.harita-serit__ust{display:inline-flex;align-items:center;gap:.5rem;font-weight:700;font-size:.82rem;
  letter-spacing:.14em;text-transform:uppercase;color:var(--clr-primary);margin:0 0 .5rem}
.harita-serit__baslik{font-size:clamp(1.3rem,1.1rem + 1.2vw,1.7rem);text-transform:uppercase;margin:0 0 .6rem}
.harita-serit__adres{color:var(--clr-ink-70);line-height:1.65;margin:0 0 1.25rem;font-size:.95rem}
.harita-serit__butonlar{display:flex;flex-wrap:wrap;gap:.75rem}
.harita-serit__kaynak{position:absolute;right:.6rem;bottom:.35rem;font-size:.68rem;color:rgba(28,36,25,.55)}

/* ============ OKUMA/KAYDIRMA İLERLEME ÇUBUĞU ============ */
.okuma-cubugu{position:fixed;left:0;top:0;right:0;height:3px;z-index:2000;pointer-events:none;
  background:linear-gradient(90deg,var(--clr-primary),var(--clr-amber));transform-origin:0 50%;transform:scaleX(0)}

/* ============ FOOTER ============ */
.site-footer{background:var(--clr-ink);color:#cfd8ca}
.site-footer a{color:#cfd8ca;text-decoration:none}
.site-footer a:hover{color:#fff;text-decoration:underline}
.site-footer__in{max-width:var(--container-max);margin-inline:auto;padding:3rem 1rem 0}
.site-footer__grid{display:grid;gap:2rem;grid-template-columns:1fr;padding-bottom:2.5rem}
@media (min-width:768px){.site-footer__grid{grid-template-columns:1fr 1fr}}
@media (min-width:1200px){.site-footer__grid{grid-template-columns:1.4fr 1fr 1.2fr 1.4fr}}
.site-footer__logo{margin-bottom:1rem}
.site-footer__text{font-size:.95rem;line-height:1.7;margin:0 0 1.2rem}
.site-footer__baslik{font-size:1rem;font-weight:800;color:#fff;text-transform:uppercase;letter-spacing:.1em;margin:0 0 1.1rem}
.site-footer__list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem;font-size:.95rem}
.site-footer__list--iletisim li{display:flex;gap:.6rem;align-items:flex-start;line-height:1.55}
.site-footer__list--iletisim i{color:var(--clr-amber);margin-top:.25rem;width:1rem;text-align:center}
.site-footer__sosyal{display:flex;gap:.6rem}
.site-footer__sosyal a{display:inline-flex;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);align-items:center;justify-content:center;font-size:1.1rem}
.site-footer__sosyal a:hover{background:var(--clr-primary);border-color:var(--clr-primary);color:#fff;text-decoration:none}
.site-footer__yasal{border-top:1px solid rgba(255,255,255,.12);padding:1rem 0 .25rem;display:flex;flex-wrap:wrap;
  gap:.35rem 1.5rem;justify-content:center;font-size:.82rem}
.site-footer__yasal a{color:rgba(255,255,255,.65)}
.site-footer__yasal a:hover{color:#fff}
.site-footer__alt{padding:.75rem 0 1.1rem;font-size:.85rem;display:flex;flex-wrap:wrap;gap:.35rem 1.25rem;justify-content:center;align-items:center}
.site-footer__alt p{margin:0;color:rgba(255,255,255,.55)}
.site-footer__kredi{display:inline-flex;align-items:center;gap:.4rem}
.site-footer__kredi i{color:#e0564f;animation:kalpAt 1.6s ease-in-out infinite}
.site-footer__kredi a{color:rgba(255,255,255,.8);font-weight:700;text-decoration:none}
.site-footer__kredi a:hover{color:#fff;text-decoration:underline}
@keyframes kalpAt{0%,100%{transform:scale(1)}15%{transform:scale(1.25)}30%{transform:scale(1)}45%{transform:scale(1.18)}}
@media (prefers-reduced-motion:reduce){.site-footer__kredi i{animation:none}}

/* ============ ÇEREZ ONAYI ============ */
.cerez-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(var(--bottom-nav-h) + 1rem + env(safe-area-inset-bottom));
  z-index:1060;width:min(94vw,680px);background:var(--clr-ink);color:#e8ede5;border-radius:var(--radius);
  box-shadow:var(--shadow-2);padding:1.25rem 1.4rem;display:grid;gap:.9rem}
@media (min-width:1200px){.cerez-banner{bottom:1.25rem}}
.cerez-banner p{margin:0;font-size:.92rem;line-height:1.6}
.cerez-banner a{color:var(--clr-amber)}
.cerez-banner__butonlar{display:flex;flex-wrap:wrap;gap:.6rem;align-items:center}
.cerez-banner .btn-cta{padding:.55rem 1.15rem;font-size:.9rem}
.cerez-banner .btn-cta--dark{background:transparent;border-color:rgba(255,255,255,.4)}
.cerez-banner .btn-cta--dark:hover{background:rgba(255,255,255,.1);border-color:#fff}
.cerez-banner__yonet{background:none;border:0;color:rgba(255,255,255,.85);font:inherit;font-size:.9rem;font-weight:700;
  text-decoration:underline;cursor:pointer;padding:.5rem .25rem;min-height:44px}
.cerez-banner__yonet:hover{color:#fff}

.cerez-panel{position:fixed;inset:0;z-index:1070;background:rgba(10,14,8,.6);display:flex;align-items:center;
  justify-content:center;padding:1rem}
.cerez-panel[hidden]{display:none}
.cerez-panel__kutu{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow-2);width:min(94vw,560px);
  max-height:88vh;overflow-y:auto;padding:1.6rem}
.cerez-panel__ust{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.5rem}
.cerez-panel__ust h2{font-size:1.15rem;text-transform:uppercase;margin:0}
.cerez-panel__kapat{background:none;border:0;font-size:1.6rem;line-height:1;cursor:pointer;color:var(--clr-charcoal);
  min-width:44px;min-height:44px}
.cerez-panel__kapat:hover{color:var(--clr-ink)}
.cerez-panel__aciklama{color:var(--clr-ink-70);font-size:.9rem;margin:0 0 1rem}
.cerez-panel__satir{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0;
  border-top:1px solid var(--clr-line)}
.cerez-panel__satir strong{font-size:.95rem}
.cerez-panel__satir p{margin:.2rem 0 0;font-size:.82rem;color:var(--clr-charcoal);line-height:1.5}
.cerez-panel__butonlar{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.25rem}
.cerez-panel .btn-cta{padding:.6rem 1.2rem;font-size:.92rem}

/* aç/kapat anahtarı */
.cerez-anahtar{position:relative;display:inline-block;flex-shrink:0}
.cerez-anahtar input{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}
.cerez-anahtar span[aria-hidden]{display:block;width:52px;height:30px;border-radius:999px;background:#cfd5cb;
  position:relative;transition:background .2s}
.cerez-anahtar span[aria-hidden]::after{content:"";position:absolute;left:4px;top:4px;width:22px;height:22px;
  border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);transition:transform .2s}
.cerez-anahtar input:checked + span[aria-hidden]{background:var(--clr-primary)}
.cerez-anahtar input:checked + span[aria-hidden]::after{transform:translateX(22px)}
.cerez-anahtar input:focus-visible + span[aria-hidden]{outline:3px solid var(--clr-amber);outline-offset:2px}
.cerez-anahtar--kilitli span[aria-hidden]{opacity:.6}
.cerez-anahtar--kilitli input{cursor:not-allowed}

/* ============ BACK TO TOP ============ */
.back-to-top{position:fixed;right:1rem;bottom:calc(var(--bottom-nav-h) + 1rem + env(safe-area-inset-bottom));z-index:1040;
  width:46px;height:46px;border-radius:50%;border:0;background:var(--clr-primary);color:#fff;font-size:1rem;
  box-shadow:var(--shadow-2);cursor:pointer;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s}
.back-to-top.is-visible{opacity:1;transform:none}
.back-to-top:hover{background:var(--clr-primary-dark)}
@media (min-width:1200px){.back-to-top{bottom:1.25rem}}

/* ============ BOTTOM NAV (yalnız <1200px) ============ */
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1050;display:flex;background:#fff;
  border-top:1px solid var(--clr-line);box-shadow:0 -6px 24px rgba(28,36,25,.10);
  padding-bottom:env(safe-area-inset-bottom);min-height:var(--bottom-nav-h)}
.bottom-nav__item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;
  padding:.5rem .25rem;text-decoration:none;color:var(--clr-ink);font-size:.72rem;font-weight:700;min-height:44px}
.bottom-nav__item i{font-size:1.15rem;color:var(--clr-primary)}
.bottom-nav__item--wa i{color:#22a83e}
.bottom-nav__item:hover{color:var(--clr-primary)}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}