/* Kallavi — premium görünüm katmanı (site.css + premium.css üzerine).
   Koyu orman yeşili + altın vurgu, serif başlıklar, cam başlık çubuğu,
   derin gölgeli kartlar. Yalnızca sistem yazı tipleri (KVKK notu: site.css). */

:root {
  --ok-bg: #f7f3ea;
  --ok-surface: #fffdf8;
  --ok-text: #1d2a24;
  --ok-muted: #5b6a62;
  --ok-line: #e4dccb;
  --ok-primary: #234a3a;
  --ok-primary-dark: #163126;
  --ok-primary-soft: #e6eee8;
  --ok-accent: #b8893b;
  --ok-accent-soft: #f5ead5;
  --kv-gold: linear-gradient(135deg, #e3c27a 0%, #b8893b 45%, #8a6424 100%);
  --kv-deep: linear-gradient(160deg, #10251c 0%, #1d3d30 55%, #2a5442 100%);
  --ok-radius: 22px;
  --ok-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 24px 60px -24px rgba(16, 37, 28, .35);
  --ok-max: 1240px;
  --kv-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif;
}

body {
  background:
    radial-gradient(1200px 600px at 100% -10%, rgba(184,137,59,.10), transparent 60%),
    radial-gradient(900px 500px at -10% 30%, rgba(35,74,58,.08), transparent 60%),
    var(--ok-bg);
  background-attachment: fixed;
}
h1, h2, h3, .ok-brand__name, .px-baslik {
  font-family: var(--kv-serif);
  font-weight: 600;
  letter-spacing: -.015em;
}
h1, .px-baslik { font-size: clamp(2.4rem, 5.6vw, 4.4rem); line-height: 1.05; }
h2 { font-size: clamp(1.9rem, 3.6vw, 2.9rem); }
::selection { background: #e3c27a; color: #10251c; }

/* Başlık çubuğu: cam efekti, altın alt çizgi */
.ok-header {
  position: sticky; top: 0; z-index: 50;
  background: rgba(16, 37, 28, .82);
  -webkit-backdrop-filter: saturate(160%) blur(14px);
  backdrop-filter: saturate(160%) blur(14px);
  border-bottom: 1px solid rgba(227, 194, 122, .35);
  color: #f7f3ea;
}
.ok-header a, .ok-header .ok-brand__title, .ok-header button { color: #f7f3ea; }
.ok-nav a { position: relative; text-decoration: none; opacity: .9; }
.ok-nav a::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: -6px; height: 2px;
  background: var(--kv-gold); transform: scaleX(0); transform-origin: left;
  transition: transform .35s ease;
}
.ok-nav a:hover, .ok-nav .current-menu-item > a { opacity: 1; color: #e3c27a; }
.ok-nav a:hover::after, .ok-nav .current-menu-item > a::after { transform: scaleX(1); }
.ok-brand__mark {
  background: var(--kv-gold) !important; color: #10251c !important;
  box-shadow: 0 6px 18px -6px rgba(227,194,122,.7);
}
.ok-header .ok-btn--ghost { border-color: rgba(227,194,122,.6); color: #e3c27a; }
.ok-header .ok-btn--ghost:hover { background: #e3c27a; color: #10251c; }

/* Düğmeler */
.ok-btn { border-radius: 999px; letter-spacing: .01em; transition: transform .2s ease, box-shadow .2s ease, background .2s; }
.ok-btn--primary, .ok-btn--accent, .kx-btn--altin {
  background: var(--kv-gold) !important; color: #10251c !important; border: 0 !important;
  box-shadow: 0 12px 28px -12px rgba(184,137,59,.8);
}
.ok-btn:hover { transform: translateY(-2px); }

/* Hero ve sayfa başlıkları: koyu, derin zemin */
.px-hero, .ok-hero, .ok-page-head, .ok-yazi__bas, .kx-hero {
  background: var(--kv-deep) !important; color: #f7f3ea;
  position: relative; overflow: hidden;
}
.px-hero::before, .ok-page-head::before, .ok-yazi__bas::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background:
    radial-gradient(600px 300px at 85% 10%, rgba(227,194,122,.22), transparent 65%),
    repeating-linear-gradient(115deg, rgba(255,255,255,.025) 0 2px, transparent 2px 22px);
}
.px-hero > *, .ok-page-head > *, .ok-yazi__bas > * { position: relative; }
.px-hero h1, .ok-page-head h1, .ok-yazi__bas h1, .px-baslik { color: #fffdf8; }
.px-hero .ok-lead, .ok-page-head .ok-lead, .ok-yazi__bas p, .ok-yazi__bas .ok-meta,
.ok-yazi__bas .ok-kirinti, .ok-yazi__bas .ok-kirinti a { color: rgba(247,243,234,.82); }
.ok-page-head { padding: clamp(72px, 10vw, 128px) 0 clamp(56px, 7vw, 88px); }
.ok-page-head h1::after, .ok-section h2::after {
  content: ""; display: block; width: 64px; height: 3px; margin-top: 18px;
  background: var(--kv-gold); border-radius: 3px;
}
.ok-center h2::after, .ok-section .ok-center h2::after { margin-inline: auto; }
.ok-eyebrow {
  color: var(--ok-accent); font-weight: 700; letter-spacing: .22em;
  text-transform: uppercase; font-size: .78rem;
}

/* Bölümler */
.ok-section--alt {
  background: linear-gradient(180deg, rgba(255,253,248,.9), rgba(245,234,213,.45));
  border-block: 1px solid var(--ok-line);
}

/* Kartlar */
.ok-card, .px-kart, .px-paket, .ok-step, .px-sss__oge, .ok-post-card {
  background: var(--ok-surface);
  border: 1px solid var(--ok-line);
  border-radius: var(--ok-radius);
  box-shadow: var(--ok-shadow);
  transition: transform .35s cubic-bezier(.2,.7,.2,1), box-shadow .35s, border-color .35s;
}
.ok-card:hover, .px-kart:hover, .px-paket:hover, .ok-post-card:hover {
  transform: translateY(-6px);
  border-color: rgba(184,137,59,.55);
  box-shadow: 0 32px 70px -28px rgba(16,37,28,.45);
}
.px-paket--one { border: 2px solid #b8893b; position: relative; }
.ok-step { border-top: 3px solid #b8893b; }

/* Blog kartları */
.ok-post-card { overflow: hidden; display: flex; flex-direction: column; }
.ok-post-card__img { aspect-ratio: 16/10; background: var(--kv-deep); overflow: hidden; }
.ok-post-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s ease; }
.ok-post-card:hover .ok-post-card__img img { transform: scale(1.06); }
.ok-post-card__body { padding: 26px 26px 28px; }
.ok-post-card h2, .ok-post-card h3 { font-size: 1.32rem; line-height: 1.25; }
.ok-post-card h2 a, .ok-post-card h3 a { color: var(--ok-text); text-decoration: none; }
.ok-post-card__kat {
  display: inline-block; font-size: .72rem; font-weight: 700; letter-spacing: .14em;
  text-transform: uppercase; color: #8a6424; background: var(--ok-accent-soft);
  padding: 5px 12px; border-radius: 999px; text-decoration: none;
}
.ok-post-card__devam { color: var(--ok-primary); font-weight: 700; }
.ok-post-card--buyuk h2, .ok-post-card--buyuk h3 { font-size: clamp(1.6rem, 2.8vw, 2.2rem); }
.ok-grid--3 { gap: clamp(20px, 2.6vw, 34px); }

/* Kategori çipleri */
.ok-cip {
  border-radius: 999px; border: 1px solid var(--ok-line); background: var(--ok-surface);
  padding: 8px 16px; text-decoration: none; color: var(--ok-text); font-weight: 600;
  transition: all .2s;
}
.ok-cip:hover, .ok-cip.is-aktif { background: var(--ok-primary); border-color: var(--ok-primary); color: #f7f3ea; }

/* Yazı sayfası tipografisi */
.ok-prose--yazi { font-size: 1.12rem; line-height: 1.8; }
.ok-prose--yazi > p:first-of-type { font-size: 1.28rem; line-height: 1.65; color: var(--ok-primary-dark); }
.ok-prose--yazi h2 { margin-top: 2.2em; font-size: clamp(1.6rem, 2.6vw, 2.1rem); }
.ok-prose--yazi h3 { font-family: var(--kv-serif); margin-top: 1.6em; }
.ok-prose--yazi ul li::marker { color: #b8893b; }
.ok-prose--yazi a { text-decoration-color: rgba(184,137,59,.6); text-underline-offset: 3px; }
.ok-prose--yazi .ok-uyari {
  margin-top: 2.4em; padding: 20px 24px; border-radius: 16px;
  background: var(--ok-accent-soft); border-left: 4px solid #b8893b; font-size: .98rem;
}
.ok-icindekiler {
  background: var(--ok-surface); border: 1px solid var(--ok-line);
  border-radius: var(--ok-radius); box-shadow: var(--ok-shadow); padding: 22px 24px;
}
.ok-okuma { background: var(--kv-gold) !important; }

/* Alt bilgi */
.ok-footer { background: var(--kv-deep); color: rgba(247,243,234,.82); border-top: 3px solid #b8893b; }
.ok-footer h4 { font-family: var(--kv-serif); color: #e3c27a; font-size: 1.15rem; }
.ok-footer a { color: #f7f3ea; text-decoration: none; }
.ok-footer a:hover { color: #e3c27a; }
.ok-footer .ok-disclaimer { color: rgba(247,243,234,.6); }

/* Sayfalama */
.ok-sayfalama .page-numbers {
  display: inline-grid; place-items: center; min-width: 44px; height: 44px; padding: 0 12px;
  border-radius: 999px; border: 1px solid var(--ok-line); background: var(--ok-surface);
  text-decoration: none; color: var(--ok-text); font-weight: 600;
}
.ok-sayfalama .page-numbers.current { background: var(--kv-gold); color: #10251c; border: 0; }

@media (max-width: 860px) {
  .ok-nav { background: #10251c; }
  .ok-post-card__body { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  .ok-card, .px-kart, .px-paket, .ok-post-card, .ok-post-card__img img, .ok-btn { transition: none; }
  .ok-card:hover, .px-kart:hover, .px-paket:hover, .ok-post-card:hover, .ok-btn:hover { transform: none; }
}

/* 1.2.0 — logo ve animasyonlu görseller (SVG, toplam ~28 KB) */
.ok-brand__logo { width: 44px; height: 44px; flex: none; border-radius: 50%; box-shadow: 0 6px 18px -6px rgba(184, 137, 59, .55); transition: transform .4s ease; }
.ok-brand:hover .ok-brand__logo { transform: rotate(-8deg) scale(1.06); }
.ok-anim { display: block; pointer-events: none; }
.ok-anim--kart { width: 96px; height: 96px; margin: -6px 0 10px -6px; filter: drop-shadow(0 12px 16px rgba(16, 37, 28, .14)); transition: transform .5s cubic-bezier(.2, .8, .2, 1); }
.ok-card:hover .ok-anim--kart { transform: translateY(-6px) scale(1.06); }
.ok-anim--adim { width: 72px; height: 72px; margin-bottom: 10px; }
.ok-anim--cta { width: 110px; height: 110px; flex: none; }
.px-cta { gap: 24px; }
.ok-desen { animation: ok-desen 14s ease-in-out infinite alternate; }
.ok-post-card:hover .ok-desen { animation-duration: 4s; }
@keyframes ok-desen { to { transform: scale(1.08) translate(-2%, -2%); } }
@media (max-width: 700px) { .ok-anim--cta { display: none; } }
@media (prefers-reduced-motion: reduce) { .ok-desen, .ok-brand__logo { animation: none; transition: none; } }