/**
 * Dahu Theme Annad 2026 — bandeau vert plein, pleine largeur.
 *
 * Seul grand aplat vert du site. Un seul style, trois emplois :
 * - pages Technologie et La société (composition « Technologie — Bandeau vert ») ;
 * - bas des fiches produit des moteurs, rappel du configurateur (fiche-principale.php).
 *
 * Règles sorties de technologie.css sans changement de nom : le contenu déjà publié porte
 * .annad-techno__band. Feuille à part parce qu'elle doit être chargée là où le bandeau est affiché,
 * et non avec un modèle de page : toute page (quel que soit son modèle) et toute fiche produit
 * (functions.php), plus l'éditeur (inc/blocks.php). technologie.css n'est chargé ni sur une fiche
 * produit, ni sur une page laissée sur le modèle par défaut.
 *
 * Bouton du bandeau : sombre — style de bloc « Annad — Accent » dans une composition,
 * .annad-btn--accent dans un gabarit PHP. Jamais vert (vert sur vert).
 */

.annad-techno__band {
	/* --annad-section-space vient de front-page.css, absent des fiches produit : d'où le repli. */
	margin-block: var(--annad-section-space, 3rem) 0;
	padding: 4rem var(--gutter);
	text-align: center;
	color: var(--color-on-brand-green);
	background-color: var(--color-brand-green);
}

.annad-techno__band-title {
	margin-bottom: 1rem;
	font-family: var(--font-heading);
	font-size: clamp(1.75rem, 1.1rem + 3vw, 3rem);
	font-weight: 800;
	line-height: 1.1;
	text-wrap: balance;
}

.annad-techno__band p {
	max-width: 40rem;
	margin-inline: auto;
	margin-bottom: 2rem;
}

/* Anneau de focus : le vert habituel serait invisible sur le bandeau */
.annad-techno__band .annad-btn:focus-visible,
.annad-techno__band .wp-block-button__link:focus-visible {
	outline-color: var(--color-on-brand-green);
}