/*
 * sticky-footer.css (31/07/2026, R-61).
 * Le site n'a jamais eu de mecanisme de sticky footer (diagnostique le 31/07,
 * RAPPORT_DIAGNOSTIC_FOOTER_MYACCOUNT_STAGING_2026-07-31.md) : sur les pages a contenu
 * plus court que la fenetre (/my-account/, /cart/ vide, /shop/ en coming-soon), le footer
 * apparaissait juste apres le contenu au lieu de rester en bas de la fenetre.
 * Structure DOM reelle verifiee (Playwright) : body > #page-container > (#main-header
 * position:fixed, exclu du flux) + #et-main-area > (#main-content + span retour-haut
 * position:fixed, exclu + #main-footer). Fichier separe de buttons-pill.css : concerne
 * la mise en page des conteneurs racine, pas le style des boutons.
 * Verifie avant d'ecrire : #main-header, .et_pb_scroll_top et #cookie-notice sont tous
 * en position:fixed - un contexte flex sur #page-container/#et-main-area ne les affecte
 * pas (les elements en position absolue/fixe sont retires de la generation des flex items).
 * Decouverte en testant /cart/ et /shop/ (encore un vide apres la 1ere version de ce
 * fichier, mesure avant de conclure) : les pages en template WooCommerce Blocks
 * (cart/checkout/shop) n'ont PAS de #main-content - leur conteneur de contenu reel est
 * .wp-site-blocks (wrapper de template de bloc Gutenberg), absent des pages classiques
 * (my-account, mentions-legales, accueil...). Les deux selecteurs sont necessaires.
 */
#page-container {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#et-main-area {
	display: flex;
	flex-direction: column;
	flex: 1 0 auto;
}

#main-content,
.wp-site-blocks {
	flex: 1 0 auto;
}

/*
 * Reserve la place du bandeau cookies pendant qu'il est affiche (31/07/2026, suite R-61).
 * Constat mesure : le footer etant desormais colle en bas, il se retrouvait TOTALEMENT
 * masque et non cliquable sous le bandeau Cookie Notice tant que le visiteur n'a pas
 * repondu (recouvrement 100% de sa hauteur mesure au navigateur). Le bandeau ayant sa
 * propre position:fixed (hors flux), le pousser hors du chemin n'est pas possible en CSS
 * seul : on reserve donc un padding-bottom du meme montant sur #et-main-area (le
 * conteneur PARENT du footer, pas #main-content/.wp-site-blocks - un padding sur le
 * contenu n'aurait aucun effet ici, la place liberee serait entierement reabsorbee par
 * son propre flex-grow, le footer ne bougerait pas).
 * Selecteur d'etat : body.cookies-not-set, deja pose par Cookie Notice (verifie avant
 * d'ecrire - classe presente des le chargement, retiree au clic Accepter/Refuser/X,
 * les 3 chemins aboutissant a "cookies-set", aucun etat intermediaire trouve).
 * Hauteur : PAS une valeur fixe - mesuree 61,5px en desktop mais 106px en tablette et
 * 156px en mobile (le bandeau empile plus de lignes/boutons sur les petits ecrans) -
 * un nombre unique aurait ete faux sur 2 des 3 tailles testees. cookie-banner-offset.js
 * mesure la hauteur reelle du bandeau et la publie en variable CSS.
 */
body.cookies-not-set #et-main-area {
	padding-bottom: var(--ecologiclife-cn-height, 0px);
}