/* Le même repère d'entreprise accompagne les offres de l'accueil,
   des infobulles et des listes, sans remplacer leur direction. */
.entreprise-poste {
    display: inline-flex;
    align-items: center;
    max-width: 100%;
    box-sizing: border-box;
    gap: 4px;
    padding: 3px 8px;
    margin: 3px 0 6px;
    color: #7a1f67;
    background: #f7eaf4;
    border: 1px solid #eed8e7;
    border-radius: 999px;
    font: 700 12px/1.3 Arial, Helvetica, sans-serif;
    white-space: normal;
}

/* Moveo Fédération : boutons d'entreprises visibles sur ordinateur,
   liste déroulante rangée dans les filtres sur mobile. */
.selection-entreprise-accueil {
    margin: 0 auto 15px;
    text-align: center;
}

.selection-entreprise-intitule {
    margin: 4px 0 11px;
    color: #7a1f67;
    font: 700 12px/1.3 Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    letter-spacing: .3px;
}

.boutons-entreprises {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    margin: 0;
}

/* Carte PC uniquement : même espacement (10 px) qu'entre les
   deux rangées de boutons GF. Aucun changement sur mobile. */
@media (min-width: 701px) {
    /* Accueil PC : 14 px de padding du contenu + 14 px de marge = 28 px sous le header. */
    .selection-entreprise-accueil {
        margin-top: 14px;
    }

    .container > #boutonsEntreprises {
        margin-bottom: 10px;
    }
}

.bouton-entreprise {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: white;
    color: #7a1f67;
    border: 1px solid #d8c2d5;
    border-radius: 999px;
    padding: 10px 15px;
    font: 700 14px/1.2 Arial, Helvetica, sans-serif;
    box-shadow: 0 3px 10px rgba(31, 41, 55, .08);
    cursor: pointer;
    transition: background .15s, color .15s, border-color .15s;
}

.bouton-entreprise:hover {
    background: #f6eaf3;
}

.bouton-entreprise.actif,
.bouton-entreprise[aria-pressed="true"] {
    background: #a42d88;
    color: white;
    border-color: #a42d88;
}

.bouton-entreprise:focus-visible {
    outline: 3px solid #13b7de;
    outline-offset: 3px;
}

.selecteur-entreprise-mobile,
.filtres-entreprise-mobile {
    display: none;
}

.selecteur-entreprise-mobile label {
    font-size: 14px;
    font-weight: 700;
}

.selecteur-entreprise-mobile select {
    background: white;
    color: #252525;
    border: 1px solid #cbd0d7;
    border-radius: 10px;
    padding: 10px 12px;
    min-height: 42px;
    min-width: 0;
    font-size: 14px;
}

@media (max-width: 700px) {
    .boutons-entreprises {
        display: none;
    }

    .selection-entreprise-accueil {
        margin: 0 auto 12px;
    }

    /* Accueil mobile : sélection visible immédiatement, en un seul geste. */
    .selection-entreprise-accueil .selection-entreprise-intitule {
        display: none;
    }

    .selection-entreprise-accueil .selecteur-entreprise-mobile {
        display: block;
        padding: 0;
        text-align: left;
    }

    .selection-entreprise-accueil .selecteur-entreprise-mobile label {
        display: block;
        margin-bottom: 8px;
        color: #7a1f67;
        font-size: 13px;
    }

    .selection-entreprise-accueil .selecteur-entreprise-mobile select {
        display: block;
        box-sizing: border-box;
        width: 100%;
        max-width: none;
        min-height: 46px;
        padding: 10px 14px;
        border-radius: 12px;
        border: 1px solid #d8c2d5;
        box-shadow: 0 2px 8px rgba(0,0,0,.06);
        font-size: 15px;
    }

    /* Carte mobile : le filtre Entreprise prend exactement la même
       largeur et le même aspect que Plage, Région, Direction, etc. */
    .panneau-filtres .selecteur-entreprise-mobile {
        display: block;
        margin: 0 0 8px;
        padding: 0;
    }

    .panneau-filtres .selecteur-entreprise-mobile label {
        position: absolute;
        width: 1px;
        height: 1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        white-space: nowrap;
    }

    .panneau-filtres .selecteur-entreprise-mobile select {
        display: block;
        box-sizing: border-box;
        flex: none;
        width: 100%;
        max-width: none;
        min-height: 0;
        padding: 10px 12px;
        border: 1px solid #ddd;
        border-radius: 10px;
        background: #fff;
        font-size: 14px;
        color: #252525;
    }
}