/*
 * layout-accueil.css - disposition/espacement/arrondi/ombre de la page
 * d'accueil (etape 3.1, 27/08/2026). Utilise le systeme layout-system.css.
 * Aucun texte, image ou logo modifie - uniquement mise en page.
 *
 * Reassurance : AUCUN bloc de reassurance (livraison/paiement/retour/
 * garantie) n'existe sur l'accueil aujourd'hui (verifie : recherche de mots-
 * cles sur le texte reellement rendu, 0 occurrence). Consigne : ne pas en
 * inventer le contenu -> non traite ici, signale dans le rapport final.
 */

/* ==========================================================================
   HERO - plus aere (pas de contenu ajoute, seulement de l'espace)
   La hero est le fond de la 1ere section Divi (et_pb_with_background),
   directement suivie de la section suivante sans transition (margin/padding
   bas = 0, mesure reelle). On ajoute de l'air apres, avec l'echelle du
   systeme, sans toucher a sa hauteur/son padding-haut existants.
   ========================================================================== */

#main-content .et_pb_section.et_pb_section_first.et_pb_with_background {
	margin-bottom: var(--ecl-space-5);
}

/* ==========================================================================
   GRILLE CATEGORIES (3 cartes de gammes) - hierarchie visuelle
   La "carte" visuelle est en realite la colonne Divi (fond blanc, ombre deja
   posee par le builder) - PAS le module blurb interieur (verifie :
   getComputedStyle sur .et_pb_blurb = padding 0/radius 0/shadow none, le
   blanc + l'ombre existent sur .et_pb_column parente). On harmonise cette
   colonne avec le systeme (rayon, ombre teintee charte, padding coherent),
   sans toucher aux reglages Divi eux-memes (juste des regles CSS qui
   surchargent la presentation).
   ========================================================================== */

.et_pb_column:has(> .et_pb_module.et_pb_blurb .et_pb_main_blurb_image) {
	border-radius: var(--ecl-radius-lg);
	box-shadow: var(--ecl-shadow-rest);
	padding-top: var(--ecl-space-3) !important;
	overflow: hidden;
	/* 03/09/2026 : box-shadow et transform utilisaient 2 courbes differentes
	   dans la meme interaction (ease vs cubic-bezier) - unifiees sur le
	   token --ecl-ease-out (correctif P1, echelle de timing partagee). */
	transition: box-shadow var(--ecl-t-base) var(--ecl-ease-out), transform var(--ecl-t-base) var(--ecl-ease-out);
}

.et_pb_column:has(> .et_pb_module.et_pb_blurb .et_pb_main_blurb_image):hover {
	box-shadow: var(--ecl-shadow-hover);
	transform: translateY(-6px);
}

/*
 * Hierarchie : la gamme "Bientot disponible" (Seniors) est desactivee -
 * distinguee visuellement par une opacite reduite sur sa carte entiere, en
 * plus du bouton lui-meme (deja distinct par sa couleur mauve existante).
 * Selecteurs reels verifies (outerHTML) : la colonne porte deja la classe
 * dediee .ecologiclife-seniors-card, le bouton .ecologiclife-bientot-
 * disponible - pas de selecteur devine. Aucun texte modifie.
 */
.et_pb_column.ecologiclife-seniors-card {
	opacity: .82;
}

@media (min-width: 981px) {
	.et_pb_row:has(> .et_pb_column > .et_pb_blurb .et_pb_main_blurb_image) {
		gap: var(--ecl-space-3);
	}
}