/* Extrait de modules/tyre_selection.php. Ne pas remettre ce CSS en <style> inline :
   les .php sont servis en no-store, ce fichier est cache un an. */
/* Conteneur */
#season-selector.ui.buttons {
    gap: 10px;
}

/* Bouton INACTIF = noir */
#season-selector .season-btn {
    background: #000 !important;
    border: 1px solid #222 !important;
    border-radius: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 6px !important;
    transition: background 0.2s ease, border-color 0.2s ease;
}

/* Icône commune */
#season-selector .season-btn .season-ico {
    width: 26px !important;
    height: 26px !important;
    padding: 2px;
}

/* INACTIF → image grisée */
#season-selector .season-btn:not(.active) .season-ico {
    filter: grayscale(100%) brightness(70%);
    opacity: 0.7;
}

/* Hover inactif : léger éclaircissement du fond */
#season-selector .season-btn:not(.active):hover {
    background: #111 !important;
}

/* ACTIF = fond gris clair + image en couleur */
#season-selector .season-btn.active {
    background: #696969ff !important;
    border-color: #696969ff !important;
}

/* Icône active → couleur normale */
#season-selector .season-btn.active .season-ico {
    filter: none;
    opacity: 1;
}