/* Advenway — "Bana Uygun Sporu Bul"
   Tasarım kaynağı: "Advenway Spor Bulucu.dc.html" (Claude Design).

   ⚠️ BU DOSYA YALNIZ GÖRÜNÜMÜ DEĞİŞTİRİR. Sınıf adları, DOM yapısı ve
   uygulama.js'in ürettiği işaretleme aynen korunmuştur; motor, sorular ve
   sonuç mantığı bu dosyadan etkilenmez.

   ⚠️ TASARIMDAN İKİ BİLİNÇLİ SAPMA — ürün kuralı gereği:
     1) Tasarımda sonuç satırlarında "%94" gibi eşleşme yüzdeleri ve dolgu
        çubukları var. Ürünün değişmez kuralı: "kullanıcıya puan/yüzde
        gösterilmez, skor yalnız iç sıralamadır." Yüzde ve çubuk
        UYGULANMADI; sıralama ve rol etiketi bilgiyi zaten taşıyor.
     2) Tasarımda her sporun yanında "Başlangıç maliyeti: 2.500 TL" var.
        Ürün kuralı: "fiyat lokasyona aittir, spora değil" ve "kaynaksız
        fiyat yayımlanmaz." Fiyat merkez kartında kalıyor (.merkez-fiyat).

   Erişilebilirlik: 31.07 turunda düzeltilen davranışların hepsi burada
   korundu — `.ust[hidden]`, 44 px dokunma hedefleri, focus-visible,
   prefers-reduced-motion ve tema yazı tipi/BÜYÜK HARF sıfırlaması.
   Koyu zeminde turuncu METİN açık tonda kullanılır; `#c94e10` yalnız açık
   zeminde metin taşıdığında geçerlidir (kontrast kararı 31.07). */

.advenway-sb {
  /* --- yüzeyler (koyu kart) --- */
  --sb-kart-zemin: radial-gradient(130% 100% at 12% 0%, #17242E 0%, #101C24 48%, #0A1218 100%);
  --sb-ic-zemin: rgba(198, 226, 235, 0.04);
  --sb-ic-zemin-2: rgba(198, 226, 235, 0.08);
  --sb-cizgi: rgba(198, 226, 235, 0.16);
  --sb-cizgi-2: rgba(198, 226, 235, 0.26);

  /* --- metin --- */
  --metin: #F6F9FA;
  --soluk: rgba(198, 226, 235, 0.66);
  --sb-soluk-2: rgba(198, 226, 235, 0.5);
  --sb-krem: #E4EFF2;

  /* --- vurgu --- */
  --adv-o: oklch(0.66 0.19 45);        /* dolgu / kenar / ikon */
  --sb-o-metin: oklch(0.86 0.14 45);   /* KOYU zeminde turuncu metin */
  --adv-o-koyu: #c94e10;               /* AÇIK zeminde turuncu metin (4,58:1) */
  --ok: oklch(0.58 0.15 155);
  --sb-ok-metin: oklch(0.86 0.14 155);
  --uyari: oklch(0.82 0.15 85);
  --odak: oklch(0.80 0.16 45);

  /* eski adlar, geriye dönük */
  --cizgi: var(--sb-cizgi);
  --zemin: transparent;
  --kart: var(--sb-ic-zemin);

  --sb-serif: 'Newsreader', Georgia, 'Times New Roman', serif;
  --sb-sans: 'Space Grotesk', Helvetica, Arial, sans-serif;
  --sb-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
}

.advenway-sb, .advenway-sb * { box-sizing: border-box; }

.advenway-sb {
  margin: 0;
  font: 16px/1.55 var(--sb-sans);
  color: var(--metin);
  background: transparent;
}

/* --- kabuk: tasarımdaki tek koyu kart ------------------------------------ */
/* Eskiden 480 px'lik mobil kolondu. Tasarım aracı sayfanın tam genişliğinde
   tek bir koyu kart olarak kuruyor; sorular da sonuçlar da onun içinde. */
.advenway-sb .kabuk {
  max-width: 1180px;
  margin: 0 auto;
  padding: 22px 26px 26px;
  background: var(--sb-kart-zemin);
  border: 1px solid var(--sb-cizgi);
  border-radius: 16px;
  box-shadow: 0 20px 54px rgba(10, 18, 24, 0.28);
  overflow: hidden;
}
@media (max-width: 700px) {
  .advenway-sb .kabuk { padding: 16px 16px 20px; border-radius: 12px; }
}

/* --- tema sızıntısı kalkanı ---------------------------------------------- */
/* Modül artık makale gövdesinin (.adv-prose) içinde basılıyor. Oradaki
   liste madde imi, bağlantı alt çizgisi ve paragraf ölçüleri modüle
   sızıyordu; hepsi burada sıfırlanır. */
.advenway-sb ul, .advenway-sb ol { list-style: none; padding-left: 0; }
.advenway-sb .neden, .advenway-sb .adimlar { padding-left: 18px; }
.advenway-sb .neden { list-style: disc; }
.advenway-sb .adimlar { list-style: decimal; }
.advenway-sb ul > li::before { content: none !important; }
.advenway-sb a { text-decoration: none; box-shadow: none; border-bottom: 0; }

/* --- ortak --------------------------------------------------------------- */
.advenway-sb h1, .advenway-sb h2, .advenway-sb h3 {
  font-family: var(--sb-serif);
  font-weight: 600;
  letter-spacing: -0.014em;
  color: var(--metin);
}
.advenway-sb h1 { font-size: 30px; line-height: 1.14; margin: 0 0 10px; }
.advenway-sb h2 { font-size: 24px; line-height: 1.22; margin: 0 0 8px; }
.advenway-sb h3 { font-size: 18px; margin: 18px 0 6px; }
.advenway-sb p { margin: 0 0 12px; color: var(--soluk); }
.advenway-sb .soluk { color: var(--soluk); font-size: 14px; }

.advenway-sb .kart {
  background: var(--sb-ic-zemin);
  border: 1px solid var(--sb-cizgi);
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 14px;
}

/* font-family: inherit — <button>/<input> sayfa fontunu miras almaz. */
.advenway-sb .dugme {
  display: block; width: 100%; min-height: 48px;
  border-radius: 0; border: 1px solid transparent;
  background: var(--adv-o); color: #12161B;
  font-family: inherit; font-size: 15px; font-weight: 700;
  cursor: pointer; padding: 12px 18px;
  transition: background-color .14s ease-out, border-color .14s ease-out;
}
.advenway-sb .dugme:hover { background: oklch(0.72 0.17 45); }
.advenway-sb .dugme:disabled {
  background: rgba(198, 226, 235, 0.1);
  color: rgba(198, 226, 235, 0.45);
  border-color: transparent; cursor: not-allowed;
}
.advenway-sb .dugme.ikincil {
  background: transparent; color: var(--sb-krem);
  border: 1px solid var(--sb-cizgi-2); font-weight: 600;
}
.advenway-sb .dugme.ikincil:hover { border-color: var(--adv-o); color: var(--metin); }
.advenway-sb a.dugme { text-align: center; line-height: 24px; }

.advenway-sb select,
.advenway-sb .ara-girdi {
  width: 100%; min-height: 46px; font-family: inherit; font-size: 15px; padding: 11px 13px;
  border: 1px solid var(--sb-cizgi-2); border-radius: 0;
  background: #0C161D; color: var(--sb-krem);
}

.advenway-sb :focus-visible { outline: 3px solid var(--odak); outline-offset: 2px; }

/* --- üst bar: 7 parçalı ilerleme şeridi ---------------------------------- */
.advenway-sb .ust { margin-bottom: 20px; }
/* display:block, hidden özniteliğinin display:none'unu ezerdi: giriş
   ekranında üst bar gizlenmiyor, işlevsiz "geri" düğmesi odakta kalıyordu. */
.advenway-sb .ust[hidden] { display: none; }
.advenway-sb .ust-satir { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }

/* Görsel olarak küçük ama dokunma alanı 44 px: ikisi ayrı şeyler. */
.advenway-sb .geri {
  display: inline-flex; align-items: center; gap: 7px;
  min-width: 44px; min-height: 44px; padding: 0 12px;
  border: 1px solid var(--sb-cizgi-2); background: transparent; border-radius: 0;
  font-family: inherit; font-size: 13px; font-weight: 600; color: var(--sb-krem); cursor: pointer;
}
.advenway-sb .geri:hover { border-color: var(--adv-o); color: var(--metin); }
.advenway-sb .geri-ok { font-size: 15px; line-height: 1; }
.advenway-sb .geri-yazi { display: none; }
@media (min-width: 600px) { .advenway-sb .geri-yazi { display: inline; } }
.advenway-sb .geri[hidden] { display: none; }

.advenway-sb .ilerleme-metin {
  margin-left: auto;
  font-family: var(--sb-mono); font-size: 10px; font-weight: 600;
  letter-spacing: 0.2em; text-transform: uppercase; color: var(--sb-o-metin);
}
.advenway-sb .ilerleme-toplam {
  font-family: var(--sb-mono); font-size: 10px; font-weight: 600;
  letter-spacing: 0.15em; text-transform: uppercase; color: var(--sb-soluk-2);
}

/* Tek dolgulu çubuk yerine tasarımdaki 7 eşit parça. uygulama.js parçaları
   basmıyorsa (eski sürüm) kural tek çubukla da bozulmadan çalışır. */
.advenway-sb .cubuk {
  display: flex; gap: 5px; height: 5px;
  background: transparent; border-radius: 0; overflow: visible;
}
.advenway-sb .cubuk > span {
  display: block; flex: 1; height: 5px;
  background: rgba(198, 226, 235, 0.14);
  transition: background-color .28s ease-out, width .32s cubic-bezier(.4, 0, .2, 1);
}
.advenway-sb .cubuk > span.dolu { background: var(--adv-o); }
.advenway-sb .cubuk > span.simdi { background: rgba(198, 226, 235, 0.5); }
/* Geriye dönük: tek çubuklu eski işaretlemede dolgu genişlikle çalışır. */
.advenway-sb .cubuk > span:only-child { flex: none; background: var(--adv-o); }

/* --- açıklama (details) --------------------------------------------------- */
.advenway-sb .aciklama > summary {
  cursor: pointer; font-size: 14px; color: var(--soluk);
  min-height: 40px; display: flex; align-items: center;
}
.advenway-sb .aciklama > summary:hover { color: var(--metin); }
.advenway-sb .aciklama p { margin-top: 6px; }

/* --- yazarak il arama ---------------------------------------------------- */
.advenway-sb .ara-alan { position: relative; }
.advenway-sb .ara-liste {
  position: absolute; z-index: 20; left: 0; right: 0; top: calc(100% + 4px);
  margin: 0; padding: 4px; list-style: none;
  background: #0C161D; border: 1px solid var(--sb-cizgi-2);
  box-shadow: 0 12px 28px rgba(6, 12, 16, .5);
  max-height: 264px; overflow-y: auto;
}
.advenway-sb .ara-liste[hidden] { display: none; }
.advenway-sb .ara-secenek {
  min-height: 44px; display: flex; align-items: center;
  padding: 8px 12px; cursor: pointer; font-size: 15px; color: var(--sb-krem);
}
.advenway-sb .ara-secenek:hover,
.advenway-sb .ara-secenek.etkin { background: var(--sb-ic-zemin-2); }
/* Etkin seçenek yalnız zeminle değil sol şeritle de belirtilir. */
.advenway-sb .ara-secenek.etkin { box-shadow: inset 3px 0 0 var(--adv-o); }

/* --- soru ---------------------------------------------------------------- */
/* Soru kartı artık ayrı bir kutu değil — kabuğun kendisi kart. Çerçeve ve
   zemin kalkıyor, yalnız boşluk ve tipografi kalıyor. */
.advenway-sb .soru-kart {
  background: transparent; border: 0; border-radius: 0;
  box-shadow: none; padding: 0; margin-bottom: 0;
}
.advenway-sb .soru-etiket {
  font-family: var(--sb-mono);
  font-size: 10px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--sb-o-metin); margin-bottom: 10px;
}
.advenway-sb .soru-kart h2 {
  font-family: var(--sb-serif);
  font-size: 34px; line-height: 1.12; font-weight: 600;
  letter-spacing: -0.014em; margin: 0 0 8px; color: var(--metin);
}
@media (max-width: 700px) { .advenway-sb .soru-kart h2 { font-size: 25px; } }
.advenway-sb .soru-not {
  margin: 0; font-size: 14.5px; line-height: 1.6;
  color: var(--soluk); max-width: 760px;
}

/* Tasarımdaki iki sütunlu seçenek ızgarası. Uzun cevap metinleri var, bu
   yüzden minmax tabanı geniş: 4 sütuna zorlanınca kelimeler kırılıyordu. */
.advenway-sb .secenekler {
  display: grid; gap: 12px; margin: 22px 0 0;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
}
.advenway-sb .secenek {
  display: flex; align-items: flex-start; gap: 12px; width: 100%; min-height: 58px;
  text-align: left; padding: 16px 18px; font-size: 15.5px; line-height: 1.4;
  font-family: inherit; cursor: pointer;
  background: var(--sb-ic-zemin); border: 1px solid rgba(198, 226, 235, 0.2);
  border-radius: 10px; color: var(--metin);
  transition: background-color .16s ease-out, border-color .16s ease-out;
}
.advenway-sb .secenek-metin { flex: 1; }
.advenway-sb .secenek:hover {
  border-color: oklch(0.72 0.17 45);
  background: rgba(232, 120, 45, 0.08);
}
/* Seçili kartın tamamı değişir: kenar, zemin ve işaret birlikte. */
.advenway-sb .secenek[aria-pressed="true"] {
  border-color: oklch(0.72 0.17 45);
  background: rgba(232, 120, 45, 0.14);
  color: oklch(0.88 0.13 45);
}
/* Seçili durum yalnız renkle değil, işaretle de belirtilir. */
.advenway-sb .secenek .isaret {
  flex: 0 0 22px; height: 22px; margin-top: 1px;
  border: 1px solid var(--sb-cizgi-2); border-radius: 50%;
  display: grid; place-items: center;
  font-size: 12px; font-weight: 700; color: transparent;
}
.advenway-sb .secenek[aria-pressed="true"] .isaret {
  background: var(--adv-o); border-color: transparent; color: #12161B;
}
.advenway-sb .secenek.sonuk { opacity: .4; }
@media (prefers-reduced-motion: no-preference) {
  .advenway-sb .soru-kart { animation: soru-giris .22s ease-out; }
  .advenway-sb .soru-kart.cikis { opacity: 0; transform: translateY(-6px); transition: opacity .18s ease, transform .18s ease; }
  .advenway-sb .secenek.sonuk { transition: opacity .18s ease; }
  @keyframes soru-giris { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }
}

/* --- hesaplama ----------------------------------------------------------- */
.advenway-sb .hesap { text-align: center; padding: 56px 0; }
.advenway-sb .nokta {
  display: inline-block; width: 10px; height: 10px; border-radius: 50%;
  background: var(--adv-o); margin: 0 4px; animation: zipla .9s infinite ease-in-out;
}
.advenway-sb .nokta:nth-child(2) { animation-delay: .15s; }
.advenway-sb .nokta:nth-child(3) { animation-delay: .3s; }
@keyframes zipla { 0%, 80%, 100% { transform: translateY(0); opacity: .4; } 40% { transform: translateY(-6px); opacity: 1; } }
@media (prefers-reduced-motion: reduce) {
  .advenway-sb .nokta { animation: none; opacity: .7; }
  .advenway-sb .cubuk > span { transition: none; }
}

/* --- sonuç ızgarası ------------------------------------------------------ */
.advenway-sb .sonuc-izgara { display: grid; gap: 14px; }
.advenway-sb .sonuc-izgara > .kart { margin-bottom: 0; display: flex; flex-direction: column; }
.advenway-sb .sonuc-izgara > .kart .ac-kapa { margin-top: auto; }
.advenway-sb .sonuc-izgara > .kart.bos { align-self: start; }
@media (min-width: 720px) {
  .advenway-sb .sonuc-izgara { grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); }
}
.advenway-sb .sonuc-izgara > .kart.secili { border-color: var(--adv-o); border-width: 2px; padding: 17px 19px; }

.advenway-sb .ust-eylem { display: flex; gap: 10px; margin: 0 0 16px; flex-wrap: wrap; }
.advenway-sb .ust-eylem .dugme { width: auto; flex: 1; min-width: 200px; min-height: 46px; font-size: 15px; }

/* Rol etiketi tasarımdaki mono kicker. */
.advenway-sb .rol {
  font-family: var(--sb-mono);
  font-size: 10px; font-weight: 600; letter-spacing: 0.2em; text-transform: uppercase;
  color: var(--sb-o-metin); margin-bottom: 8px;
}
/* ⚠️ `:not(.soru-kart)` ŞART. Soru kartı hem `kart` hem `soru-kart` sınıfını
   taşıyor. Bu kural düz `.kart h2` yazıldığında — aynı özgüllükte olduğu ve
   dosyada daha SONRA geldiği için — soru başlığının 34 px'ini eziyor ve
   başlık 22 px'e düşüyordu (canlıda ölçüldü, tasarımın en belirgin öğesi). */
.advenway-sb .kart:not(.soru-kart) h2 { font-size: 22px; margin-bottom: 6px; }

.advenway-sb .etiket,
.advenway-sb .kucuk-etiket {
  display: inline-flex; align-items: center;
  font-family: var(--sb-mono); font-size: 9.5px; font-weight: 700;
  letter-spacing: 0.1em; text-transform: uppercase;
  background: var(--sb-ic-zemin-2); color: var(--soluk);
  border: 1px solid var(--sb-cizgi); padding: 4px 9px; border-radius: 0;
}
.advenway-sb .etiket { margin-bottom: 10px; }
/* Doğrulanmış kayıt yeşil dolgu, teyit bekleyen yalnız çerçeve —
   tasarımdaki "Doğrulandı / Bekliyor" rozet çifti. */
.advenway-sb .etiket.dogrulama { background: transparent; border-color: var(--sb-cizgi-2); color: var(--uyari); }
.advenway-sb .etiket.kayit-yok { background: transparent; border-color: var(--sb-cizgi-2); color: var(--uyari); }

.advenway-sb .neden { margin: 0 0 12px; }
.advenway-sb .neden li { margin-bottom: 5px; color: var(--soluk); font-size: 14.5px; line-height: 1.55; }
.advenway-sb .satir { border-top: 1px solid var(--sb-cizgi); padding-top: 14px; margin-top: 14px; }
.advenway-sb .satir h3 { margin-top: 0; }
.advenway-sb .adimlar { margin: 0; }
.advenway-sb .adimlar li { margin-bottom: 6px; color: var(--soluk); }
.advenway-sb .eylemler { display: grid; gap: 8px; margin-top: 14px; }
.advenway-sb .detay > summary { cursor: pointer; min-height: 44px; display: flex; align-items: center; font-weight: 600; }
.advenway-sb .bos { border-left: 3px solid var(--adv-o); background: var(--sb-ic-zemin-2); }
.advenway-sb .kayit-notu { font-size: 14px; color: var(--sb-ok-metin); margin-top: 8px; }

/* --- kart önizlemesi (açılır gövde) -------------------------------------- */
.advenway-sb .onizleme {
  border: 1px solid var(--sb-cizgi); border-radius: 8px;
  padding: 12px 14px; margin: 12px 0 10px; background: rgba(198, 226, 235, 0.03);
}
.advenway-sb .onizleme-ad { font-weight: 600; margin-bottom: 3px; color: var(--metin); }
.advenway-sb .onizleme-rozet { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 10px; }

.advenway-sb .ac-kapa {
  display: flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 46px; font-size: 14px; font-weight: 700;
  background: transparent; color: var(--sb-o-metin);
  border: 1px solid rgba(232, 120, 45, 0.45); padding: 12px 14px;
}
.advenway-sb .ac-kapa:hover { background: var(--adv-o); border-color: var(--adv-o); color: #12161B; }
.advenway-sb .ac-ok { font-size: 14px; line-height: 1; }

/* --- merkez kartları ----------------------------------------------------- */
.advenway-sb .merkez-izgara { display: grid; gap: 12px; margin: 12px 0; }
@media (min-width: 720px) {
  .advenway-sb .merkez-izgara { grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); }
}
.advenway-sb .merkez-izgara .merkez { width: auto; }
.advenway-sb .merkez {
  border: 1px solid rgba(198, 226, 235, 0.18); border-radius: 10px;
  padding: 16px 18px; background: rgba(198, 226, 235, 0.04);
  display: flex; flex-direction: column;
  transition: border-color .16s ease-out;
}
.advenway-sb .merkez:hover { border-color: var(--adv-o-koyu); }
.advenway-sb .merkez-ad {
  font-family: var(--sb-serif); font-size: 18px; font-weight: 600;
  line-height: 1.25; color: var(--metin); margin-bottom: 3px;
}
/* FİYAT BURADA DURUR: ürün kuralı "fiyat lokasyona aittir, spora değil". */
.advenway-sb .merkez-fiyat { font-size: 13.5px; color: var(--soluk); margin: 10px 0 0; line-height: 1.5; }
.advenway-sb .merkez-fiyat-baslik { font-weight: 700; color: var(--metin); }
.advenway-sb .merkez .dugme { margin-top: auto; }
.advenway-sb .merkez .dugme { margin-top: 12px; min-height: 44px; font-size: 14px; }
.advenway-sb .merkez .etiket { margin: 10px 0 0; }

/* --- detay alanı --------------------------------------------------------- */
.advenway-sb .detay-alan {
  border: 1px solid var(--sb-cizgi); border-radius: 12px;
  padding: 18px 20px; margin: 0 0 14px; background: rgba(198, 226, 235, 0.03);
}
.advenway-sb .detay-alan[hidden] { display: none; }
.advenway-sb .detay-ust { display: flex; align-items: flex-start; gap: 12px; flex-wrap: wrap; }
.advenway-sb .detay-yazi { flex: 1; min-width: 200px; }
.advenway-sb .detay-yazi h2 { margin: 2px 0 6px; }
.advenway-sb .detay-kapat {
  display: inline-flex; align-items: center; justify-content: center; gap: 7px;
  min-height: 40px; padding: 0 14px; cursor: pointer;
  font-family: inherit; font-size: 13px; font-weight: 600;
  background: transparent; color: var(--sb-krem);
  border: 1px solid var(--sb-cizgi-2); border-radius: 0;
}
.advenway-sb .detay-kapat:hover { border-color: var(--adv-o); color: var(--metin); }
.advenway-sb .detay-kapat-ikon { font-size: 14px; line-height: 1; color: var(--sb-o-metin); }

.advenway-sb .sekmeler {
  display: flex; gap: 4px; flex-wrap: wrap;
  border-bottom: 1px solid var(--sb-cizgi); margin: 14px 0 0;
}
.advenway-sb .sekme {
  min-height: 44px; padding: 10px 14px; cursor: pointer;
  background: transparent; border: 0; border-bottom: 2px solid transparent;
  font-family: inherit; font-size: 14px; font-weight: 600; color: var(--soluk);
}
.advenway-sb .sekme:hover { color: var(--metin); }
.advenway-sb .sekme[aria-selected="true"] { color: var(--sb-o-metin); border-bottom-color: var(--adv-o); }
.advenway-sb .detay-govde { padding-top: 10px; }
.advenway-sb .sekme-panel[hidden] { display: none; }
.advenway-sb .detay-izgara { display: grid; gap: 8px 28px; }
.advenway-sb .detay-sutun > h3:first-child { margin-top: 10px; }
@media (min-width: 720px) {
  .advenway-sb .detay-izgara { grid-template-columns: 1fr 1fr; }
}

/* --- ilçe seçici --------------------------------------------------------- */
.advenway-sb .ilce-alan { border-top: 1px solid var(--sb-cizgi); padding-top: 16px; margin-top: 4px; }
.advenway-sb .ilce-alan label { display: block; font-weight: 600; margin-bottom: 8px; color: var(--metin); }
.advenway-sb .ilce-alan .soluk { margin-top: 8px; margin-bottom: 0; }
.advenway-sb .ilce-satir { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.advenway-sb .ilce-etiket {
  font-family: var(--sb-mono); font-size: 9.5px; font-weight: 600;
  letter-spacing: 0.15em; text-transform: uppercase;
  color: var(--sb-soluk-2); white-space: nowrap;
}
.advenway-sb .ilce-satir .ara-alan { flex: 1; min-width: 180px; }
.advenway-sb .ilce-satir .ara-girdi { min-height: 44px; font-size: 15px; }
.advenway-sb .ilce-uyari {
  background: var(--sb-ic-zemin-2); border-left: 3px solid var(--adv-o);
  padding: 12px 14px; border-radius: 0 8px 8px 0; margin: 0 0 12px;
  font-size: 14px; color: var(--soluk);
}
.advenway-sb .kapsam { margin: 12px 2px 0; font-size: 14px; color: var(--soluk); }

/* --- yapışık şerit ------------------------------------------------------- */
.advenway-sb .yapisik {
  display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--sb-cizgi);
}
.advenway-sb .yapisik[hidden] { display: none; }
.advenway-sb .yapisik-yazi { flex: 1; font-size: 14px; color: var(--soluk); }
.advenway-sb .yapisik .dugme { width: auto; min-height: 44px; font-size: 14px; padding: 11px 18px; }

/* --- gizlilik notu ------------------------------------------------------- */
/* Modülün altında, her ekranda görünür. */
.advenway-sb .gizlilik {
  margin: 24px 0 0; font-size: 12.5px; line-height: 1.6;
  color: var(--sb-soluk-2);
  border-top: 1px solid var(--sb-cizgi); padding-top: 14px;
}

/* --- veri hatası bildirimi ----------------------------------------------- */
.advenway-sb .bildirim { margin-top: 12px; border-top: 1px dashed var(--sb-cizgi); padding-top: 10px; }
.advenway-sb .bildirim-ac {
  border: 0; background: none; padding: 6px 0; min-height: 40px;
  font-family: inherit; font-size: 13px; color: var(--sb-soluk-2);
  cursor: pointer; text-align: left;
}
.advenway-sb .bildirim-ac:hover { color: var(--metin); text-decoration: underline; }
.advenway-sb .bildirim-form[hidden] { display: none; }
.advenway-sb .bildirim-form p { margin: 4px 0 8px; }
.advenway-sb .bildirim-secenekler { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; }
.advenway-sb .bildirim-tip {
  min-height: 40px; padding: 8px 12px; border-radius: 0;
  border: 1px solid var(--sb-cizgi-2); background: transparent;
  font-family: inherit; font-size: 13px; color: var(--sb-krem); cursor: pointer;
}
.advenway-sb .bildirim-tip[aria-pressed="true"] {
  border-color: var(--adv-o); background: rgba(232, 120, 45, 0.14); color: oklch(0.88 0.13 45);
}
.advenway-sb .bildirim-metin {
  width: 100%; font-family: inherit; font-size: 14px; padding: 10px;
  border: 1px solid var(--sb-cizgi-2); border-radius: 0; resize: vertical;
  background: #0C161D; color: var(--sb-krem);
}
.advenway-sb .bildirim-gonder { min-height: 42px; font-size: 14px; margin-top: 8px; }
.advenway-sb .bildirim-durum { font-size: 13px; margin: 8px 0 0; }
.advenway-sb .bildirim-ok { color: var(--sb-ok-metin); }
.advenway-sb .bildirim-hata { color: var(--uyari); }

/* --- tema sıfırlaması ---------------------------------------------------- */
/* Form öğeleri yazı tipini miras almaz; bazı temalar düğmelere BÜYÜK HARF ve
   harf aralığı dayatıyor. İkisi de burada, yalnız modülün içinde sıfırlanır. */
.advenway-sb, .advenway-sb * { font-family: var(--sb-sans); }
.advenway-sb h1, .advenway-sb h2, .advenway-sb h3,
.advenway-sb .merkez-ad, .advenway-sb .soru-kart h2 { font-family: var(--sb-serif); }
.advenway-sb button, .advenway-sb input, .advenway-sb select, .advenway-sb summary,
.advenway-sb a.dugme, .advenway-sb .sekme, .advenway-sb h1, .advenway-sb h2, .advenway-sb h3 {
  text-transform: none; letter-spacing: normal;
}
/* Rol, soru ve künye etiketleri bilinçli olarak büyük harf — geri veriyoruz. */
.advenway-sb .rol, .advenway-sb .soru-etiket,
.advenway-sb .ilerleme-metin, .advenway-sb .ilerleme-toplam,
.advenway-sb .ilce-etiket, .advenway-sb .etiket, .advenway-sb .kucuk-etiket {
  text-transform: uppercase;
}
.advenway-sb .kart, .advenway-sb .secenek, .advenway-sb .merkez { box-shadow: none; }

/* ---------- Açıklama notları kutulara yapışıyordu (22 Ağustos) ----------
   `.advenway-sb p { margin: 0 0 12px }` üst boşluğu sıfırlıyor; `.soluk`
   notları da bunu miras alıyordu. Ölçüldü: il alanının altındaki
   "İl bilgisi yalnız 'nerede başlayabilirim?' …" notu girdiye **0 px**
   mesafede duruyordu. Aynı şey sonuç ekranındaki kapsam, "hesap gerekmez"
   ve kural/sürüm satırları için de geçerliydi — hepsi kartların dibine
   yapışıyordu ve ekran sıkışık görünüyordu.

   ⚠️ En alttaki gizlilik notu ETKİLENMESİN diye ayrı bir kural gerekmedi:
   onun zaten kendi üst çizgisi ve 14 px dolgusu var, 12 px daha yalnızca
   nefes ekliyor.
   ⚠️ `.ilce-alan .soluk` kuralı (yukarıda) daha özgül, o kendi 8 px'ini
   korumaya devam ediyor — ilçe alanında daha sıkı bir ritim isteniyordu.
   ------------------------------------------------------------------------ */
.advenway-sb .soluk,
.advenway-sb .kayit-notu {
  margin-top: 12px;
}

/* ---------- Sonuç kartlarını satır satır hizala (22 Ağustos) --------------
   ŞİKÂYET: "kurs yeri önerileri standart değil, Maşukiye daha yukarıda."
   ÖLÇÜM: üç kartta önizleme kutusunun üst kenarı 287 / 263 / 262 px —
   25 px kayık. Sebep: kartlar flex sütun, her satır kendi içeriği kadar
   yer kaplıyor; spor adı 1 veya 2 satır, açıklama 2 veya 3 satır olunca
   altındaki her şey kayıyor.

   ÇÖZÜM: subgrid. Kartların tamamı AYNI altı çocuğu taşıyor
   (rol · h2 · etiket · p · onizleme · ac-kapa), yani dış ızgaraya altı
   satır tanımlayıp kartların bu satırları paylaşması yetiyor. Her satır
   en uzun içeriğe göre ölçülüyor ve üç kart aynı hizada duruyor.
   Ölçüldü: p 201/74 · önizleme 287/141 · düğme 438/46 — üçünde birebir.

   ⚠️ ÖNCE DENENEN VE BOZAN YOL: `.onizleme { margin-top: auto }`.
   Kutuları ALTA hizalıyor ama boyları farklı olduğu için üst kenarlar
   287/309/318'e açılıyordu — sapma 25 px'ten 31 px'e çıkmıştı.
   Subgrid'de kutu satırı gererek doldurduğu için hem üst hem alt tutuyor.

   ⚠️ `.bos` KARTI OLAN IZGARA DIŞARIDA: boş kartın çocuk dizilimi farklı,
   altı satıra oturmuyor ve zaten `align-self: start` ile ayrı davranıyor.
   ⚠️ Alttaki `@supports` desteklemeyen tarayıcıda eski flex düzeni
   olduğu gibi çalışmaya devam eder; hizalama kaybolur, bozulma olmaz.
   -------------------------------------------------------------------------- */
.advenway-sb .sonuc-izgara .etiket { margin-top: 12px; }

@media (min-width: 720px) {
  @supports (grid-template-rows: subgrid) {
    .advenway-sb .sonuc-izgara:not(:has(> .kart.bos)) {
      grid-template-rows: repeat(6, auto);
    }
    .advenway-sb .sonuc-izgara:not(:has(> .kart.bos)) > .kart {
      display: grid;
      grid-row: span 6;
      grid-template-rows: subgrid;
      row-gap: 0;
    }
    /* Satır yerleşimi işi devraldı; flex'ten kalan itmelere gerek yok. */
    .advenway-sb .sonuc-izgara:not(:has(> .kart.bos)) > .kart .ac-kapa {
      margin-top: 0;
      align-self: end;
    }
  }
}