/* ============================================================
   B paleti — iç sayfalar için DENEME (gerçek siteye henüz işlenmedi)
   Mantık:
     hardal  = üreticiler / insanlar (üretici sayfaları, iletişim, ürün filtresi)
     yeşil   = bilgi ve hikâye       (hikâyemiz, SSS, teslimat, yasal, benzer ürünler)
     krem + bordo = alışverişin kendisi (ürün ızgarası, ürün detay, sepet, ödeme)
   ============================================================ */

:root { --yesil-kos: #3D6146; }   /* yeşilin koyusu: krem zemin üstünde metin için */

/* ---------- yeşil bant (ortak) ---------- */
.bant-yesil { background: var(--yesil); color: var(--krem-yazi); }
.bant-yesil .muhur { color: var(--krem-yazi); }
.bant-yesil .muhur::before { background: var(--hardal); }
.bant-yesil h1, .bant-yesil h2 { color: var(--krem-yazi); }
.bant-yesil .bolum-basi p { color: var(--krem-yazi); }

/* ---------- bilgi sayfası başlık bandı ---------- */
.sayfa-basi { padding-block: clamp(40px, 6vw, 76px); border-bottom: 1px solid rgba(18, 38, 24, .25); }
.sayfa-basi h1 {
  font-size: var(--o-3xl);
  font-variation-settings: "SOFT" 60, "WONK" 1, "opsz" 90;
  margin-bottom: 16px;
  max-width: 20ch;
}
.sayfa-basi .lead { color: var(--krem-yazi); font-size: var(--o-md); max-width: 52ch; }
.sayfa-basi .lead a { color: var(--krem-yazi); border-bottom: 1px solid rgba(251, 246, 234, .6); }
.sayfa-basi .lead a:hover { border-bottom-color: var(--krem-yazi); }

/* başlık dışarı alınınca makalenin ilk paragrafı artık "lead" değil */
.yazi--govde > p:first-of-type { font-size: inherit; }
.yazi--govde { padding-top: clamp(36px, 5vw, 60px); }

/* ---------- hikâyemiz: kapanış hardal bant ---------- */
.sayfa-sonu { padding-block: clamp(44px, 6vw, 72px); }
.sayfa-sonu .kap { max-width: 68ch; margin-inline: 0; }
.sayfa-sonu h2 { font-size: var(--o-xl); margin-bottom: 12px; }
.sayfa-sonu p { color: var(--koyu-yazi); margin-bottom: 22px; }

/* ---------- üreticiler sayfası ---------- */
.bant-hardal > .kap > p { color: var(--koyu-yazi); }

/* ---------- üretici sayfası: başlık hardal, hikâye yeşil (tam genişlik) ---------- */
body[data-sayfa="uretici"] .uretici-basi {
  background: var(--hardal);
  box-shadow: 0 0 0 100vmax var(--hardal);
  clip-path: inset(0 -100vmax);
  border-bottom: none;
}
body[data-sayfa="uretici"] .uretici-basi .muhur { color: var(--murekkep); }
body[data-sayfa="uretici"] .uretici-basi .muhur::before { background: var(--kiremit); }
body[data-sayfa="uretici"] .uretici-basi__ozet { color: var(--koyu-yazi); }
body[data-sayfa="uretici"] .uretici-basi__logo { border-color: rgba(36, 28, 18, .18); }
body[data-sayfa="uretici"] .uretici-hikaye {
  max-width: none;
  background: var(--yesil);
  color: var(--krem-yazi);
  box-shadow: 0 0 0 100vmax var(--yesil);
  clip-path: inset(0 -100vmax);
  padding-block: clamp(34px, 5vw, 56px);
  margin-bottom: clamp(36px, 5vw, 56px);
}
body[data-sayfa="uretici"] .uretici-hikaye p { max-width: 62ch; color: var(--krem-yazi); }

/* ---------- ürünler: araç bandı hardal ---------- */
.arac-bandi { padding-block: clamp(32px, 4.5vw, 52px) clamp(26px, 3.5vw, 40px); }
.arac-bandi [data-liste-bilgi] h1 { font-size: var(--o-2xl); margin-bottom: 8px; }
.arac-bandi [data-liste-bilgi] p { color: var(--koyu-yazi); max-width: 52ch; }
.arac-bandi .kod { color: var(--koyu-yazi); }
.arac-bandi .arama { background: var(--yuzey); border-color: transparent; }
.arac-bandi .suzgec { margin-bottom: 0; }
.arac-bandi .suzgec a,
.arac-bandi .suzgec button { background: rgba(255, 255, 255, .38); border-color: rgba(36, 28, 18, .35); }
.arac-bandi .suzgec a:hover,
.arac-bandi .suzgec button:hover { border-color: var(--murekkep); background: rgba(255, 255, 255, .6); }
.arac-bandi .suzgec a[aria-current="true"],
.arac-bandi .suzgec button[aria-current="true"] {
  background: var(--yesil);
  border-color: var(--yesil);
  color: var(--krem-yazi);
}
.arac-bandi .alt-suzgec { margin: 18px 0 0; }
.arac-bandi .alt-suzgec button { color: var(--koyu-yazi); }
.arac-bandi .alt-suzgec button:hover { color: var(--murekkep); }
.arac-bandi .alt-suzgec button[aria-current="true"] { color: var(--murekkep); border-bottom-color: var(--kiremit); }
.arac-bandi .gecis button { color: var(--koyu-yazi); }
.arac-bandi .gecis button[aria-selected="true"] { color: var(--kagit); }

/* ---------- ürün sayfası: "yanına yakışır" bandı yeşil ---------- */
.bant.bant-yesil { border-top: none; padding-block: clamp(48px, 6vw, 80px); }
.bant-yesil .urun__ad { color: var(--krem-yazi); }
.bant-yesil .urun__olcu,
.bant-yesil .kod,
.bant-yesil .urun__fiyat s,
.bant-yesil .uretici-nisan { color: var(--krem-yazi); }
.bant-yesil .uretici-nisan:hover { color: var(--krem-yazi); border-bottom-color: rgba(251, 246, 234, .6); }
.bant-yesil .urun__fiyat .indirimli,
.bant-yesil .fiyat-yok { color: var(--hardal); }
.bant-yesil .urun__cerceve { background: rgba(251, 246, 234, .12); }
.bant-yesil .dg--sade { background: none; color: var(--krem-yazi); border-bottom-color: rgba(251, 246, 234, .55); }
.bant-yesil .dg--sade:hover { border-bottom-color: var(--krem-yazi); }

/* ---------- iletişim: künye kartı hardal ---------- */
body[data-sayfa="iletisim"] .kunye {
  background: var(--hardal);
  padding: clamp(24px, 3vw, 34px);
  align-self: start;
}
body[data-sayfa="iletisim"] .kunye__oge { border-top-color: rgba(36, 28, 18, .25); }
body[data-sayfa="iletisim"] .kunye__oge:first-child { border-top: none; padding-top: 0; }
body[data-sayfa="iletisim"] .kunye__oge dt { color: var(--koyu-yazi); }
body[data-sayfa="iletisim"] .kunye a { border-bottom: 1px solid rgba(36, 28, 18, .4); }

/* ---------- teslimat: tablo başlığı hardal ---------- */
body[data-sayfa="teslimat"] .yazi th { background: var(--hardal); color: var(--murekkep); border-bottom: none; }

/* ---------- sepet & ödeme: küçük vurgular ---------- */
body[data-sayfa="sepet"] .ozet,
body[data-sayfa="odeme"] .ozet { border-top: 5px solid var(--hardal); }
body[data-sayfa="odeme"] .adim__no { color: var(--yesil-kos); }