/*
   Boutons harmonisés du site MarlyMoove.
   Chargé EN DERNIER via Footer.html : ce fichier fait donc autorité et
   uniformise tous les boutons des différentes pages sans avoir à modifier
   chaque feuille de style.
   Style : ORANGE par défaut -> BLANC au survol, avec léger relief.
*/

.boite,
.but_Retour,
.buttonchoisir,
.coulbout {
    display: inline-block;
    border: none;
    background: orange;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    padding: 11px 20px;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(230, 126, 0, 0.30);
    transition: background-color 200ms ease, color 200ms ease, transform 150ms ease, box-shadow 200ms ease;
    cursor: pointer;
}

.boite:hover, .boite:focus,
.but_Retour:hover, .but_Retour:focus,
.buttonchoisir:hover, .buttonchoisir:focus,
.coulbout:hover, .coulbout:focus {
    background: #ffffff;
    color: #e67e00;
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.16);
}

/* Bouton mis en avant (ex. "Semaine courante") : affiché en blanc (état actif)
   pour ressortir parmi les boutons orange. */
.boite--courante {
    background: #ffffff;
    color: #e67e00;
    box-shadow: inset 0 0 0 2px orange, 0 2px 8px rgba(0, 0, 0, 0.12);
}

.boite--courante:hover, .boite--courante:focus {
    background: #ffffff;
    color: #e67e00;
    transform: translateY(-2px);
}

/* Boutons "sombres" (actions admin / suppression) : fond noir par défaut,
   blanc au survol, pour rester distincts des boutons standards. */
.boitenoire,
.boitenoiretoblanche,
.boiteAdmin {
    display: inline-block;
    border: none;
    background: #222222;
    color: #ffffff;
    font-weight: 600;
    font-size: 16px;
    font-style: normal;
    text-align: center;
    text-decoration: none;
    padding: 11px 20px;
    margin-top: 10px;
    border-radius: 12px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
    transition: background-color 200ms ease, color 200ms ease, transform 150ms ease;
    cursor: pointer;
}

.boitenoire:hover, .boitenoire:focus,
.boitenoiretoblanche:hover, .boitenoiretoblanche:focus,
.boiteAdmin:hover, .boiteAdmin:focus {
    background: #ffffff;
    color: #222222;
    transform: translateY(-2px);
}

/*
   Rangées de boutons d'action : centrées (au lieu de s'étirer sur toute
   la largeur) — pages Activités, Actualités, Abonnement, Planning.
*/
.boutons_actu,
.boutons_abonnement,
.boutons_planning,
.boutons_semaine {
    display: flex;
    justify-content: center;
    gap: 12px;
    flex-wrap: wrap;
}

/* Certaines rangées enveloppent leurs boutons dans un <form> : on neutralise
   sa boîte pour que les boutons soient centrés directement. */
.boutons_semaine form,
.boutons_planning form {
    display: contents;
}

/* Les boutons reprennent leur largeur naturelle au lieu de flex:1. */
.but1_actu, .but2_actu, .but3_actu,
.but1_abonnement, .but2_abonnement, .but3_abonnement, .but4_abonnement, .but5_abonnement,
.but1_planning, .but2_planning, .but3_planning, .but4_planning,
.sem_butt {
    flex: 0 0 auto;
}