/*
 * Section « Restez connectés » : un seul lien générique vers la
 * communauté de discussion. Disparaît entièrement si son adresse n'est
 * pas réglée (front-page.php).
 */

.aspacam-community__inner {
	display: flex;
	flex-direction: column;
	gap: var(--aspacam-theme-space-xs);
}

/*
 * Le titre et le bouton restent sur la même ligne (le bouton aligné à
 * droite) tant qu'il y a la place ; le sous-titre est en dehors de cette
 * ligne, toujours seul sur la sienne, pleine largeur (sujet 2, étape
 * 2sexies). Titre court et bouton compact : cette ligne tient jusqu'aux
 * largeurs basses, vérifié par mesure jusqu'à 320px.
 */
.aspacam-community__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: var(--aspacam-theme-space-sm);
}

.aspacam-community__header .aspacam-section-title {
	/* Sinon la marge habituelle du titre creuserait un vide entre le titre
	   et le bouton, et un autre entre le titre et le sous-titre. */
	margin-bottom: 0;
}

/*
 * Même raison que "line-height: 1" sur .aspacam-section-title (base.css) :
 * c'est le dernier texte visible de la section, son bas de boîte doit
 * coïncider avec le bas de son encre pour que le padding-bottom de la
 * section (21px, base.css) se mesure au texte et non à un interligne
 * invisible en dessous. La valeur exacte est vérifiée par mesure (étape
 * 2sexies, à la taille de police actuelle) de 320 à 1200 pixels.
 *
 * Taille et couleur : le traitement des petits caractères
 * (.aspacam-text-dense, front-page.php) fixe la graisse, l'interlettrage et
 * le gris ; la couleur ne se fixe donc plus ici. La taille, elle, n'est pas
 * dans cette classe partagée (chaque texte dense garde la sienne) : ici
 * "small", comme les libellés des tuiles d'activité — un texte de contenu,
 * pas une mention légale (qui elle descend jusqu'à "tiny", pied de page).
 */
.aspacam-community__text {
	margin: 0;
	line-height: 1.15;
	font-size: var(--aspacam-theme-font-size-small);
}

.aspacam-community__join {
	display: inline-flex;
	align-items: center;
	gap: var(--aspacam-theme-space-xs);
	white-space: nowrap;
}

.aspacam-community__icon {
	width: 18px;
	height: 18px;
}