/* П.4 «Задача 4»: выпадающий список сезонов на странице лиги (только для лиг с >=2 сезонами).
   Своя новая plashka поверх готового .hero__season (app.css) — тот же бордюр-пилюля, добавлен
   нативный select с кастомной стрелкой, чтобы визуально не отличался от макета 12-stranica-ligi-v2
   («2024/2025 ⌄»). Общие файлы (app.css/app.src.css) не трогаем — правила только здесь. */
.hero__season.season-select{
    padding:0;
    border-color:rgba(255,255,255,.5);
    position:relative;
    cursor:pointer;
}
.hero__season.season-select select{
    appearance:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    background:transparent;
    border:0;
    color:#fff;
    font:inherit;
    font-size:14px;
    font-weight:600;
    height:36px;
    padding:0 30px 0 18px;
    cursor:pointer;
    outline:none;
}
.hero__season.season-select select:focus-visible{
    outline:2px solid #fff;
    outline-offset:2px;
    border-radius:var(--r-sm);
}
.hero__season.season-select::after{
    content:"";
    position:absolute;
    right:14px;
    top:50%;
    width:8px;
    height:8px;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:translateY(-70%) rotate(45deg);
    pointer-events:none;
}
.hero__season.season-select select option{
    color:#2a2a2a;
    background:#fff;
}

@media (max-width:768px){
    .hero__season.season-select{order:3}
}