/* Forum membres — page /forum/ (cf. page-forum.php). */ .forum-main { padding: 48px 0 72px; } .forum-inner { width: 100%; } /* pleine largeur du site (le conteneur porte déjà les marges) */ /* Le titre h1 hérite de .titre1 (Gambetta) défini globalement. */ .forum-main .titre1 { margin-bottom: 24px; } /* ── Présentation + demande d'accès (visiteur non autorisé) : tout centré ─────────────────── */ .forum-gate { max-width: 640px; margin: 0 auto; text-align: center; } .forum-pitch { font-family: "Archivo", sans-serif; font-size: 16px; line-height: 1.6; color: var(--color-text); margin: 0; /* paragraphes du pitch collés (pas d'espace entre eux) */ } .forum-note { font-family: "Archivo", sans-serif; font-size: 15px; line-height: 1.5; color: var(--color-muted); margin: 24px 0 0; } /* La note « Vous devez être connecté » colle au bouton juste en dessous. */ .forum-gate .forum-note { margin-bottom: 8px; } .forum-gate .forum-btn { margin-top: 10px; } .forum-request-form { margin-top: 24px; } .forum-btn { display: inline-block; margin-top: 28px; font-family: "Archivo", sans-serif; font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: 1.8px; text-decoration: none; color: #fff; background: var(--color-main); border: none; cursor: pointer; padding: 14px 28px; transition: opacity 0.2s ease; } .forum-btn:hover { opacity: 0.85; color: #fff; } /* Variante « publier » : fond noir, survol orange, texte blanc (même en lien ). */ .forum-btn--dark { background: var(--color-text); } .forum-btn--dark:hover { background: var(--color-main); opacity: 1; color: #fff; } /* Le submit natif des commentaires est un stylé par GeneratePress (sélecteur plus spécifique) : on force la variante noire avec un sélecteur qui l'emporte. */ input[type="submit"].forum-btn { color: #fff; } input[type="submit"].forum-btn--dark { background: var(--color-text); } input[type="submit"].forum-btn--dark:hover { background: var(--color-main); opacity: 1; } /* ── Texte d'accueil (au-dessus du menu) ────────────────────────────────────────────────── */ .forum-welcome { font-family: "Archivo", sans-serif; font-size: 15px; line-height: 1.6; color: var(--color-text); margin: 0 0 12px; /* le rappel d'identité vient juste dessous */ } .forum-welcome p { margin: 0; } /* ── Rappel de l'identité publique (pseudo · métier) ────────────────────────────────────── */ .forum-identity { margin: 0 0 72px; font-family: "Archivo", sans-serif; font-size: 15px; line-height: 1.6; color: var(--color-text); } .forum-identity-lead, .forum-identity-line { display: block; } .forum-identity strong { color: var(--color-text); font-weight: 400; } /* même épaisseur, aucune distinction */ .forum-identity-todo { color: var(--color-text); font-weight: 700; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s ease; } .forum-identity-todo:hover { color: var(--color-main); } .forum-identity-req { color: var(--color-text); } /* ── Pop-up d'accueil : choix obligatoire du pseudo ─────────────────────────────────────── */ .forum-pseudo-modal { position: fixed; inset: 0; z-index: 100000; background: rgba(0, 0, 0, 0.6); display: flex; align-items: center; justify-content: center; padding: 20px; } .forum-pseudo-dialog { background: #fff; max-width: 480px; width: 100%; padding: 32px 28px; box-shadow: 0 8px 40px rgba(0, 0, 0, 0.25); } .forum-pseudo-dialog .titre1 { margin: 0 0 16px; } .forum-pseudo-dialog p { font-family: "Archivo", sans-serif; font-size: 15px; line-height: 1.6; color: var(--color-text); margin: 0 0 20px; text-align: justify; } .forum-pseudo-modal-form { display: flex; flex-direction: column; gap: 14px; align-items: stretch; } .forum-pseudo-modal-form input[type="text"] { font-family: "Archivo", sans-serif; font-size: 16px; padding: 12px 14px; border: 1px solid var(--color-border-strong); background: #fff; width: 100%; box-sizing: border-box; } .forum-pseudo-modal-form .forum-btn { align-self: flex-end; margin-top: 0; } .forum-pseudo-modal-error { color: var(--color-main); font-family: "Archivo", sans-serif; font-size: 13px; margin: 0; } /* ── Menu horizontal des thématiques — look « barre de filtres » (atlas/agenda) ───────────── Libellés majuscules + séparateurs verticaux fins. Défile latéralement, scrollbar masquée ; des flèches (gérées par page-forum.js) apparaissent aux extrémités si ça déborde. */ .forum-menu-wrap { position: relative; margin-bottom: 8px; } .forum-menu { display: flex; flex-wrap: nowrap; align-items: center; overflow-x: auto; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; /* scrollbar masquée (Firefox/IE) */ border-bottom: 1px solid var(--color-border); } .forum-menu::-webkit-scrollbar { display: none; } /* scrollbar masquée (WebKit) */ .forum-menu-item { position: relative; flex: 0 0 auto; white-space: nowrap; padding: 12px 18px; font-family: "Archivo", sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; letter-spacing: 1.8px; color: var(--color-text); text-decoration: none; transition: color 0.2s ease; } .forum-menu-item + .forum-menu-item::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: var(--color-border-strong); } .forum-menu-item:hover { color: var(--color-main); } .forum-menu-item.is-active { color: var(--color-text); font-weight: 700; text-decoration: underline; text-underline-offset: 4px; } /* Flèches de défilement (masquées par défaut, affichées par le JS si débordement). Fond transparent (pas de dégradé), chevrons larges. */ .forum-menu-arrow { position: absolute; top: 0; bottom: 1px; z-index: 2; width: 52px; display: flex; align-items: center; border: none; cursor: pointer; padding: 0; font-size: 40px; line-height: 1; color: var(--color-text); background: transparent; -webkit-tap-highlight-color: transparent; /* pas de flash au tap sur mobile */ } /* Jamais de fond (le survol/tap des