/* ==========================================================================
   Espace adhérent — éléments header/footer chargés sur tout le site.
   Le compactage du menu et la barre supérieure de repli sont désormais gérés
   par header-responsive.css / header-responsive.js.
   (Le build Vite/Tailwind étant indisponible, on surcharge en CSS simple.)
   ========================================================================== */

/* ==========================================================================
   Widget « connecté » dans le header (avatar + Déconnexion) — visible quand
   l'utilisateur possède la capacité d'accès à l'espace adhérent. Chargé
   site-wide, donc indépendant de la feuille espace-adherent.css.
   ========================================================================== */
.ea-userbadge {
    display: none; /* masqué sur mobile (menu burger) — le CSS Tailwind sm:flex n'est pas compilé */
    position: relative;
    z-index: 20; /* au-dessus de la forme décorative du header (z-5) */
    align-items: center;
    gap: .55rem;
    margin-left: 1rem;
}
@media (min-width: 640px) {
    .ea-userbadge { display: flex; }
}
.ea-userbadge-logout {
    font-size: 13px;
    font-weight: 500;
    color: #027D6C;
    text-decoration: underline;
    text-underline-offset: 3px;
    white-space: nowrap;
}
.ea-userbadge-logout:hover,
.ea-userbadge-logout:focus-visible { color: #015d50; }
.ea-userbadge-avatar {
    width: 40px;
    height: 40px;
    flex: 0 0 auto;
    border-radius: 50%;
    background: #151E3A;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .02em;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.ea-userbadge-avatar:hover,
.ea-userbadge-avatar:focus-visible { background: #027D6C; color: #fff; }

/* Masquer le libellé texte sous 1200px (garder l'avatar) pour éviter de serrer. */
@media (max-width: 1199px) {
    .ea-userbadge-logout { display: none; }
}

/* ==========================================================================
   Bouton « Espace adhérent » du footer — pilule verte (style Contact),
   remplace l'ancien .btn-primary (jaune) sur ce bloc.
   ========================================================================== */
.ea-footer-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: .5rem;
    padding: .35rem 1rem;
    border-radius: 9999px;
    background: #027D6C;
    color: #fff;
    font-size: .875em;
    font-weight: 500;
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    transition: background .2s ease, transform .2s ease;
}
.ea-footer-btn:hover,
.ea-footer-btn:focus-visible { background: #015d50; color: #fff; transform: translateY(-1px); }