/* Barre de recherche */
.search_1 {
    width: 95%;
    padding: 11px 14px;
    border-radius: 8px;
    border: 1px solid rgba(92,184,63,0.3);
    background: rgba(8,12,6,0.75);
    color: white;
    caret-color: #6dd14a;
    font-family: "Saira Condensed", sans-serif;
    font-size: 1vw;
    transition: all 0.25s ease;
}
.search_1:focus {
    outline: none;
    border-color: #5cb83f;
    box-shadow: 0 0 12px rgba(92,184,63,0.2);
}


/* Element invisible devenant visible quand au clic */
.secret .secret_value {
    opacity: 0;
    cursor: pointer;
    transition: opacity 0.3s ease;
}
.secret.revealed .secret_value {
    opacity: 1;
}


/* Suppression spinner sur number inputs */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; }
input[type=number] { -moz-appearance: textfield; }


/* Bouton d'incrémentation de quantité */
.quantite_1 {
    width: 25%;
    padding: 0.4vw;
    font-family: "Bebas Neue", sans-serif;
    font-size: 1vw;
    font-weight: bold;
    background: rgba(8,14,6,0.9);
    color: #6dd14a;
    border-radius: 6px;
    border: 1px solid rgba(92,184,63,0.3);
    text-align: center;
    transition: border-color 0.2s ease;
}
.quantite_1:focus {
    outline: none;
    border-color: #5cb83f;
    box-shadow: 0 0 8px rgba(92,184,63,0.3);
}


/* Checkbox_1 simple avec couleure jaune */
.checkbox_1 {
    accent-color: #f0c060;
    width: 18px;
    height: 18px;
    cursor: pointer;
}


/* Rend les boutons radio plus jolis en enlevant les checkbox et en illuminant les/le choix sélectionné */
.radio_1 { display: none; }
.radio_1:checked + .card_5 {
    border-color: #5cb83f;
    background: rgba(28,48,20,0.9);
    box-shadow: 0 0 14px rgba(92,184,63,0.3);
    color: #90e060;
}
.radio_1:checked + .card_5 img { filter: brightness(1.15) saturate(1.2); }




@media (max-width: 765px) {
    .search_1 { font-size: 2.5vw; width: 85%; }

    .quantite_1 { font-size: 2vw; padding: 1vw; width: 35%; }
}