/*
Theme Name: metaspor Child
Theme URI:
Description:
Author:
Author URI:
Template: metaspor
Version: 2.0.3
Text Domain: metaspor-child
License:
License URI:
Tags:
*/

/* ── Genel Overrides ──────────────────────────── */
.mobile-menu-opener .top-menu-icon{height:22px;width:25px}
.mobile-menu-opener .top-menu-icon i{height:3px}
.sabit-menu-nav ul{grid-template-columns: repeat(4, 1fr);}
.sabit-menu-nav .menu-sabit-menu-container{height: 75px;}
select#ligler {
    margin: 0 auto 20px;
    width: 450px;
    display: block;
    max-width: 100%;
}

/* ── Lig Listesi (Ana sayfa) ──────────────────── */
.lig-list{display:flex;flex-direction:column;gap:10px;font-size:18px;font-weight:600}
.lig-list .lig-row{display:flex;justify-content:space-between;padding:10px;border:2px solid transparent;border-radius:10px}
.lig-list .lig-row:hover{border-color:var(--color1)}
.lig-list .lig-row:nth-child(2n){background:var(--color2)}
.lig-list .lig-row-left{display:flex;align-items:center;gap:10px}
.lig-list .lig-row-left .lig-logo{width:60px}
.lig-list .lig-row-left .lig-adi span{display:block;opacity:.5;font-size:75%;font-weight:normal}
.lig-list .lig-row-right{display:flex;align-items:center;gap:10px}
.lig-list .lig-row-right>div{min-width: 30px;text-align:center;padding: 6px 5px;border-radius:6px}
.lig-list .lig-row-right .mac-canli{background:var(--color1)}
.lig-list .lig-row-right .mac-toplam{background:var(--color3)}

/* ── Toplam Maçlar (Ana sayfa) ───────────────── */
.total-maclar{display:flex;gap:15px;width: 225px;}
.total-maclar .total-mac{display:flex;flex-direction:column;align-items:center;font-size:18px;padding:5px 10px;border:1px solid var(--color3);border-radius:10px;width:65px}
.total-maclar .total-mac b{font-weight:normal}
.total-maclar .total-mac span{font-size:20px;font-weight:bold}

/* Tarih input — yalnızca ana sayfadaki input için (akış sayfasında input yok) */
.mac-tarih-secici input{padding:10px;font-size:18px;border-radius:10px;border:2px solid var(--color1);background:var(--color2);color:#fff;color-scheme:dark;outline:none;width:160px;text-align:center}

/* ── Mobil ────────────────────────────────────── */
@media (max-width: 991px) {
    .header__inner .logo img{width:220px!important}
    .mac-tarih-secici input{font-size:14px;padding:5px}
    .total-maclar .total-mac,.lig-list{font-size:14px;font-weight:600}
    .lig-list .lig-row-left .lig-logo{width:36px}
    .widget-inner-title .lig-logo{width:32px}
}

/*
 * NOT: Tarih seçici (.mac-tarih-secici, .tarih-swiper, .mac-say),
 *      canlı animasyon (.canli-anim) ve tüm akış sayfası stilleri
 *      (.akis-sayfa, .akis-satir, .akis-mac-kart vb.)
 *      parent temaya taşındı: metaspor/assets/css/akis.css
 */

/* Branş sekmeleri (futbol / basketbol / voleybol ağları arası geçiş) */
.brans-sekmeleri{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:0 0 12px}
.brans-sekmeleri a{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:10px;border:2px solid var(--color1);background:transparent;color:#fff;font-weight:700;text-decoration:none;font-size:15px;line-height:1}
.brans-sekmeleri a i{font-size:18px}
.brans-sekmeleri a.aktif,.brans-sekmeleri a:hover{background:var(--color1);color:#fff}
@media (max-width:767px){.brans-sekmeleri a{padding:6px 12px;font-size:13px}.brans-sekmeleri a i{font-size:15px}}
/* TÜMÜ modu: branş blokları (favicon / branş topu) */
.brans-sekmeleri a.brans-tumu{letter-spacing:.5px}
.widget.brans-blok .widget-inner-title .lig-logo{display:flex;align-items:center;justify-content:center}
.widget.brans-blok .widget-inner-title .lig-logo img{width:44px;height:44px;object-fit:contain;border-radius:50%}
.widget.brans-blok .widget-inner-title .lig-logo i{font-size:40px;color:#fff}
@media (max-width:767px){.widget.brans-blok .widget-inner-title .lig-logo img{width:30px;height:30px}.widget.brans-blok .widget-inner-title .lig-logo i{font-size:26px}}
/* TUMU listesi: lig adinin yaninda kucuk brans ikonu (dizin faviconu) */
.lig-list .lig-adi .lig-brans-ikon{display:inline-block;width:18px;height:18px;object-fit:contain;vertical-align:-3px;margin-left:6px;border-radius:50%;font-size:16px;opacity:.9}