/* ---------- İvriz Bal ve Arıcılık · Bilgi Köşesi yazı sayfaları ---------- */
:root{
  --cream:#faf6ee;--cream-alt:#f2ead9;--ink:#2e2419;--ink-soft:#5a4c3c;
  --brown:#6b4a2b;--brown-dark:#3f2c18;--gold:#b8862f;--gold-soft:#d9b46a;
  --border:#e3d7bd;--white:#fff;
  --font-head:"Playfair Display",Georgia,serif;
  --font-body:"Source Sans 3","Segoe UI",sans-serif;
  --radius:4px;
  --olcu:720px;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;font-family:var(--font-body);color:var(--ink);background:var(--cream);
  line-height:1.78;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;height:auto;-webkit-user-drag:none;user-select:none}
a{color:var(--brown)}

/* ---------- Okuma çubuğu ---------- */
.okuma-cubugu{
  position:fixed;top:0;left:0;right:0;height:3px;z-index:40;
  background:transparent;pointer-events:none;
}
.okuma-cubugu span{
  display:block;height:100%;width:0;
  background:linear-gradient(90deg,var(--gold-soft),var(--gold));
  transition:width .08s linear;
}

/* ---------- Üst bar ---------- */
.ust{
  background:rgba(250,246,238,.96);border-bottom:1px solid var(--border);
  position:sticky;top:0;z-index:30;backdrop-filter:blur(6px);
}
.ust-ic{
  max-width:1100px;margin:0 auto;padding:14px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:20px;
}
.logo{
  display:inline-flex;align-items:center;gap:10px;font-family:var(--font-head);
  font-size:1.15rem;font-weight:700;color:var(--brown-dark);text-decoration:none;
  white-space:nowrap;
}
.logo svg{color:var(--gold)}
.ust-nav{display:flex;align-items:center;gap:22px}
.ust-nav a{
  font-size:.92rem;color:var(--ink-soft);text-decoration:none;
  padding-bottom:2px;border-bottom:1px solid transparent;
}
.ust-nav a:hover{color:var(--brown-dark);border-bottom-color:var(--gold-soft)}
.ust-cta{
  background:var(--brown);color:var(--white)!important;border:0!important;
  padding:9px 18px;border-radius:var(--radius);font-weight:600;
}
.ust-cta:hover{background:var(--brown-dark)}

/* ---------- Yazı başlığı bandı ---------- */
.yazi-hero{
  background:var(--cream-alt);border-bottom:1px solid var(--border);
  padding:56px 24px 48px;
}
.hero-ic{max-width:var(--olcu);margin:0 auto}
.kunye{
  font-size:.76rem;color:var(--gold);letter-spacing:.14em;text-transform:uppercase;
  margin:0 0 1.1em;font-weight:600;
}
.yazi-hero h1{
  font-family:var(--font-head);font-size:clamp(1.85rem,4.6vw,2.7rem);line-height:1.22;
  margin:0 0 .5em;color:var(--brown-dark);
}
.yazi-hero h1::after{
  content:"";display:block;width:54px;height:2px;background:var(--gold);margin:.55em 0 0;
}
.ozet{
  font-size:1.12rem;color:var(--ink-soft);margin:1.1em 0 0;max-width:62ch;
}

/* ---------- Gövde ---------- */
main{max-width:var(--olcu);margin:0 auto;padding:42px 24px 72px}

.icindekiler{
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
  padding:18px 22px;margin:0 0 2.6em;
}
.ic-baslik{
  margin:0 0 .5em;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--ink-soft);font-weight:600;
}
.icindekiler ol{margin:0;padding-left:1.2em}
.icindekiler li{margin:.3em 0;font-size:.95rem}
.icindekiler a{color:var(--brown);text-decoration:none;border-bottom:1px solid transparent}
.icindekiler a:hover{border-bottom-color:var(--gold-soft)}

.yazi h2{
  font-family:var(--font-head);font-size:clamp(1.3rem,2.9vw,1.7rem);
  margin:2.2em 0 .5em;color:var(--brown-dark);scroll-margin-top:90px;
  padding-left:14px;border-left:3px solid var(--gold);line-height:1.3;
}
.yazi h3{font-size:1.06rem;margin:1.8em 0 .4em;color:var(--brown-dark)}
.yazi p{margin:0 0 1.15em}
.yazi > p:first-of-type{font-size:1.06rem}
strong{color:var(--brown-dark);font-weight:600}
.yazi ul,.yazi ol{margin:0 0 1.3em;padding-left:1.3em}
.yazi li{margin-bottom:.5em}

.kutu{
  background:var(--white);border:1px solid var(--border);border-left:3px solid var(--gold);
  border-radius:var(--radius);padding:18px 22px;margin:1.8em 0;
}
.kutu p:last-child{margin-bottom:0}
.kutu-baslik{
  font-weight:600;color:var(--brown-dark);display:block;margin-bottom:.4em;
  font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;
}

.tablo-sar{overflow-x:auto;margin:1.6em 0}
table{
  width:100%;border-collapse:collapse;font-size:.94rem;
  background:var(--white);border:1px solid var(--border);border-radius:var(--radius);
}
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--border)}
thead th{
  background:var(--cream-alt);font-size:.72rem;letter-spacing:.08em;
  text-transform:uppercase;color:var(--ink-soft);
}
tbody tr:nth-child(even){background:#fdfbf6}
tbody tr:last-child th,tbody tr:last-child td{border-bottom:0}

.iyi{
  display:inline-block;background:#e8f3e6;color:#2f6b2a;border:1px solid #bfdcb9;
  border-radius:999px;padding:1px 10px;font-size:.8rem;font-weight:600;
}
.kotu{
  display:inline-block;background:#f7e9e7;color:#8a3226;border:1px solid #e2c3bd;
  border-radius:999px;padding:1px 10px;font-size:.8rem;font-weight:600;
}

/* ---------- Yazı sonu çağrısı ---------- */
.cta{
  background:var(--brown-dark);color:#f3ece0;border-radius:var(--radius);
  padding:36px 32px;margin:3em 0 0;text-align:center;
}
.cta h2{
  font-family:var(--font-head);color:var(--white);margin:0 0 .5em;
  font-size:clamp(1.3rem,3vw,1.7rem);border:0;padding:0;
}
.cta p{margin:0 auto 1.6em;max-width:48ch;color:#e6dbc9}
.cta .btn,.btn{
  display:inline-block;background:var(--gold);color:var(--brown-dark);
  text-decoration:none;font-weight:600;padding:12px 26px;border-radius:var(--radius);
}
.cta .btn:hover,.btn:hover{background:var(--gold-soft)}

/* ---------- Diğer yazılar ---------- */
.diger{margin-top:3.4em;border-top:1px solid var(--border);padding-top:2.4em}
.diger-baslik{
  font-family:var(--font-head);font-size:1.25rem;color:var(--brown-dark);
  margin:0 0 1.2em;
}
.diger-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.diger-kart{
  display:block;background:var(--white);border:1px solid var(--border);
  border-radius:var(--radius);padding:20px 22px;text-decoration:none;color:inherit;
  transition:border-color .15s ease,transform .15s ease;
}
.diger-kart:hover{border-color:var(--gold-soft);transform:translateY(-2px)}
.dk-etiket{
  display:inline-block;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);font-weight:600;margin-bottom:.6em;
}
.diger-kart h3{
  font-family:var(--font-head);font-size:1.06rem;color:var(--brown-dark);
  margin:0 0 .4em;line-height:1.35;
}
.diger-kart p{font-size:.92rem;color:var(--ink-soft);margin:0 0 .8em;line-height:1.6}
.dk-devam{font-size:.85rem;color:var(--brown);font-weight:600}
.dk-devam::after{content:" \2192"}

/* ---------- Alt bar ---------- */
.alt-bar{background:var(--brown-dark);color:#cbbda6;padding:30px 24px}
.alt-ic{max-width:var(--olcu);margin:0 auto;font-size:.86rem}
.alt-ic p{margin:0 0 .5em}
.alt-ic a{color:var(--gold-soft);text-decoration:none}
.alt-ic a:hover{color:var(--white)}
.alt-not{font-size:.78rem;color:#9d8f7c;margin-top:1em}

/* ---------- Küçük ekran ---------- */
@media (max-width:760px){
  .ust-nav a:not(.ust-cta){display:none}
  .ust-ic{padding:12px 18px}
  .yazi-hero{padding:38px 20px 32px}
  main{padding:30px 20px 56px}
  .cta{padding:28px 20px}
}

@media (prefers-reduced-motion:reduce){
  *{transition:none!important;scroll-behavior:auto!important}
}

/* ---------- Baslik logosu (isaret + yazi kilidi) ---------- */
.logo { gap: 11px; }
.logo-yazi { display: flex; flex-direction: column; line-height: 1; }
.logo-ad {
  font-family: var(--font-head);
  font-size: 1.22rem;
  font-weight: 700;
  color: var(--brown-dark);
  letter-spacing: 0.005em;
}
.logo-alt {
  font-family: var(--font-body);
  font-size: 0.58rem;
  font-weight: 600;
  letter-spacing: 0.22em;
  color: var(--gold);
  margin-top: 4px;
}

/* ---------- Yatay kilit: gravür arı + Cinzel ---------- */
.logo { gap: 13px; align-items: center; }
.logo-icon svg { display: block; }
.logo-ad {
  font-family: "Cinzel", "Playfair Display", Georgia, serif;
  font-weight: 500;
  font-size: 1.16rem;
  letter-spacing: 0.14em;
  text-indent: 0.14em;
  color: var(--brown-dark);
  text-transform: uppercase;
}
.logo-alt {
  font-size: 0.55rem;
  letter-spacing: 0.3em;
  text-indent: 0.3em;
  color: var(--gold);
  margin-top: 6px;
}
@media (max-width: 560px) {
  .logo-icon svg { width: 34px; height: 34px; }
  .logo-ad { font-size: 0.98rem; letter-spacing: 0.1em; }
  .logo-alt { font-size: 0.5rem; letter-spacing: 0.22em; }
}

/* ---------- Logo: koyu zemin üzerinde yatay dikdörtgen ---------- */
.logo {
  background: #241809;
  padding: 10px 18px 10px 14px;
  border-radius: 2px;
  border: 1px solid rgba(217, 180, 106, 0.35);
  gap: 13px;
}
.logo-ad { color: #f7f1e4; }
.logo-alt { color: var(--gold-soft); }