/* =====================================================================
   DOKSAN — mobil düzen (≤760px)
   Masaüstündeki saha süslemeleri (köşe yayları, orta yuvarlak, ceza yayı,
   kenar çizgisi) telefonda yer kaplıyordu. Burada kimlik korunur ama
   yoğunluk artırılır: tek satırlık yapışkan başlık, altta sekme çubuğu,
   iki satırlı (ev/deplasman alt alta) maç satırı.
   Bu dosya en son yüklenir; diğer dosyalardaki mobil kuralları ezer.
   ===================================================================== */

.nav-ic { display: none; }

@media (max-width: 760px) {
  :root { --tabbar: 58px; }

  /* ------------------------------------------------ çerçeve: süsleri kaldır */
  .stadium { padding: 0 0 calc(var(--tabbar) + env(safe-area-inset-bottom) + 12px); }
  .touchline { border: 0; box-shadow: none; padding: 0 12px 16px; }
  .corner, .corner-flag, .masthead::after { display: none; }

  /* ------------------------------------------------ başlık: tek satır, yapışkan */
  .masthead {
    position: sticky;
    top: 0;
    z-index: 40;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin: 0 -12px;
    padding: 8px 12px;
    border-bottom: 1px solid var(--chalk-4);
    /* opak: backdrop-filter, içindeki sabit sekme çubuğunun konumunu bozar */
    background: var(--hdr);
    backdrop-filter: none; -webkit-backdrop-filter: none; /* sabit alt menünün konumunu bozmasın */
  }
  .brand { gap: 8px; }
  .brand-goal { width: 34px; height: 22px; }
  .brand-text b { font-size: 23px; }
  .brand-text small { display: none; }

  /* canlı sayacı küçük LED rozet olarak kalsın */
  .masthead .subboard {
    display: inline-flex;
    margin-left: auto;
    gap: 6px;
    padding: 3px 7px 2px;
    border-width: 0;
    border-radius: 999px;
    box-shadow: none;
  }
  .masthead .subboard:not(.on) { display: none; } /* canlı maç yoksa gizle */
  .sb-in { font-size: 11px; }
  .sb-num { font-size: 17px; }

  .mast-right { display: contents; }
  .masthead { margin: 0 -12px; padding: 10px 12px; gap: 10px; }
  .stadium { padding-left: 0; padding-right: 0; }
  .userbox { flex: none; gap: 6px; }
  .userbox .btn { padding: 5px 10px; font-size: 14px; }
  .ub-bell { width: 30px; height: 30px; }

  /* ------------------------------------------------ alt sekme çubuğu */
  .mainnav {
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 45;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    height: calc(var(--tabbar) + env(safe-area-inset-bottom));
    padding-bottom: env(safe-area-inset-bottom);
    /* üst bandın içinde ama beyaz/tema zeminli: yerel yazı renklerini temaya geri çevir */
    background: var(--surface);
    border-top: 1px solid var(--t4);
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
    overflow: visible;
  }
  .mainnav a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 0 2px;
    font-family: var(--f-text);
    font-weight: 600;
    font-size: 12px;
    letter-spacing: 0;
    color: var(--t3);
    border-radius: 0;
  }
  .mainnav a:hover { color: var(--t1); background: none; }
  .mainnav a span { white-space: nowrap; }
  .mainnav .nav-ic { display: block; width: 22px; height: 22px; }
  .mainnav a.on { color: var(--amber); }
  /* aktif sekme: üstte kısa tebeşir çizgisi */
  .mainnav a.on { background: none; }
  .mainnav a.on::after { display: block; left: 32%; right: 32%; top: -1px; bottom: auto; height: 2px; background: var(--amber); border-radius: 2px; }

  .toasts { bottom: calc(var(--tabbar) + env(safe-area-inset-bottom) + 10px); left: 12px; right: 12px; }
  .toast { font-size: 15px; }

  .view { padding-top: 12px; }
  .foot { margin-top: 28px; font-size: 12px; }

  /* ------------------------------------------------ tarih şeridi */
  .dateline { gap: 4px; margin: 0 0 10px; align-items: center; }
  .dl-track { padding-top: 0; border-bottom-width: 1px; }
  .dl-track::after { display: none; }
  .dl-flag { display: none; }
  .dl-day { padding: 4px 0 6px; }
  .dl-day::after { height: 0; }
  .dl-day span { font-size: 10px; letter-spacing: 0; }
  .dl-day b { font-size: 18px; }
  .dl-day.on { background: var(--amber); }
  .dl-nav { width: 28px; height: 28px; margin: 0; }
  .dl-nav svg { width: 14px; height: 14px; }

  /* ------------------------------------------------ filtre: tek satır kayan */
  .controls { gap: 8px; margin-bottom: 14px; }
  .spots { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -12px; padding: 0 12px; width: calc(100% + 24px); gap: 2px; }
  .spots::-webkit-scrollbar { display: none; }
  .spot { flex: none; font-size: 14px; padding: 6px 12px; }
  .spot::before { left: 8px; width: 8px; height: 8px; }
  .search { min-width: 0; width: 100%; padding: 7px 10px; }
  .search input { font-size: 16px; } /* 16px: iOS yakınlaştırma yapmasın */

  /* ------------------------------------------------ lig kutusu */
  .box { margin: 0 0 14px; }
  .box::after, .box-goal { display: none; }
  .box-head { gap: 8px; padding: 7px 10px; }
  .box-title { flex-direction: row; align-items: baseline; gap: 8px; }
  .box-title small { order: 2; font-size: 10px; letter-spacing: 0; white-space: nowrap; }
  .box-title h2 { margin: 0; font-size: 17px; }
  .box-link { font-size: 12px; }

  /* ------------------------------------------------ maç satırı: ev/deplasman alt alta */
  .row {
    grid-template-columns: 42px minmax(0, 1fr) 22px 20px;
    grid-template-areas:
      "st home hs fav"
      "st away as fav"
      "st pred pred fav";
    column-gap: 8px;
    row-gap: 2px;
    padding: 7px 4px 7px 6px;
  }
  .row .st { grid-area: st; font-size: 14px; border-right: 1px solid var(--chalk-4); padding-right: 6px; align-self: stretch; display: flex; flex-direction: column; justify-content: center; }
  .row .team { font-size: 15.5px; gap: 5px; }
  .row .team.home { grid-area: home; justify-content: flex-start; text-align: left; }
  .row .team.away { grid-area: away; }
  .row .team.home .rc { order: 2; }
  .row .fav { grid-area: fav; font-size: 15px; }
  .row .chev { display: none; }
  .row > span:first-child:empty { grid-area: fav; }

  /* skor: mini kale yerine sağda alt alta iki rakam */
  .row .kale { display: contents; }
  .row .kale::after, .row .kale::before, .row .kale i, .row .kale .ht { display: none; }
  .row .kale b { font-family: var(--f-display); font-weight: 700; font-size: 16px; text-align: right; line-height: 1.25; }
  .row .kale b:first-of-type { grid-area: hs; }
  .row .kale b:last-of-type { grid-area: as; }
  .row .team.win ~ .kale b, .row .kale b { color: var(--chalk-2); }
  .row .team.home.win ~ .kale b:first-of-type, .row .kale:has(~ .team.away.win) b:last-of-type { color: var(--chalk); }
  .row.live .kale b { color: var(--yellow); }
  .row .kale.gol b { animation: golflash 1s steps(2) 3; }

  /* tahmin: üç küçük çip (MS · KG · 2,5) */
  /* kısa yorum: takım adlarının altında, soldan */
  .row .pred { display: flex; grid-area: pred; justify-content: flex-start; margin-top: 3px; }
  .row .pred.none { display: none; }
  .row .ychip { text-align: left; font-size: 12px; padding: 3px 9px; }
  .row .pk { width: 31px; padding: 2px 0; }
  .row .pk small { font-size: 8.5px; letter-spacing: 0; }
  .row .pk b { font-size: 13px; }
  .row .pred.none { border: 0; }

  .picks { gap: 6px; margin-bottom: 14px; }
  .pcard { padding: 10px 4px 10px; }
  .pc-t { font-size: 10px; letter-spacing: 0; }
  .pc-pick { font-size: 30px; }
  .pc-sub { font-size: 12px; }
  .pc-p { font-size: 16px; }
  .pc-p em { display: block; width: fit-content; margin: 3px auto 0; font-size: 10px; }
  .pc-bar { height: 14px; }
  .pc-bar i { font-size: 0; }
  .pc-hit { font-size: 9px; right: -3px; }

  .wtag { margin: 3px auto 0; }
  .wdivider { margin: 6px 0 14px; padding: 10px 12px; }
  .wd-title { font-size: 18px; }
  .wd-text { font-size: 14px; }

  /* ------------------------------------------------ maç detayı */
  .back { margin-bottom: 10px; font-size: 13px; }
  .board { padding: 12px 12px 16px; border-radius: 14px; }
  .board-top { font-size: 11px; letter-spacing: 0; gap: 2px 10px; padding-bottom: 8px; }
  .board-main { gap: 8px; padding-top: 12px; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); }
  .b-name { font-size: 17px; word-break: normal; overflow-wrap: anywhere; hyphens: auto; }
  .b-meta { font-size: 12px; margin-top: 4px; }
  .b-scorers { font-size: 12.5px; margin-top: 8px; }
  .b-scorers li { gap: 4px; flex-wrap: wrap; line-height: 1.25; }
  .b-scorers .ic { width: 10px; height: 10px; }
  .b-digits { font-size: 50px; gap: 2px; }
  .b-clock { font-size: 15px; margin-top: 6px; padding: 2px 8px; }
  .b-ht { font-size: 11px; margin-top: 5px; }
  .b-fav { font-size: 12px; margin-top: 6px; }

  .tabs {
    position: sticky;
    top: 48px;
    z-index: 30;
    margin: 18px -12px 14px;
    padding: 0 8px;
    background: var(--grass-1);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-bottom-width: 1px;
  }
  .tab { font-size: 15px; padding: 10px 10px 9px; letter-spacing: 0; }
  .tab.on::after { height: 2px; bottom: 0; }

  .panel-grid, .pr-wrap { gap: 0; }
  .card { padding: 12px; margin-bottom: 14px; }
  .card h3 { font-size: 17px; margin-bottom: 10px; flex-wrap: wrap; gap: 4px 8px; }
  .card h3 small { font-size: 12px; }
  .note { font-size: 13px; }

  .stat { grid-template-columns: 40px 1fr 40px; gap: 6px; }
  .stat .v { font-size: 16px; }
  .stat .lbl { font-size: 12px; }
  .x12 b { font-size: 24px; }
  .kv { font-size: 15px; }
  .kv dd { font-size: 16px; }
  .squads { gap: 14px; margin-top: 14px; }
  .squad li { grid-template-columns: 24px 1fr auto; font-size: 15px; }
  .form-row { font-size: 15px; }
  .h2h-list { font-size: 14px; }
  .h2h-list li { grid-template-columns: 62px 1fr auto 1fr; gap: 6px; }
  table.standings { font-size: 14px; }
  .standings td { padding: 6px 4px; }
  .standings td.tm { font-size: 15px; }
  .comm h5 { font-size: 16px; }
  .comm p { font-size: 14px; }

  /* ------------------------------------------------ oyuncu merkezi: lig çipleri tek satır kayar */
  .flags { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; margin: 0 -12px 16px; padding: 0 12px 2px; gap: 6px; }
  .flags::-webkit-scrollbar { display: none; }
  .flagchip { flex: none; white-space: nowrap; font-size: 14px; padding: 5px 10px 5px 22px; }

  /* ------------------------------------------------ Doksan Ligi: pazar seçimleri alt alta, butonlar geniş */
  .gm { padding-top: 10px; padding-bottom: 12px; }
  .gm-title { font-size: 16px; margin-bottom: 6px; }
  .gpicks { flex-direction: column; align-items: stretch; gap: 6px; }
  .gp-row { flex-direction: row; align-items: center; gap: 8px; }
  .gp-row .gp-l { flex: 0 0 96px; font-size: 11px; letter-spacing: 0; }
  .gp-opts { flex: 1; }
  .gp-o { flex: 1; }
  .gp-o span { min-width: 0; height: 36px; font-size: 15px; }
  .gp-score { display: flex; align-items: center; gap: 8px; margin-top: 2px; }
  .gp-score .gp-l { flex: 0 0 96px; flex-wrap: wrap; font-size: 11px; letter-spacing: 0; gap: 0 4px; }
  .gp-score .gp-l small { font-size: 10px; }
  .gp-clear { margin-left: 0; }

  /* ------------------------------------------------ genel başlıklar / sayfalar */
  .page-title { font-size: 28px; }
  .hub-head { margin-bottom: 12px; }
}

@keyframes golflash { 50% { color: var(--amber); } }

/* çok dar telefonlar (≤360px) */
@media (max-width: 360px) {
  .row { grid-template-columns: 38px minmax(0, 1fr) 20px 16px; column-gap: 5px; }
  .row .team { font-size: 14.5px; }
  .mainnav a { font-size: 11px; }
  .brand-text b { font-size: 20px; }
}