/* =============================================================
   KARİNNA KAYAK OKULU — assets/css/tema-ortak.css
   Tema A ve B'nin ortak kuralları (karinna.css'ten SONRA, tema-a/b.css'ten ÖNCE yüklenir):
   - Açılış: fotoğraf tam görünür, soldan koyu geçiş, beyaz başlık (eski ekru perde kalkar)
   - Okunabilirlik: yardımcı metinler en az 4,5:1
   - Düğme hiyerarşisi: birincil = vurgu dolgu, ikincil = beyaz zemin + koyu çerçeve
   - Kart / gölge / yuvarlatma ölçülü; bölümler beyaz ↔ açık bant dönüşümlü
   Renkler tema dosyasındaki değişkenlerden gelir (--hero-perde = koyu katmanın RGB'si).
   ============================================================= */

/* ── Açılış ─────────────────────────────────────────────── */
.kk-hero{background:var(--komur) var(--hero-foto) center 45%/cover no-repeat}
.kk-hero::before{background:linear-gradient(90deg,rgba(var(--hero-perde),.82) 0%,rgba(var(--hero-perde),.62) 34%,rgba(var(--hero-perde),.18) 64%,rgba(var(--hero-perde),0) 100%)}
.kk-hero::after{display:none}
.kk-hero-ic{padding:96px 20px 112px}
.kk-hero h1{color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.18)}
.kk-hero-alt{color:rgba(255,255,255,.92)}
.kk-rozet{background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.4);color:#fff;box-shadow:none}
.kk-rozet svg{color:#fff}
.kk-hero-dugmeler .btn-beyaz{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.85);box-shadow:none}
.kk-hero-dugmeler .btn-beyaz:hover{background:#fff;color:var(--yazi)}
.kk-rakamlar li{background:rgba(255,255,255,.96);border:0;border-radius:12px}
.kk-rakamlar li:nth-child(n) b{color:var(--mavi)}
.kk-sorgu{background:#fff;border:0;border-radius:18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.kk-sorgu-etiket{background:var(--mavi)}
.kk-sorgu select:focus,.kk-sorgu input:focus{box-shadow:0 0 0 4px var(--mavi-acik)}
@media (max-width:1060px){
  .kk-hero::before{background:linear-gradient(180deg,rgba(var(--hero-perde),.78),rgba(var(--hero-perde),.6) 55%,rgba(var(--hero-perde),.35))}
  .kk-hero-ic{padding:56px 20px 72px}
}

/* ── Düğmeler: birincil dolgu, ikincil çerçeveli ─────────── */
.btn{border-radius:10px}
.btn-ana{background:var(--mavi);color:#fff;box-shadow:none}
.btn-ana:hover{background:var(--mavi-koyu)}
.btn-mavi{background:#fff;color:var(--yazi);border:1.5px solid var(--yazi);box-shadow:none}
.btn-mavi:hover{background:var(--yazi);color:#fff}
.btn-beyaz{box-shadow:none}

/* ── Kartlar ve bölümler: ölçülü gölge, tutarlı yuvarlatma ── */
:root{--r:14px;--r-orta:12px;--golge:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.05);--golge-buyuk:0 18px 44px rgba(0,0,0,.10)}
body{background:var(--zemin)}
.bant-acik{background:var(--bant);border-block:0}
.tepe{background:#fff;box-shadow:0 1px 0 var(--cizgi)}
.mega-k{background:#fff}
.sayfa-bas{background:var(--bant)}
.sayfa-bas::before{opacity:.08}

/* ── Okunabilirlik: açık gri metinler koyulaştırıldı (≥ 4,5:1) ── */
.alt-adet,.mega-liste small,.kk-rakamlar span{color:var(--soluk)}

/* ── Eski ekru tonlarla sabit yazılmış zeminler temaya bağlanır ── */
.mobil-panel,.kk-deger,.kk-ders,.kk-seviye li,.kk-egitmen,.kk-kiralik li,.kk-tablo-sar{background:var(--kart)}
.kk-deger:nth-child(4) .ik{background:var(--sari-acik);color:var(--sari)}
.hizmet-sec label:has(input:checked){background:var(--mavi-acik)}
.metin tbody tr:hover td{background:var(--bant)}
.adim-sira{background:var(--mavi-acik);color:var(--mavi-koyu)}
.bolge-kart.one{background:var(--bant);border-color:var(--cizgi)}
.kk-ders-gorsel .ik{box-shadow:0 0 0 4px var(--kart)}