/*
 * Identité visuelle Cluby — chargée après les feuilles héritées sur les écrans Cluby : pages publiques Cluby
 * (connexion, inscription, mot de passe, invitation, pages juridiques), espace adhérent / gestion des clubs (.wp-app)
 * et back-office du Super Admin (body.wj-admin). Les emails reprennent les mêmes valeurs (templates/cluby/emails).
 * Bleu Cluby #1f5bd6 (blanc dessus : contraste 5,6:1), encre #0f1b2d. Le vert ne sert plus qu'aux états « réussi / actif ».
 */
:root {
    --cl-primary: #1f5bd6;
    --cl-primary-dark: #1746a8;
    --cl-primary-soft: #e8effc;
    --cl-ink: #0f1b2d;
    --cl-focus: rgba(31, 91, 214, .22);
}

/* Marque (texte : pas de logo image à ce jour) */
.cl-wordmark { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; font-size: 20px; letter-spacing: -.3px; color: var(--cl-ink) !important; text-decoration: none !important; }
.cl-wordmark-mark { width: 32px; height: 32px; border-radius: 9px; background: var(--cl-primary); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 15px; flex: none; }

/* Espace adhérent et gestion des clubs */
.wp-app { --wp-primary: var(--cl-primary); --wp-primary-dark: var(--cl-primary-dark); --wp-primary-soft: var(--cl-primary-soft); }
.wp-app .wp-alert-success { background: #e7f5ef; color: #0c5a45; }
.wp-app .wp-brand-mark { background: var(--cl-primary); }

/* Pages publiques Cluby (gabarit security/_auth_layout) */
.wj-auth { --wj-primary: var(--cl-primary); --wj-primary-dark: var(--cl-primary-dark); --wj-primary-soft: var(--cl-primary-soft); --wj-focus: var(--cl-focus); }
.wj-auth .wj-auth-banner { background: var(--cl-primary-soft); }

/* Back-office du Super Admin */
body.wj-admin { --wj-primary: var(--cl-primary); --wj-primary-dark: var(--cl-primary-dark); --wj-primary-soft: var(--cl-primary-soft); --wj-focus: 0 0 0 3px var(--cl-focus); }
body.wj-admin .main-sidebar .logo.cl-wordmark { display: flex !important; width: auto; height: 64px; padding: 14px 20px; color: var(--cl-ink) !important; }
body.wj-admin.sidebar-mini.sidebar-collapse .main-sidebar .logo.cl-wordmark { padding: 14px 10px; font-size: 0; }
body.wj-admin .wj-mhead-logo.cl-wordmark { font-size: 18px; }
body.wj-admin .wj-mhead-logo.cl-wordmark .cl-wordmark-mark { width: 28px; height: 28px; font-size: 13px; }

/* En-tête et pied de page publics Cluby */
.cl-pub-head { background: #fff; border-bottom: 1px solid #e3e7ee; }
.cl-pub-head-in, .cl-pub-foot-in { max-width: 1120px; margin: 0 auto; padding: 14px 16px; display: flex; align-items: center; gap: 16px; flex-wrap: wrap; }
.cl-pub-nav { margin-inline-start: auto; display: flex; gap: 8px; align-items: center; }
.cl-pub-nav a { padding: 8px 14px; border-radius: 999px; font-size: 14px; font-weight: 600; color: var(--cl-ink); text-decoration: none; }
.cl-pub-nav a:hover { background: var(--cl-primary-soft); }
.cl-pub-nav a.cl-pub-cta { background: var(--cl-primary); color: #fff; }
.cl-pub-nav a.cl-pub-cta:hover { background: var(--cl-primary-dark); }
.cl-pub-foot { border-top: 1px solid #e3e7ee; background: #fff; margin-top: 40px; font-size: 13px; color: #5a6577; }
.cl-pub-foot a { color: #5a6577; }
.cl-pub-foot-links { display: flex; gap: 16px; flex-wrap: wrap; margin-inline-start: auto; }
@media (max-width: 480px) {
    .cl-pub-nav a { padding: 7px 10px; font-size: 13px; }
    .cl-wordmark { font-size: 18px; }
}
/* En-tête mobile du back-office : marque affichée seulement sous 768 px (comme le logo d'origine) */
body.wj-admin .wj-mhead-logo.cl-wordmark { display: none; }
@media (max-width: 767px) { body.wj-admin .wj-mhead-logo.cl-wordmark { display: inline-flex; } }