/*
Theme Name: BPC CHPC
Theme URI: https://bpc.conseilheveapalmier.ci/
Description: Thème enfant de Twenty Twenty-Five pour le Programme Intermédiaire du Conseil Hévéa Palmier à Huile – Coco. Charte institutionnelle CHPC, page d'accueil dédiée et accès à la vérification d'éligibilité à la subvention d'engrais.
Author: Quazzars International
Author URI: https://quazzars.com
Template: twentytwentyfive
Version: 1.1.0
Requires at least: 6.7
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bpc-chpc
Tags: block-patterns, full-site-editing, one-column, custom-colors, custom-logo, custom-menu, featured-images, translation-ready
*/

/* ------------------------------------------------------------------
   Compléments non couverts par theme.json
   ------------------------------------------------------------------ */

/* Bandeau d'en-tête institutionnel */
.bpc-barre-institution {
	font-size: 0.8rem;
	letter-spacing: 0.02em;
}

/* Carte : légère élévation au survol */
.bpc-carte {
	transition: transform 0.18s ease, box-shadow 0.18s ease;
}

.bpc-carte:hover {
	transform: translateY(-3px);
	box-shadow: 0 12px 28px rgba(11, 77, 43, 0.14);
}

/* Compteur de chiffres clés */
.bpc-chiffre .wp-block-heading {
	font-variant-numeric: tabular-nums;
	line-height: 1;
}

/* Numéro d'étape */
.bpc-etape__numero {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	background: var(--wp--preset--color--vert-action);
	color: #fff;
	font-weight: 700;
	font-size: 1.15rem;
	margin-bottom: 0.6rem;
	flex: 0 0 auto;
}

/* Parcours en cinq étapes : le numéro à gauche, le texte à droite,
   reliés par un filet vertical. */
.bpc-parcours__etape {
	display: grid;
	grid-template-columns: 2.6rem 1fr;
	column-gap: 1.25rem;
	position: relative;
}

.bpc-parcours__etape > .bpc-etape__numero {
	grid-row: 1 / span 3;
	margin-bottom: 0;
}

.bpc-parcours__etape > :not(.bpc-etape__numero) {
	grid-column: 2;
}

/* Filet reliant les pastilles */
.bpc-parcours__etape::before {
	content: "";
	position: absolute;
	left: 1.3rem;
	top: 3.4rem;
	bottom: -0.4rem;
	width: 2px;
	background: var(--wp--preset--color--bordure);
}

.bpc-parcours__etape:last-child::before {
	display: none;
}

/* Part du Conseil / part du planteur */
.bpc-parts__ligne {
	display: flex;
	gap: 0.85rem;
	align-items: flex-start;
	padding: 0.7rem 0;
	border-bottom: 1px solid var(--wp--preset--color--bordure);
}

.bpc-parts__ligne div {
	display: flex;
	flex-direction: column;
	gap: 0.15rem;
}

.bpc-parts__ligne strong {
	font-size: 1.08rem;
}

.bpc-parts__ligne span:not(.bpc-parts__pastille) {
	color: var(--wp--preset--color--gris);
	font-size: 1rem;
	line-height: 1.6;
}

.bpc-parts__pastille {
	width: 1.1rem;
	height: 1.1rem;
	border-radius: 50%;
	margin-top: 0.35rem;
	flex: 0 0 auto;
}

.bpc-parts__ligne--conseil .bpc-parts__pastille {
	background: var(--wp--preset--color--vert);
}

.bpc-parts__ligne--vous .bpc-parts__pastille {
	background: var(--wp--preset--color--orange);
}

.bpc-parts__total {
	margin: 0.9rem 0 0;
	padding: 0.7rem 0.9rem;
	background: var(--wp--preset--color--vert-clair);
	border-radius: 8px;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.6;
}

/* Texte réservé aux lecteurs d'écran */
.sr-only {
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}

/* Liens du pied de page : contraste garanti sur fond vert foncé */
.bpc-pied a {
	color: #E8F2EC;
	text-decoration: none;
}

.bpc-pied a:hover,
.bpc-pied a:focus-visible {
	color: #FFFFFF;
	text-decoration: underline;
}

/* Boutons « contour » : le texte doit rester lisible sur fond clair.
   theme.json impose le blanc aux boutons ; on le neutralise ici, sauf
   lorsqu'une couleur de texte est explicitement choisie sur le bouton. */
.wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	color: var(--wp--preset--color--vert-fonce);
	background-color: transparent;
}

/* Variante sur fond sombre */
.has-vert-fonce-background-color .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color),
.wp-block-cover .wp-block-button.is-style-outline > .wp-block-button__link:not(.has-text-color) {
	color: #FFFFFF;
}

/* Navigation : bouton d'action mis en avant */
.bpc-nav-cta .wp-block-button__link {
	white-space: nowrap;
}

/* Le formulaire d'éligibilité du plugin QSI reste centré dans le contenu */
.qsi-elig {
	margin-left: auto;
	margin-right: auto;
}

/* Accessibilité : contour visible au clavier */
:where(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--wp--preset--color--vert);
	outline-offset: 2px;
}

/* Impression : masquer la navigation */
@media print {
	.wp-block-template-part[data-area="header"],
	.bpc-pied {
		display: none !important;
	}
}