/* forum : feuille de la page « Rejoindre le forum » (/rejoindre-le-forum/, source outils/pages/rejoindre-le-forum-fr.html).
   Chargée après site.css quand la page contient « forum- » ; les champs viennent de contact.css (repère forum-rejoindre).
   Le formulaire est rendu par inc/forum.php ([wakademy_rejoindre_forum]), à droite du titre. */

/* ---------- Haut de page : titre et chiffres à gauche, le formulaire à droite ---------- */
.forum-hero { scroll-margin-top: 5rem; padding-block: var(--wp--preset--spacing--70) var(--wp--preset--spacing--80); }
.forum-hero .wp-block-columns { gap: clamp(2rem, 4vw, 5rem); }
/* Le sur-titre « Le forum » s'aligne à gauche, comme le titre (Gauthier, 22/09). */
.wk-section.wk-section.forum-hero .wp-block-column p.wk-surtitre { text-align: left; margin-inline: 0; } /* site.css centre tous les sur-titres avec un :is() qui pèse (0,4,1) : il faut 5 classes */
.forum-hero .wk-chapeau { max-width: 34rem; font-size: var(--wp--preset--font-size--l); font-weight: 600; color: var(--wk-ecorce); }
.wk-section .forum-chiffres { justify-content: flex-start; flex-wrap: wrap; gap: 1.25rem 2rem; margin-top: 1.75rem; }
/* Les nombres ne se coupent jamais (« 1 686 » restait sur deux lignes dans la colonne) ; les légendes non plus. */
.forum-chiffres .wk-confiance__stat { flex: 0 0 auto; }
.forum-chiffres .wk-confiance__stat strong, .forum-chiffres .wk-confiance__stat { white-space: nowrap; }

/* Le formulaire : une carte, comme celle de la page Contact */
.wk-section .forum-form,
.wk-section .forum-form__merci { max-width: 30rem; margin-inline: auto; }
.wk-section .forum-form { display: grid; gap: 1rem; padding: clamp(1.4rem, .9rem + 2vw, 2.25rem); background: var(--wk-carte); border: 1px solid rgba(57, 41, 29, .1); box-shadow: none; }
.forum-form > * { margin: 0; }
.forum-form__note { font-size: var(--wp--preset--font-size--s); line-height: 1.5; color: var(--wk-taupe); }
.forum-form__deja { padding-top: .75rem; border-top: 1px solid var(--carte-bord, rgba(57, 41, 29, .1)); font-size: var(--wp--preset--font-size--s); color: var(--wk-taupe); }
.forum-form__deja a { font-weight: 700; color: var(--wk-or-texte); }
/* Personne connectée : les dernières discussions à la place du formulaire, le bouton dessous */
.forum-derniers__titre { font-size: var(--wp--preset--font-size--xs); font-weight: 800; letter-spacing: .02em; color: var(--wk-taupe); }
.wk-section .forum-derniers__liste { display: grid; gap: .25rem; margin: 0; padding: 0; list-style: none; }
.forum-derniers__liste li { margin: 0; }
.wk-section .forum-derniers__liste a { display: grid; gap: .15rem; padding: .7rem .9rem; border-radius: var(--wk-rayon); color: inherit; text-decoration: none; transition: background .15s ease; }
.wk-section .forum-derniers__liste a:hover { background: rgba(196, 135, 56, .1); }
.forum-derniers__sujet { font-weight: 700; line-height: 1.3; color: var(--wk-ecorce); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.forum-derniers__meta { font-size: var(--wp--preset--font-size--xs); font-weight: 600; color: var(--wk-taupe); }
.forum-derniers .contact-form__envoi .wk-bouton { display: flex; justify-content: center; align-items: center; }
/* Ni le bouton ni les sujets ne sont soulignés (site.css souligne tout lien d'une section). */
.wk-section .forum-derniers a:not(.wp-block-button__link),
.wk-section .forum-derniers a.wk-bouton,
.wk-section .forum-derniers a.wk-bouton:hover { text-decoration-line: none; text-decoration: none; }

/* ---------- Ce qu'on trouve sur le forum : trois cartes ---------- */
.forum-atouts { gap: 1.25rem; }
.forum-atouts .wk-carte { height: 100%; padding: 1.5rem; }
.forum-atouts .wk-carte h3 { margin: 0 0 .4rem; font-size: var(--wp--preset--font-size--m); }
.forum-atouts .wk-carte p { margin: 0; color: var(--wk-taupe); font-size: var(--wp--preset--font-size--s); line-height: 1.5; }

@media (max-width: 781px) {
	/* Sur téléphone : plus petit, centré, sur une seule ligne (Gauthier, 22/09). */
	.wk-section .forum-chiffres { justify-content: center; flex-wrap: nowrap; gap: .6rem; margin-top: 1.25rem; }
	.forum-chiffres::before, .forum-chiffres::after { display: none; } /* les lauriers débordaient de l'écran */
	.forum-chiffres .wk-confiance__stat { font-size: .68rem; }
	.forum-chiffres .wk-confiance__stat strong { font-size: 1.2rem; }
	.forum-chiffres .wk-confiance__stat + .wk-confiance__stat { padding-left: .6rem; }
	.wk-section .forum-form { max-width: none; }
	.forum-atouts .wk-carte { padding: 1.25rem; }
}