/* ============================================================
   DEFNE YAPRAK DÖNER — main.css
   SADECE: token'lar + font-face + topbar + header/navbar +
   footer + back-to-top + bottom-nav. Sayfa stilleri pages/*.css
   ============================================================ */

/* ---- Fontlar (self-host, variable) ---- */
@font-face{
  font-family:"Oswald"; font-style:normal; font-weight:200 700; font-display:swap;
  src:url(/assets/fonts/oswald-var-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Oswald"; font-style:normal; font-weight:200 700; font-display:swap;
  src:url(/assets/fonts/oswald-var-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url(/assets/fonts/inter-var-latin-ext.woff2) format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter"; font-style:normal; font-weight:100 900; font-display:swap;
  src:url(/assets/fonts/inter-var-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

@font-face{
  font-family:"Tajawal"; font-style:normal; font-weight:400; font-display:swap;
  src:url(/assets/fonts/tajawal-400-arabic.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:"Tajawal"; font-style:normal; font-weight:400; font-display:swap;
  src:url(/assets/fonts/tajawal-400-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Tajawal"; font-style:normal; font-weight:500; font-display:swap;
  src:url(/assets/fonts/tajawal-500-arabic.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:"Tajawal"; font-style:normal; font-weight:500; font-display:swap;
  src:url(/assets/fonts/tajawal-500-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Tajawal"; font-style:normal; font-weight:700; font-display:swap;
  src:url(/assets/fonts/tajawal-700-arabic.woff2) format("woff2");
  unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC;
}
@font-face{
  font-family:"Tajawal"; font-style:normal; font-weight:700; font-display:swap;
  src:url(/assets/fonts/tajawal-700-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

/* ---- Token katmanı ---- */
:root{
  --color-primary:#33582e;
  --color-primary-dark:#24401f;
  --color-primary-soft:#eaf0e6;
  --color-dark:#262523;
  --color-body:#3d3a36;
  --color-cream:#faf6ef;
  --color-sand:#f1ead9;
  --color-line:#e4dccb;
  --color-white:#fffdf8;
  --font-head:"Oswald","Arial Narrow",system-ui,sans-serif;
  --font-body:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --container-max:1200px;
  --radius:.75rem;
  --space:1rem;
  --shadow-soft:0 10px 30px rgba(38,37,35,.09);
  --header-h:84px; --topbar-h:38px; --bottom-nav-h:62px;
}

body{
  font-family:var(--font-body);
  color:var(--color-body);
  background:var(--color-cream);
  line-height:1.65;
}
h1,h2,h3,h4,.display-font{
  font-family:var(--font-head);
  color:var(--color-dark);
  text-transform:uppercase;
  letter-spacing:.02em;
  line-height:1.15;
}
a{ color:var(--color-primary); }
a:hover{ color:var(--color-primary-dark); }
:focus-visible{ outline:3px solid var(--color-primary); outline-offset:2px; }

/* Ortak yardımcılar (kabuk düzeyi) */
.btn-cta{
  background:var(--color-primary); color:#fff; border:0;
  font-weight:600; padding:.65rem 1.35rem; border-radius:999px;
  display:inline-flex; align-items:center; gap:.5rem; white-space:nowrap;
  text-decoration:none;
}
.btn-cta:hover,.btn-cta:focus{ text-decoration:none; }
.btn-cta:hover,.btn-cta:focus{ background:var(--color-primary-dark); color:#fff; }
.btn-cta--outline{
  background:transparent; border:2px solid #fff; color:#fff;
}
.btn-cta--outline:hover,.btn-cta--outline:focus{ background:#fff; color:var(--color-dark); }
.btn-cta--wa{ background:#1fa855; }
.btn-cta--wa:hover,.btn-cta--wa:focus{ background:#17853f; }

/* ---- Header genişliği (topbar + navbar ortak, ferah) ---- */
.header-icerik{
  max-width:1480px;
  margin-inline:auto;
  padding-inline:1rem;
}
@media (min-width:768px){
  .header-icerik{ padding-inline:2rem; }
}
@media (min-width:1200px){
  .header-icerik{ padding-inline:2.5rem; }
}

/* ---- Topbar ---- */
.topbar{ background:var(--color-primary-dark); color:#e8f0e4; font-size:.85rem; }
.topbar__inner{
  display:flex; align-items:center; justify-content:space-between;
  gap:1rem; min-height:var(--topbar-h);
}
.topbar__grup{ display:flex; align-items:center; gap:1.4rem; flex-wrap:wrap; }
.topbar__item{ display:inline-flex; align-items:center; gap:.45rem; color:#e8f0e4; text-decoration:none; }
.topbar__item:hover{ color:#fff; }
.topbar__item i{ font-size:.8rem; opacity:.85; }
.topbar__dil{
  display:inline-flex; align-items:center; gap:.45rem; flex:0 0 auto;
  color:#c9d8c1; font-weight:600; letter-spacing:.04em;
}
.topbar__dil i{ font-size:.85rem; opacity:.85; }
.topbar__dil-secenek{ cursor:default; opacity:.55; }
.topbar__dil-secenek--link{
  cursor:pointer; color:#c9d8c1; text-decoration:none;
  padding:.5rem .45rem; margin:-.5rem -.2rem;
}
.topbar__dil-secenek--link:hover{ opacity:1; color:#fff; }
.topbar__dil-secenek.is-aktif{
  opacity:1; color:#fff;
  border-bottom:2px solid #9fce8f; padding-bottom:1px;
}
.topbar__dil-ayrac{ opacity:.35; }
@media (max-width:479.98px){
  .topbar__item--hours,.topbar__item--maps{ display:none; }
}
@media (max-width:767.98px){
  .topbar__grup{ gap:.9rem; }
}

/* ---- Header / Navbar ---- */
.site-header{
  position:sticky; top:0; z-index:1030;
  background:var(--color-white);
  border-bottom:1px solid var(--color-line);
  box-shadow:0 2px 14px rgba(38,37,35,.06);
}
.site-header .navbar{ min-height:var(--header-h); padding:.4rem 0; }
.navbar-brand{ padding:0; }
.navbar-brand img{ width:auto; height:66px; }
.site-header .nav-link{
  font-weight:600; color:var(--color-dark);
  padding:.55rem .7rem; font-size:.96rem;
  display:flex; align-items:center; gap:.45rem;
}
.site-header .nav-link i{
  font-size:.85rem; color:var(--color-primary); opacity:.75;
  transition:opacity .2s ease, transform .2s ease;
}
.site-header .nav-link:hover{ color:var(--color-primary); }
.site-header .nav-link:hover i{ opacity:1; transform:translateY(-1px); }
.site-header .nav-link.active{ color:var(--color-primary); }
.site-header .nav-link.active i{ opacity:1; }
.header-ctalar{ display:flex; align-items:center; gap:.5rem; flex-wrap:wrap; }
.header-ctalar .btn-cta{ padding:.6rem 1.1rem; }
@media (min-width:1200px){
  .header-ctalar{ flex-wrap:nowrap; }
  .header-ctalar__wa{
    width:46px; height:46px; padding:0; border-radius:50%;
    justify-content:center; font-size:1.25rem; flex:0 0 auto;
  }
}
.navbar-toggler{ border-color:var(--color-line); padding:.4rem .6rem; flex:0 0 auto; }
.navbar-toggler:focus{ box-shadow:0 0 0 3px var(--color-primary-soft); }

/* Mobil hızlı aksiyonlar (ara + WhatsApp + hamburger) */
.mobil-aksiyonlar{ display:flex; align-items:center; gap:.45rem; flex:0 0 auto; }
.mobil-aksiyon{
  width:40px; height:40px; border-radius:50%; flex:0 0 auto;
  display:grid; place-items:center; font-size:1.05rem;
  background:var(--color-primary); color:#fff; text-decoration:none;
}
.mobil-aksiyon:hover,.mobil-aksiyon:focus{ background:var(--color-primary-dark); color:#fff; }
.mobil-aksiyon--wa{ background:#1fa855; }
.mobil-aksiyon--wa:hover,.mobil-aksiyon--wa:focus{ background:#17853f; }

@media (max-width:1199.98px){
  .navbar-brand img{ height:58px; }

  /* ---- Tam ekran mobil menü ---- */
  .site-header .navbar-collapse{ display:none; }
  .site-header .navbar-collapse.mobil-acik{
    display:flex; flex-direction:column; align-items:center; justify-content:center;
    position:fixed; inset:0; z-index:1100;
    background:
      radial-gradient(ellipse 620px 420px at 85% -10%, rgba(159,206,143,.16), transparent 60%),
      linear-gradient(165deg,#24401f 0%,#2e5029 55%,#33582e 100%);
    padding:4.5rem 1.5rem calc(2rem + env(safe-area-inset-bottom));
    overflow-y:auto;
  }
  body.menu-kilit{ overflow:hidden; }
  body.menu-kilit .bottom-nav,
  body.menu-kilit .back-to-top{ display:none; }

  .mobil-menu-kapat{
    position:absolute; top:1rem; right:1rem;
    width:46px; height:46px; border-radius:50%; border:1px solid rgba(255,255,255,.25);
    background:rgba(255,255,255,.1); color:#fff; font-size:1.2rem;
    display:grid; place-items:center;
  }
  .mobil-menu-kapat:hover{ background:rgba(255,255,255,.2); }
  .mobil-menu-logo{ margin-bottom:1.8rem; }
  .mobil-menu-logo img{
    width:132px; height:auto;
    background:#fff; border-radius:50%; padding:10px;
    box-shadow:0 0 0 5px rgba(255,255,255,.15);
  }

  .mobil-acik .navbar-nav{ text-align:center; margin-bottom:1.8rem; }
  .mobil-acik .nav-item{ opacity:0; animation:giris-yukari .45s ease forwards; }
  .mobil-acik .nav-item:nth-child(1){ animation-delay:.05s; }
  .mobil-acik .nav-item:nth-child(2){ animation-delay:.1s; }
  .mobil-acik .nav-item:nth-child(3){ animation-delay:.15s; }
  .mobil-acik .nav-item:nth-child(4){ animation-delay:.2s; }
  .mobil-acik .nav-item:nth-child(5){ animation-delay:.25s; }
  .mobil-acik .nav-item:nth-child(6){ animation-delay:.3s; }
  .mobil-acik .nav-item:nth-child(7){ animation-delay:.35s; }
  .mobil-acik .nav-link{
    justify-content:center; color:#fff !important;
    font-family:var(--font-head); text-transform:uppercase; letter-spacing:.05em;
    font-size:1.35rem; padding:.55rem 1rem;
  }
  .mobil-acik .nav-link i{ color:#9fce8f; opacity:1; font-size:1.05rem; }
  .mobil-acik .nav-link.active{ color:#9fce8f !important; }

  .mobil-acik .header-ctalar{
    margin:0; justify-content:center;
    opacity:0; animation:giris-yukari .45s ease .42s forwards;
  }
  .mobil-acik .header-ctalar .btn-cta{ background:#fff; color:var(--color-primary-dark); }
  .mobil-acik .header-ctalar .btn-cta:hover{ background:var(--color-cream); }
  .mobil-acik .header-ctalar .btn-cta--wa{ background:#1fa855; color:#fff; }
}
@media (max-width:479.98px){
  .navbar-brand img{ height:48px; }
  .mobil-aksiyonlar{ gap:.35rem; }
  .mobil-aksiyon{ width:36px; height:36px; font-size:.95rem; }
  .navbar-toggler{ padding:.3rem .5rem; }
  .header-icerik{ padding-inline:.75rem; }
}
@media (max-width:359.98px){
  .navbar-brand img{ height:40px; }
  .mobil-aksiyon{ width:34px; height:34px; font-size:.9rem; }
  .header-icerik{ padding-inline:.6rem; }
}
@media (min-width:1200px) and (max-width:1399.98px){
  .site-header .nav-link{ padding:.55rem .55rem; font-size:.93rem; }
  .navbar-brand img{ height:58px; }
}
@media (min-width:1400px){
  .site-header .nav-link{ padding:.6rem 1rem; font-size:1.02rem; }
  .site-header .navbar-nav{ gap:.25rem; }
  .header-ctalar{ gap:.7rem; }
  .header-ctalar .btn-cta{ padding:.7rem 1.35rem; }
}

/* ---- Footer ---- */
.site-footer{
  position:relative; overflow:hidden;
  background:
    radial-gradient(ellipse 900px 420px at 85% -10%, rgba(51,88,46,.35), transparent 60%),
    linear-gradient(180deg,#2b2a27,#201f1d);
  color:#cfc9bf;
  padding:4rem 0 0; margin-top:0;
}
.site-footer::before{
  content:""; position:absolute; top:0; left:0; right:0; height:4px;
  background:linear-gradient(90deg,var(--color-primary-dark),#9fce8f,var(--color-primary-dark));
}
.site-footer a{ color:#e6e0d4; text-decoration:none; }
.site-footer a:hover{ color:#fff; text-decoration:underline; }
.site-footer__slogan{ margin:1.1rem 0 .85rem; font-style:italic; color:#a9c69f; }
.site-footer__parent{
  display:inline-flex; align-items:center; gap:.6rem; font-size:.88rem; color:#b5aea4;
  background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.1);
  border-radius:999px; padding:.35rem .9rem .35rem .4rem; margin:0;
}
.site-footer__parent img{ border-radius:50%; background:#fff; padding:2px; }
.site-footer__sosyal{ display:flex; gap:.6rem; margin-top:1.1rem; }
.site-footer__sosyal a{
  width:42px; height:42px; border-radius:50%;
  display:grid; place-items:center; font-size:1.1rem;
  background:rgba(255,255,255,.08); color:#e6e0d4;
  border:1px solid rgba(255,255,255,.08);
  transition:background .2s ease, color .2s ease, transform .2s ease;
}
.site-footer__sosyal a:hover{
  background:var(--color-primary); color:#fff; text-decoration:none; transform:translateY(-3px);
}
.site-footer__title{
  color:#fff; font-size:1.05rem; margin-bottom:1.1rem; letter-spacing:.08em;
  position:relative; padding-bottom:.55rem;
}
.site-footer__title::after{
  content:""; position:absolute; left:0; bottom:0; width:34px; height:3px;
  border-radius:2px; background:#9fce8f;
}
.site-footer__nav{ list-style:none; margin:0; padding:0; }
.site-footer__nav li{ margin-bottom:.45rem; }
.site-footer__nav a{
  display:inline-flex; align-items:center; gap:.5rem;
  transition:transform .2s ease, color .2s ease;
}
.site-footer__nav a:hover{ transform:translateX(4px); text-decoration:none; color:#9fce8f; }
.site-footer__nav i{ font-size:.7rem; color:#7fa373; }
.site-footer__nap p{ display:flex; gap:.7rem; margin-bottom:.7rem; align-items:baseline; }
.site-footer__nap i{
  color:#9fce8f; width:1.6rem; height:1.6rem; flex:0 0 auto;
  background:rgba(159,206,143,.12); border-radius:50%;
  display:inline-grid; place-items:center; font-size:.72rem;
  transform:translateY(.2rem);
}
.site-footer__bottom{
  border-top:1px solid rgba(255,255,255,.12);
  margin-top:2.6rem; padding:1.2rem 0; font-size:.85rem; text-align:center; color:#98928a;
}
.site-footer__bottom p{ margin:0; }
.site-footer__yasal{
  margin-bottom:.5rem !important;
  display:flex; gap:.7rem; justify-content:center; flex-wrap:wrap;
}
.site-footer__yasal a{ color:#b5aea4; }
.site-footer__yasal a:hover{ color:#fff; }

/* ---- 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(--color-primary); color:#fff;
  box-shadow:var(--shadow-soft); display:grid; place-items:center;
  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(--color-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:var(--color-white);
  border-top:1px solid var(--color-line);
  padding-bottom:env(safe-area-inset-bottom);
  box-shadow:0 -4px 18px rgba(38,37,35,.1);
}
.bottom-nav__item{
  flex:1; display:flex; flex-direction:column; align-items:center; justify-content:center;
  gap:2px; min-height:var(--bottom-nav-h); text-decoration:none;
  color:var(--color-dark); font-size:.7rem; font-weight:600;
}
.bottom-nav__item i{ font-size:1.15rem; color:var(--color-primary); }
.bottom-nav__item:hover{ color:var(--color-primary); }

/* ---- Global animasyon araçları ---- */
.reveal{
  opacity:0; transform:translateY(28px);
  transition:opacity .65s ease, transform .65s ease;
}
.reveal--sol{ transform:translateX(-36px); }
.reveal--sag{ transform:translateX(36px); }
.reveal--buyu{ transform:translateY(20px) scale(.96); }
.reveal--gecikme1{ transition-delay:.12s; }
.reveal--gecikme2{ transition-delay:.24s; }
.reveal--gecikme3{ transition-delay:.36s; }
.reveal.is-visible{ opacity:1; transform:none; }

@keyframes giris-yukari{
  from{ opacity:0; transform:translateY(26px); }
  to{ opacity:1; transform:none; }
}

/* İç sayfa başlığı (sayfa-basi) giriş animasyonu — tüm sayfalarda ortak desen */
.sayfa-basi .kirinti{ animation:giris-yukari .5s ease both; }
.sayfa-basi h1{ animation:giris-yukari .6s ease .1s both; }
.sayfa-basi .sayfa-basi__ozet{ animation:giris-yukari .6s ease .22s both; }
.sayfa-basi .btn-cta{ animation:giris-yukari .6s ease .34s both; }

/* Buton mikro-animasyonu */
.btn-cta{ transition:background .2s ease, color .2s ease, transform .25s ease, box-shadow .25s ease; }
.btn-cta:hover{ transform:translateY(-2px); box-shadow:0 10px 22px rgba(38,37,35,.22); }
.btn-cta:active{ transform:translateY(0); }

/* Menü linki: alttan büyüyen çizgi */
@media (min-width:1200px){
  .site-header .nav-link{ position:relative; }
  .site-header .nav-link::after{
    content:""; position:absolute; left:.7rem; right:.7rem; bottom:.2rem; height:2px;
    border-radius:2px; background:var(--color-primary);
    transform:scaleX(0); transform-origin:left; transition:transform .25s ease;
  }
  .site-header .nav-link:hover::after,
  .site-header .nav-link.active::after{ transform:scaleX(1); }
}

/* ---- Arapça (RTL) uyarlamaları ---- */
html[lang="ar"]{
  --font-head:"Tajawal","Segoe UI",Tahoma,system-ui,sans-serif;
  --font-body:"Tajawal","Segoe UI",Tahoma,system-ui,sans-serif;
}
[lang="ar"] h1,[lang="ar"] h2,[lang="ar"] h3,[lang="ar"] h4,
[lang="ar"] .hero__title,[lang="ar"] .bolum-baslik__ust,[lang="ar"] .bolum-ust{
  letter-spacing:0;
}
[dir="rtl"] .fa-angle-right,
[dir="rtl"] .fa-chevron-right,
[dir="rtl"] .fa-chevron-left{ transform:scaleX(-1); }
[dir="rtl"] .site-footer__nav a:hover{ transform:translateX(-4px); }
[dir="rtl"] .site-footer__title::after{ left:auto; right:0; }
@media (min-width:1200px){
  [dir="rtl"] .site-header .nav-link::after{ transform-origin:right; }
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{ animation-duration:.01ms !important; transition-duration:.01ms !important; scroll-behavior:auto !important; }
  /* Hareket yok ama içerik yumuşak solarak girer (RDP / animasyon-kısıtlı ortamlar dahil) */
  .reveal{ transform:none !important; transition:opacity .5s ease !important; }
  .sayfa-basi .kirinti,.sayfa-basi h1,.sayfa-basi .sayfa-basi__ozet,.sayfa-basi .btn-cta{
    animation:none !important; opacity:1 !important;
  }
}