/* İç sayfalar: tam genişlik düzen (hakkımda, hizmetler, blog, iletişim, sayfalar) */

/* Geniş kapsayıcı: ana sayfa dışındaki sayfalarda içerik ekranı doldurur */
body:not(.home) .ok-wrap { width: min(100% - clamp(32px, 6vw, 96px), 1440px); }

/* Sayfa başlığı bandı */
.ok-sb { padding: clamp(64px, 9vw, 120px) 0 clamp(48px, 6vw, 80px); }
.ok-sb__ic { display: flex; flex-direction: column; gap: 14px; }
.ok-sb__yol { display: flex; flex-wrap: wrap; gap: 8px; font-size: .9rem; color: rgba(247,243,234,.82); }
.ok-sb__yol a { color: rgba(247,243,234,.82); text-decoration: none; }
.ok-sb__yol a:hover { color: #fffdf8; text-decoration: underline; }
.ok-sb__ust { color: var(--kv-gold, #e3c27a); }
.ok-sb h1 { margin: 0; font-size: clamp(2.2rem, 5vw, 3.8rem); line-height: 1.08; text-wrap: balance; max-width: 22ch; }
.ok-sb .ok-lead { margin: 0; max-width: 62ch; }
.ok-sb__ara { display: flex; gap: 10px; margin-top: 10px; max-width: 620px; }
.ok-sb__ara input {
  flex: 1; min-width: 0; padding: 14px 18px; border-radius: 999px; font: inherit;
  border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.1); color: #fffdf8;
}
.ok-sb__ara input::placeholder { color: rgba(247,243,234,.7); }
.ok-sb__ara input:focus { outline: 2px solid var(--kv-gold, #e3c27a); outline-offset: 2px; }

/* Metin sayfaları: okunur satır genişliği, ortalanmış */
.ok-prose--sayfa { max-width: 780px; margin-inline: auto; }
.ok-content--metin { background: var(--ok-surface); }

/* Hakkımda */
.ok-about--genis { grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); }
.ok-about__harf { display: grid; place-items: center; width: 100%; height: 100%;
  font-size: clamp(4rem, 12vw, 9rem); font-weight: 700; color: var(--ok-primary-dark); }
.ok-ilkeler .ok-card h3 { margin-top: 0; }
@media (max-width: 860px) { .ok-about--genis { grid-template-columns: 1fr; } }

/* Blog ızgarası: geniş ekranda 4 sütun */
@media (min-width: 1280px) { .ok-grid--blog { grid-template-columns: repeat(4, minmax(0, 1fr)); } }

@media (max-width: 560px) {
  .ok-sb__ara { flex-direction: column; }
  .ok-sb__ara .ok-btn { width: 100%; }
}

/* ---- Okunabilirlik: zemin ile yazı zıtlığı (WCAG AA) ---- */
/* Menü: aktif sayfa açık zeminli hap yerine koyu başlıkta altın yazı */
.ok-nav a { white-space: nowrap; }
.ok-nav a:hover, .ok-nav .current-menu-item > a { background: rgba(227, 194, 122, .14); color: #f3dc9c; }
/* Üst etiketler: açık zeminde koyu altın, koyu zeminde açık altın */
.ok-eyebrow { color: #7a5718; }
.ok-page-head .ok-eyebrow, .ok-yazi__bas .ok-eyebrow, .px-hero .ok-eyebrow, .ok-footer .ok-eyebrow, .ok-cta .ok-eyebrow { color: #e3c27a; }
.ok-post-card__kat { color: #6b4c18 !important; }
.px-rozet { color: #2a5c3e; }
/* Öne çıkan paket: koyu degrade geri gelir (genel kart kuralı eziyordu) */
.px-paket--one { background: linear-gradient(160deg, #1e3a2b, #3f8f5f) !important; color: #fff; }
/* Kurumsal (siyah zemin): soluk gri yerine okunur açık gri */
[data-mod="kurumsal"] .kx-kart p, [data-mod="kurumsal"] .kx-uye p { color: #b3beb7; }

/* Kurumsal mod: kallavi.css :root renkleri kurumsal koyu renkleri eziyordu
   (aynı özgüllük, sonra yüklenen kazanır) → krem zemine açık yazı. Burada
   daha özgül seçiciyle koyu tema geri kurulur. */
html[data-mod="kurumsal"] {
  --ok-bg: #07080a; --ok-surface: #0f1115; --ok-text: #f1ede4; --ok-muted: #a19d96; --ok-line: #23262d;
  --ok-primary: #c9a24b; --ok-primary-dark: #e8c778; --ok-primary-soft: rgba(201, 162, 75, .12);
  --ok-accent: #e8c778; --ok-accent-soft: rgba(232, 199, 120, .10);
}
html[data-mod="kurumsal"] body { background: #07080a; }
html[data-mod="kurumsal"] .kx-giris, html[data-mod="kurumsal"] .kx-seritler span { color: rgba(246, 241, 230, .82); }

/* Koyu bantlarda (sayfa başı, yazı başı, ana sayfa üstü) gri değil açık yazı */
.px-hero .px-giris, .px-hero .px-guven, .ok-yazi__bas .ok-yazi__bilgi, .ok-yazi__bas time,
.ok-yazi__bas .ok-yazi__kunye small, .ok-yazi__bas .ok-yazi__kunye b { color: rgba(247, 243, 234, .86); }
.px-hero .ok-btn--ghost { border-color: rgba(247, 243, 234, .6); color: #f7f3ea; }
.px-hero .ok-btn--ghost:hover { background: #f7f3ea; color: #10251c; }
.px-hero .px-rozet { background: rgba(255, 255, 255, .1); color: #f3dc9c; }

/* Turuncu duraklı degradeler beyaz yazıyı okunmaz yapıyordu: yalnız yeşil tonlar */
.ok-cta, .px-cta { background: linear-gradient(120deg, #10251c, #234a3a 60%, #2f6b4f) !important; }
.px-kayan { background: linear-gradient(90deg, #1d3d30, #2f6b4f) !important; }

/* Başlık: logo yazısı dar ekranda kelime kelime kırılmasın */
.ok-brand__title, .ok-brand__name { white-space: nowrap; }
@media (max-width: 1280px) and (min-width: 961px) {
  .ok-brand__title { display: none; }
  .ok-header__in { gap: 14px; }
  .ok-nav ul { gap: 0; }
  .ok-nav a { padding-inline: 10px; }
}

/* Altın düğmeler: koyu yazı her noktada okunsun diye degrade açık tonlarda */
:root { --kv-gold: linear-gradient(135deg, #f0d595 0%, #e3c27a 50%, #d2a75a 100%); }
.kx-btn--altin { background: linear-gradient(135deg, #f0d595 0%, #e8c778 50%, #d2a75a 100%) !important; color: #14110a !important; }
/* Öne çıkan paket: beyaz yazı için koyu yeşil degrade */
.px-paket--one { background: linear-gradient(160deg, #10251c, #234a3a 60%, #2a5442) !important; }
/* Ana sayfa başlığı: koyu zeminde düz açık renk (renk geçişi zemine karışıyordu) */
.px-hero .px-baslik { background: none !important; -webkit-text-fill-color: #fffdf8; color: #fffdf8; }
.ok-footer .ok-disclaimer { color: rgba(247, 243, 234, .8); }

/* Kurumsal görünüm tüm sitede seçilebilir (başlıktaki düğme, tarayıcı hatırlar).
   Kişisel sayfaların açık renkli parçaları bu görünümde koyuya çevrilir. */
html[data-mod="kurumsal"] .ok-section--alt { background: #0c0e12 !important; }
html[data-mod="kurumsal"] .ok-eyebrow { color: #e3c27a; }
html[data-mod="kurumsal"] .ok-post-card__kat { color: #f3dc9c !important; }
html[data-mod="kurumsal"] .ok-cip { color: #e9e4da; border-color: #2c3038; background: transparent; }
html[data-mod="kurumsal"] .ok-cip:hover, html[data-mod="kurumsal"] .ok-cip.is-aktif { background: #e8c778; border-color: #e8c778; color: #14110a; }
html[data-mod="kurumsal"] .px-rozet { color: #f3dc9c; }
/* SSS eklentisi kutusu kendi açık zeminini korur; içindeki devralınan yazı koyu kalır */
html[data-mod="kurumsal"] .smk-sss { color: #1d2a24; color-scheme: light; }
html[data-mod="kurumsal"] .smk-sss__soru-metin, html[data-mod="kurumsal"] .smk-sss p { color: #1d2a24; }
html[data-mod="kurumsal"] .ok-meta { color: #c4beb4; }
html[data-mod="kurumsal"] .ok-login__tabs input:checked + label { background: linear-gradient(135deg, #f0d595, #e8c778 50%, #d2a75a); color: #14110a; }

/* Giriş ekranı: düz yeşil alanlar yerine derinlikli geçiş (kişisel mod) */
html:not([data-mod="kurumsal"]) .ok-login__mark,
html:not([data-mod="kurumsal"]) .ok-login__tabs input:checked + label,
html:not([data-mod="kurumsal"]) .ok-login__submit {
  background: linear-gradient(135deg, #2f5d47 0%, #3f7259 55%, #5b8a6f 100%);
  border-color: transparent; color: #fff;
  box-shadow: 0 1px 0 rgba(255,255,255,.18) inset, 0 10px 24px rgba(31, 61, 47, .22); }
html:not([data-mod="kurumsal"]) .ok-login__submit:hover { filter: brightness(1.07); color: #fff; }
html:not([data-mod="kurumsal"]) .ok-login__tabs > label { background: var(--ok-surface); }
html:not([data-mod="kurumsal"]) .ok-login__card { box-shadow: 0 1px 0 rgba(255,255,255,.6) inset, 0 24px 60px rgba(34, 48, 43, .12); }