/**
 * Dahu Theme Annad 2026 — page « La société » (maquette modeles/la_societe.png).
 *
 * Ne contient QUE ce qui est propre à la page. Réutilisé tel quel, sans règle ici :
 * - front-page.css : .annad-section, .annad-title (+ --puce-apres, alignement à gauche), hero
 *   (.annad-hero, variante .annad-hero--page), .annad-duo__title (motif « Born in France »),
 *   styles de boutons is-style-annad-* ;
 * - header.css : .is-brand (format « Vert Annad » de l'éditeur) ;
 * - technologie.css (chargé aussi sur ce gabarit) : bandeau vert .annad-techno__band et bloc
 *   image + texte alterné .annad-techno__split / --reverse.
 *
 * Mobile-first, breakpoints 40em / 64em. Couleurs : tokens du thème ; les trois teintes mesurées
 * sur la maquette qui n'existent pas dans la palette sont déclarées ici en tokens locaux, comme
 * technologie.css le fait pour les siennes.
 */

.annad-societe {
	--annad-societe-pilier-haut: #808080; /* cartes « piliers » : haut du dégradé (maquette) */
	--annad-societe-pilier-bas: #5a5a5a; /* cartes « piliers » : bas du dégradé (maquette) */
	--annad-societe-citation: #000000; /* fond de la citation, plus sombre que la page (mesuré) */
	--annad-societe-bande: 1.75rem; /* hauteur de la bande verte avant le pied de page (mesurée) */
}

/* ---------- 2. Cartes « piliers » ---------- */

.annad-societe__piliers {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 1rem;
	max-width: 68rem;
	margin-inline: auto;
}

@media (min-width: 40em) {
	.annad-societe__piliers {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (min-width: 64em) {
	.annad-societe__piliers {
		grid-template-columns: repeat(4, minmax(0, 1fr));
		gap: 2.25rem;
	}
}

/* Les cartes sont des groupes frères : sans cette remise à zéro, la marge de « block gap » du
   cœur décalerait toutes les cartes sauf la première. */
.annad-societe__piliers > .annad-societe__pilier {
	margin: 0;
}

.annad-societe__pilier {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	padding: 2.5rem 1.5rem;
	text-align: center;
	background: linear-gradient(180deg, var(--annad-societe-pilier-haut), var(--annad-societe-pilier-bas));
	border-radius: var(--annad-radius-small);
	box-shadow: var(--shadow);
}

/* Icône : couleur portée par l'image fournie (verte ou blanche), jamais par le CSS. */
.annad-societe__pilier-icon {
	margin: 0;
}

.annad-societe__pilier-icon img {
	width: 3rem;
	height: 3rem;
	object-fit: contain;
}

.annad-societe__pilier h3 {
	margin: 0;
	font-family: var(--font-heading);
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.3;
	text-wrap: balance;
}

.annad-societe__pilier p {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.45;
}

/* ---------- 3, 4, 7. Blocs image + texte (composant de technologie.css) ----------
   La maquette de cette page pose le texte en blanc justifié et des titres moins appuyés que sur
   Technologie : seules ces nuances sont redéclarées, sous .annad-societe. */

.annad-societe__born.annad-duo__title {
	margin-bottom: 3rem;
}

.annad-societe .annad-techno__split h3 {
	margin-bottom: 1.5rem;
	font-weight: 600;
}

.annad-societe .annad-techno__split p {
	color: var(--color-on-surface);
	line-height: 1.75;
	text-align: justify;
	hyphens: auto;
}

.annad-societe .annad-techno__split .wp-block-buttons {
	margin-top: 2rem;
}

/* Deux blocs alternés à la suite (section 7) : même respiration qu'entre deux sections. */
.annad-societe .annad-techno__split + .annad-techno__split {
	margin-top: var(--annad-section-space);
}

.annad-societe__actions {
	margin-top: var(--annad-section-space);
	gap: 1rem 5rem;
}

/* ---------- 5. Grand média (Image OU Vidéo, au choix dans l'éditeur) ---------- */

.annad-societe__media > * {
	margin: 0;
}

.annad-societe__media img,
.annad-societe__media video {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--annad-radius-small);
}

/* ---------- 8. « Les mots de l'équipe » ----------
   Deux colonnes collées, pleine largeur, sans gouttière : la photo touche les bords de l'écran. */

.annad-blocks > .annad-societe--bleed {
	padding-inline: 0;
}

.annad-societe__equipe.wp-block-columns {
	gap: 0;
	margin: 0;
}

.annad-societe__equipe-photo {
	height: 100%;
	margin: 0;
}

.annad-societe__equipe-photo img {
	width: 100%;
	height: 100%;
	min-height: 18rem;
	object-fit: cover;
}

.annad-societe__equipe-texte.wp-block-column {
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding: 3rem var(--gutter);
	background-color: var(--annad-societe-citation);
}

@media (min-width: 64em) {
	.annad-societe__equipe-texte.wp-block-column {
		padding: 4rem 4rem 4rem 4rem;
	}
}

.annad-societe__equipe-title {
	align-self: flex-start;
	margin: 0 0 2.5rem;
	padding-bottom: 1.25rem;
	font-family: var(--font-heading);
	font-size: clamp(1.75rem, 1.2rem + 1.6vw, 2.5rem);
	font-weight: 600;
	line-height: 1.15;
	border-bottom: 1px solid color-mix(in srgb, var(--color-on-surface) 70%, transparent);
}

.annad-societe__citation.wp-block-quote {
	position: relative;
	margin: 0;
	padding: 0 0 0 3.5rem;
	border: 0;
}

/* Grand guillemet décoratif : contenu généré, masqué aux lecteurs d'écran (texte de
   remplacement vide après la barre oblique). */
.annad-societe__citation.wp-block-quote::before {
	content: "\201C";
	content: "\201C" / "";
	position: absolute;
	top: -0.35em;
	left: -0.05em;
	font-family: var(--font-heading);
	font-size: 5.5rem;
	font-weight: 800;
	line-height: 1;
	color: var(--color-on-surface);
}

.annad-societe__citation p {
	margin: 0;
	font-size: 1.125rem;
	line-height: 1.75;
}

.annad-societe__citation cite {
	display: block;
	margin-top: 3rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
}

/* ---------- 9. Bande verte avant le pied de page ----------
   Bloc Séparateur du cœur : aucun élément équivalent n'existait (le seul séparateur du thème,
   .annad-separator, est un filet gris centré de 48rem). */

/* margin-block seulement : les marges latérales négatives de « .annad-blocks > .alignfull »
   (front-page.css) sont ce qui fait toucher les bords de l'écran. */
.wp-block-separator.annad-societe__bande {
	max-width: none;
	height: var(--annad-societe-bande);
	margin-block: 0;
	background-color: var(--color-brand-green);
	border: 0;
	opacity: 1;
}

/* Collée à la section précédente : pas de marge de « block gap » au-dessus. */
.annad-blocks > .annad-societe__bande {
	margin-block-start: 0;
}