/** * ARX PMC — Member frontend styles. * * Scoped under .arx-pmc-member-app to avoid theme conflicts. * Progressively consolidates styles from admin_membre/assets/css/. * * Theme colors come from CSS custom properties injected in : * --arx-pmc-primary, --arx-pmc-secondary, * --arx-pmc-text-light, --arx-pmc-text-dark */ .arx-pmc-member-app { position: relative; color: var(--arx-pmc-text-dark, #212529); } .arx-pmc-member-app a { color: var(--arx-pmc-primary, #3366ff); } .arx-pmc-member-app .btn-primary, .arx-pmc-member-app .btn.btn-primary, .arx-pmc-member-app button[type="submit"] { background-color: var(--arx-pmc-primary, #3366ff); border-color: var(--arx-pmc-primary, #3366ff); color: var(--arx-pmc-text-light, #ffffff); } .arx-pmc-member-app .btn-primary:hover, .arx-pmc-member-app .btn.btn-primary:hover, .arx-pmc-member-app button[type="submit"]:hover { filter: brightness(0.9); } .arx-pmc-member-app .codex-sidebar { background-color: var(--arx-pmc-secondary, #6c757d); color: var(--arx-pmc-text-light, #ffffff); } .arx-pmc-member-app .codex-sidebar a, .arx-pmc-member-app .codex-sidebar .nav_onglet { color: var(--arx-pmc-text-light, #ffffff); } .arx-pmc-member-app .codex-sidebar .nav_onglet.actif { background-color: var(--arx-pmc-primary, #3366ff); } .arx-pmc-member-app .codex-header { border-bottom-color: var(--arx-pmc-primary, #3366ff); } /* Loader shim (dashboard) */ .arx-pmc-member-app .loader_onglet { display: none; text-align: center; padding: 2rem 0; } .arx-pmc-member-app .loader_onglet.show { display: block; } /* Auth pages (login, forgot-pw, reinit-pw) */ .auth-main .btn-primary, .auth-main .btn.btn-primary { background-color: var(--arx-pmc-primary, #3366ff); border-color: var(--arx-pmc-primary, #3366ff); color: var(--arx-pmc-text-light, #ffffff); } .auth-main .text-primary, .auth-main a { color: var(--arx-pmc-primary, #3366ff); } /* Shortcode wrapper: stay in theme header flow (Divi menu row), not full-width block */ .container_admin_header, .container_admin_header .content_admin_header, .container_admin_header .header_admin_membre { display: inline-block; vertical-align: middle; position: relative; max-width: 100%; margin: 0; padding: 0; line-height: 1; } /* Header "Mon espace" dropdown */ .header_admin_membre .container_sous_menu_membre a:hover, .header_admin_membre #deconnexion_membre:hover { color: var(--arx-pmc-primary, #3366ff); } .btn_header_admin_membre a { color: var(--arx-pmc-text-light, #ffffff); } /* Redirect countdown page */ #arx_redirection_message { max-width: 520px; margin: 4rem auto; text-align: center; padding: 2rem; } #arx_redirection_message h2 { margin-bottom: 1rem; } /* Administrator member-area preview */ .arx-pmc-admin-preview-banner { position: fixed; top: 0; left: 0; right: 0; z-index: 100001; display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; padding: 0.55rem 1rem; background: #1d2327; color: #f0f0f1; font-size: 0.875rem; line-height: 1.4; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); } body.arx-pmc-admin-preview { padding-top: 2.75rem; } .arx-pmc-admin-preview-banner__tag, .arx-pmc-admin-preview-tag { display: inline-block; padding: 0.15rem 0.5rem; border-radius: 3px; background: #dba617; color: #1d2327; font-size: 0.75rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; white-space: nowrap; } .arx-pmc-admin-preview-banner__link { margin-left: auto; color: #fff; text-decoration: underline; white-space: nowrap; } .arx-pmc-admin-preview-banner__link:hover { color: #dba617; } .arx-pmc-admin-preview-note { padding: 1rem 1.25rem; margin: 1rem 0; border-left: 4px solid #dba617; background: #fff8e5; color: #1d2327; }