/*
 * HPROTEC — styles complémentaires à theme.json.
 * Ordre : base, en-tête, sections, composants, formulaires, conseils, pied de page, adaptatif.
 */

/* ---------- Base ---------- */
:root {
	--hp-trait-fonce: #BDB9B1;
	--hp-texte-sombre: #D6D3CD;
	--hp-rose: #FDECEC;
	--hp-ambre-fond: #FFF4D6;
	--hp-ambre-texte: #6B4E00;
	--hp-entete: 85px;
}

html { scroll-padding-top: calc(var(--hp-entete) + 16px); }
body { -webkit-font-smoothing: antialiased; }
p:empty { display: none; }
:where(.wp-site-blocks) :focus-visible { outline: 3px solid var(--wp--preset--color--encre); outline-offset: 3px; }

.is-style-surtitre {
	font-size: 14px;
	font-weight: 700;
	letter-spacing: .08em;
	text-transform: uppercase;
	color: var(--wp--preset--color--rouge-fonce);
}

/* Boutons secondaires (style natif « Contour ») */
.wp-block-button.is-style-outline > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--encre);
	border: 0;
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--encre);
	padding: 14px 24px;
}
.wp-block-button.is-style-outline > .wp-block-button__link:hover {
	background: var(--wp--preset--color--encre);
	color: var(--wp--preset--color--blanc);
}
.wp-block-button__link { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; box-sizing: border-box; }
.bouton-clair > .wp-block-button__link { background: var(--wp--preset--color--blanc); color: var(--wp--preset--color--encre); }
.bouton-clair > .wp-block-button__link:hover { background: var(--wp--preset--color--pierre); color: var(--wp--preset--color--encre); }
.bouton-sombre > .wp-block-button__link { background: var(--wp--preset--color--encre); }
.bouton-sombre > .wp-block-button__link:hover { background: #000; }

/* Icône téléphone dans les boutons d'appel */
.bouton-appel > .wp-block-button__link::before {
	content: "";
	width: 20px;
	height: 20px;
	flex-shrink: 0;
	background: currentColor;
	-webkit-mask: url(../icons/telephone.svg) center / contain no-repeat;
	mask: url(../icons/telephone.svg) center / contain no-repeat;
}

/* ---------- En-tête ---------- */
.wp-site-blocks > header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 30;
	background: var(--wp--preset--color--blanc);
	border-bottom: 1px solid var(--wp--preset--color--trait);
}
body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 32px; }
.site-header { padding-top: 12px; padding-bottom: 12px; }
.site-header__inner { gap: 28px; }
.site-header .wp-block-site-logo img { height: 60px; width: auto; }
.site-header__marque { gap: 12px; flex-shrink: 0; }
.site-header__accroche { font-size: 13px; line-height: 1.25; color: var(--wp--preset--color--gris); }
.site-header__accroche strong { display: block; color: var(--wp--preset--color--encre); font-size: 14px; }
.site-header .wp-block-navigation { gap: 26px; }
.site-header .wp-block-navigation a:hover { color: var(--wp--preset--color--rouge-fonce); }
.site-header .wp-block-navigation .current-menu-item > a,
.site-header .wp-block-navigation .current-menu-ancestor > a { color: var(--wp--preset--color--rouge-fonce); }
.site-header .wp-block-navigation__submenu-container {
	border: 1px solid var(--wp--preset--color--trait) !important;
	border-radius: 10px;
	box-shadow: 0 10px 24px rgba(23, 23, 23, .10);
	padding: 8px 0;
	min-width: 260px !important;
}
.site-header .wp-block-navigation__submenu-container a { padding: 8px 16px !important; font-weight: 500; }
.site-header .is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; box-shadow: none; padding: 4px 0 0 16px; min-width: 0 !important; }
.site-header .is-menu-open .wp-block-navigation__submenu-container a { padding: 6px 0 !important; }
.site-header .site-header__contact { gap: 20px; margin-left: auto; flex-shrink: 0; }
.site-header__telephone { line-height: 1.2; }
.bouton-telephone > .wp-block-button__link {
	background: transparent;
	color: var(--wp--preset--color--encre);
	padding: 0 0 0 50px;
	min-height: 40px;
	font-family: var(--wp--preset--font-family--archivo);
	font-size: 21px;
	font-weight: 800;
	letter-spacing: .01em;
	position: relative;
}
.bouton-telephone > .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--rouge-fonce); }
.bouton-telephone > .wp-block-button__link::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	border-radius: 50%;
	background: var(--hp-rose) url(../icons/telephone.svg) center / 20px no-repeat;
}
.site-header__horaires { font-size: 13px; color: var(--wp--preset--color--gris); margin: 2px 0 0 50px !important; }
/* Adresse e-mail sous le numéro (ordinateur) : texte aligné sur le numéro, petite enveloppe centrée sous le cercle. */
.site-header__telephone .wp-block-buttons:has(> .bouton-email) { margin-top: 0; line-height: 18px; } /* 40 + 18 px : en-tête toujours de 85 px */
.bouton-email > .wp-block-button__link {
	background: transparent; color: var(--wp--preset--color--graphite); min-height: 0; padding: 0 0 0 50px;
	font-size: 14px; line-height: 18px; font-weight: 600; position: relative; justify-content: flex-start;
}
.bouton-email > .wp-block-button__link::before {
	content: ""; position: absolute; left: 12px; top: 50%; width: 16px; height: 16px; margin-top: -8px;
	background: currentColor; -webkit-mask: url(../icons/email.svg) center / contain no-repeat; mask: url(../icons/email.svg) center / contain no-repeat;
}
.bouton-email > .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--rouge-fonce); text-decoration: underline; }
.site-header__devis > .wp-block-button__link { min-height: 48px; font-size: 16px; padding: 12px 20px; }
.wp-block-buttons > .bouton-appel-mobile, .wp-block-buttons > .bouton-email-mobile { display: none; }
.bouton-appel-mobile > .wp-block-button__link {
	width: 48px;
	height: 48px;
	min-height: 48px;
	padding: 0;
	font-size: 0;
	border-radius: 8px;
}
.bouton-appel-mobile > .wp-block-button__link::before { width: 22px; height: 22px; }
.bouton-appel-mobile > .wp-block-button__link { gap: 0; } /* texte masqué : sans écart, l'icône est centrée (5 px à gauche sinon) */
/* Bouton e-mail à côté du bouton d'appel (petits écrans) : même taille, contour sombre pour rester secondaire. */
.bouton-email-mobile > .wp-block-button__link {
	width: 48px; height: 48px; min-height: 48px; padding: 0; gap: 0; font-size: 0; border-radius: 8px;
	background: var(--wp--preset--color--blanc); color: var(--wp--preset--color--encre); box-shadow: inset 0 0 0 2px var(--wp--preset--color--encre);
}
.bouton-email-mobile > .wp-block-button__link::before {
	content: ""; width: 22px; height: 22px; flex-shrink: 0; background: currentColor;
	-webkit-mask: url(../icons/email.svg) center / contain no-repeat; mask: url(../icons/email.svg) center / contain no-repeat;
}
.bouton-email-mobile > .wp-block-button__link:hover { background: var(--wp--preset--color--pierre); }

/* ---------- Sections ---------- */
.section { padding-top: var(--wp--preset--spacing--60); padding-bottom: var(--wp--preset--spacing--60); }
.section--compacte { padding-top: 36px; padding-bottom: 36px; }
.section--entete { padding-top: 28px; padding-bottom: 64px; }
.has-encre-background-color { color: var(--hp-texte-sombre); }
.has-encre-background-color :is(h1, h2, h3, h4) { color: var(--wp--preset--color--blanc); }
.has-encre-background-color a:not(.wp-block-button__link) { color: var(--wp--preset--color--blanc); }
.has-encre-background-color .is-style-surtitre { color: #F2A3A6; }
.lead { font-size: var(--wp--preset--font-size--large); color: var(--wp--preset--color--graphite); }

/* Fil d'Ariane (Rank Math) */
.rank-math-breadcrumb { font-size: 14px; color: var(--wp--preset--color--gris); }
.rank-math-breadcrumb p { margin: 0; }
.rank-math-breadcrumb a { color: var(--wp--preset--color--graphite); text-decoration: underline; text-decoration-color: var(--hp-trait-fonce); text-underline-offset: 3px; }
.rank-math-breadcrumb a:hover { color: var(--wp--preset--color--rouge-fonce); text-decoration: underline; }
.rank-math-breadcrumb .last { color: var(--wp--preset--color--encre); font-weight: 600; }

/* ---------- Composants ---------- */

/* Étiquette de prix (rappel de l'étiquette de vérification) */
.is-style-etiquette {
	position: relative;
	background: var(--wp--preset--color--blanc);
	border: 2px solid var(--wp--preset--color--encre);
	border-radius: 12px;
	padding: 18px 22px 18px 46px;
	box-shadow: 0 12px 30px rgba(23, 23, 23, .10);
}
.is-style-etiquette::before {
	content: "";
	position: absolute;
	left: 16px;
	top: 24px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid var(--wp--preset--color--encre);
	background: var(--wp--preset--color--pierre);
}
.is-style-etiquette > * { margin: 0 !important; }
.etiquette-libelle { font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; color: var(--wp--preset--color--gris); }
.etiquette-prix { font-family: var(--wp--preset--font-family--archivo); font-weight: 800; font-size: 38px; line-height: 1.1; color: var(--wp--preset--color--encre); }
.etiquette-detail { font-size: 14px; color: var(--wp--preset--color--graphite); border-top: 1px dashed var(--hp-trait-fonce); padding-top: 10px; margin-top: 10px !important; }
.etiquette-flottante { position: relative; }
.etiquette-flottante .is-style-etiquette { position: absolute; left: 20px; bottom: -28px; max-width: 300px; }
/* Accueil : étiquette posée sur le diaporama, plus compacte pour moins masquer la photo (étiquettes des autres pages inchangées). */
.etiquette-flottante .is-style-etiquette { left: 16px; bottom: -20px; max-width: 220px; padding: 10px 14px 10px 32px; border-radius: 10px; }
.etiquette-flottante .is-style-etiquette::before { left: 12px; top: 15px; width: 10px; height: 10px; }
.etiquette-flottante .etiquette-libelle { font-size: 11px; }
.etiquette-flottante .etiquette-prix { font-size: 28px; }
.etiquette-flottante .etiquette-prix .hp-prix--a-confirmer { font-size: 20px; }
.etiquette-flottante .etiquette-detail { font-size: 12.5px; line-height: 1.35; padding-top: 6px; margin-top: 6px !important; }

/* Cartes */
.is-style-carte {
	position: relative;
	border: 1px solid var(--wp--preset--color--trait);
	border-radius: 14px;
	padding: 28px;
	background: var(--wp--preset--color--blanc);
	transition: border-color .15s, box-shadow .15s;
}
.is-style-carte:has(h3 a):hover { border-color: var(--wp--preset--color--encre); box-shadow: 0 10px 30px rgba(23, 23, 23, .08); }
.is-style-carte h3 a { color: inherit; text-decoration: none; }
.is-style-carte h3 a::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
.is-style-carte-sombre { border-radius: 14px; padding: 28px; background: var(--wp--preset--color--encre); color: var(--hp-texte-sombre); }
.is-style-carte-sombre :is(h2, h3) { color: var(--wp--preset--color--blanc); }
.is-style-encart { border-radius: 14px; padding: 24px 28px; background: var(--wp--preset--color--pierre); }
.has-pierre-background-color .is-style-encart,
.has-pierre-background-color .is-style-carte { background: var(--wp--preset--color--blanc); }
.carte-prix { border-top: 1px dashed var(--hp-trait-fonce); padding-top: 14px; font-size: 15px; color: var(--wp--preset--color--gris); margin-top: auto !important; }
.carte-prix strong { font-family: var(--wp--preset--font-family--archivo); font-size: 20px; color: var(--wp--preset--color--encre); }
.icone img { width: 52px; height: 52px; padding: 12px; box-sizing: border-box; border-radius: 12px; background: var(--hp-rose); }
.icone--simple img { background: transparent; padding: 0; width: 30px; height: 30px; }
.numero {
	width: 48px;
	height: 48px;
	border-radius: 50%;
	box-shadow: inset 0 0 0 2px var(--wp--preset--color--rouge);
	color: var(--wp--preset--color--rouge-fonce);
	font-family: var(--wp--preset--font-family--archivo);
	font-weight: 800;
	font-size: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 !important;
}

/* Liste « inclus » */
.is-style-coches { list-style: none; padding-left: 0; }
.is-style-coches li { position: relative; padding-left: 32px; margin-bottom: 10px; }
.is-style-coches li::before {
	content: "";
	position: absolute;
	left: 0;
	top: .2em;
	width: 21px;
	height: 21px;
	background: var(--wp--preset--color--vert);
	-webkit-mask: url(../icons/coche.svg) center / contain no-repeat;
	mask: url(../icons/coche.svg) center / contain no-repeat;
}

/* Tableau de prix */
.wp-block-table.is-style-tarifs { margin: 0; }
.wp-block-table.is-style-tarifs table { border-collapse: collapse; width: 100%; }
.wp-block-table.is-style-tarifs :is(td, th) { border: 0; border-bottom: 1px dashed var(--hp-trait-fonce); padding: 14px 0; vertical-align: top; }
.wp-block-table.is-style-tarifs tr:last-child td { border-bottom: 0; }
.wp-block-table.is-style-tarifs td:last-child { text-align: right; white-space: nowrap; padding-left: 16px; }
.wp-block-table.is-style-tarifs strong { font-family: var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--encre); }
.wp-block-table.is-style-tarifs thead { border: 0; }
.wp-block-table.is-style-tarifs th { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--gris); text-align: left; border-bottom: 2px solid var(--wp--preset--color--encre); }
.wp-block-table.is-style-tarifs th:last-child { text-align: right; }
/* Tarifs masqués : tableau réduit aux libellés (voir hprotec-affichage.php). */
.wp-block-table.is-style-tarifs.hp-sans-montants :is(td, th):last-child { text-align: left; white-space: normal; padding-left: 0; }
.wp-block-table figcaption { font-size: 14px; color: var(--wp--preset--color--gris); text-align: left; }

/* Information à confirmer */
.is-style-provisoire { text-decoration: underline dotted #C8961E; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.is-style-provisoire::before {
	content: "À confirmer";
	display: inline-block;
	margin-right: 8px;
	padding: 0 8px;
	border-radius: 999px;
	background: var(--hp-ambre-fond);
	color: var(--hp-ambre-texte);
	font: 700 11px/20px var(--wp--preset--font-family--public-sans);
	letter-spacing: .04em;
	text-transform: uppercase;
	text-decoration: none;
	vertical-align: 2px;
}
:is(ul, figure).is-style-provisoire { text-decoration: none; outline: 2px dashed #C8961E; outline-offset: 8px; border-radius: 4px; }
:is(ul, figure).is-style-provisoire::before { display: block; width: max-content; margin-bottom: 10px; }

/* Questions fréquentes */
.wp-block-details { background: var(--wp--preset--color--pierre); border-radius: 12px; padding: 4px 24px; }
.has-pierre-background-color .wp-block-details { background: var(--wp--preset--color--blanc); }
.wp-block-details + .wp-block-details { margin-top: 12px; }
.wp-block-details summary {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	min-height: 60px;
	font-weight: 700;
	color: var(--wp--preset--color--encre);
	cursor: pointer;
	list-style: none;
}
.wp-block-details summary::-webkit-details-marker { display: none; }
.wp-block-details summary::after { content: "+"; flex-shrink: 0; color: var(--wp--preset--color--rouge); font-size: 30px; font-weight: 400; line-height: 1; transition: transform .15s; }
.wp-block-details[open] summary::after { transform: rotate(45deg); }
.wp-block-details > :not(summary) { margin-top: 0; margin-bottom: 20px; color: var(--wp--preset--color--graphite); }

/* Images d'attente */
.visuel img { border-radius: 16px; width: 100%; height: auto; display: block; }

/* Carte de contact latérale */
.colonne-laterale { position: sticky; top: calc(var(--hp-entete) + 24px); }
body.admin-bar .colonne-laterale { top: calc(var(--hp-entete) + 56px); }
.carte-contact .bouton-telephone > .wp-block-button__link { color: var(--wp--preset--color--blanc); padding-left: 0; font-size: 30px; }
.carte-contact .bouton-telephone > .wp-block-button__link::before { display: none; }
.carte-contact .wp-block-buttons { flex-direction: column; align-items: stretch; }
.liste-prestations ul, ul.liste-prestations { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 12px; }
.liste-prestations a { color: var(--wp--preset--color--rouge-fonce); font-weight: 700; text-decoration: none; }
.liste-prestations a:hover { text-decoration: underline; }
.liste-prestations .current-menu-item a { color: var(--wp--preset--color--encre); }

/* Coordonnées */
.ligne-info { display: flex; gap: 12px; align-items: center; margin: 0 !important; }
.ligne-info::before { content: ""; width: 20px; height: 20px; flex-shrink: 0; background: currentColor; -webkit-mask: var(--icone) center / contain no-repeat; mask: var(--icone) center / contain no-repeat; }
.ligne-info--horaires { --icone: url(../icons/horloge.svg); }
.ligne-info--zone { --icone: url(../icons/lieu.svg); }
.ligne-info--email { --icone: url(../icons/email.svg); }
.ligne-info--email a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }

/* Réseaux sociaux (pied de page, bandeau Contact, fonds sombres) : icônes blanches de 24 px, zone cliquable de 44 px
   (l'icône reste alignée sur celles des lignes d'information), rouge HPROTEC au survol. */
.hp-reseaux.wp-block-social-links { flex-direction: row; gap: 4px; margin: 4px 0 0 -10px; padding: 0; }
.hp-reseaux.wp-block-social-links .wp-social-link { color: var(--wp--preset--color--blanc); transform: none; }
.hp-reseaux.wp-block-social-links .wp-social-link:hover { color: var(--wp--preset--color--rouge); }
.hp-reseaux.wp-block-social-links .wp-social-link a { display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; padding: 0; border-radius: 8px; }
.hp-reseaux.wp-block-social-links .wp-social-link svg { width: 24px; height: 24px; }
.hp-reseaux.wp-block-social-links .wp-social-link a:hover { background: rgba(255, 255, 255, 0.08); text-decoration: none; }
.hp-reseaux.wp-block-social-links .wp-social-link a:focus-visible { outline: 3px solid var(--wp--preset--color--blanc); outline-offset: 0; }
.grand-telephone > .wp-block-button__link {
	background: transparent;
	padding: 0;
	font-family: var(--wp--preset--font-family--archivo);
	font-size: clamp(30px, 3.4vw, 44px);
	font-weight: 800;
	color: var(--wp--preset--color--blanc);
	gap: 14px;
}
.grand-telephone > .wp-block-button__link:hover { background: transparent; color: var(--wp--preset--color--blanc); text-decoration: underline; }
.grand-telephone > .wp-block-button__link::before { width: 56px; height: 56px; border-radius: 50%; background: var(--wp--preset--color--rouge) url(../icons/telephone-blanc.svg) center / 26px no-repeat; -webkit-mask: none; mask: none; filter: none; }

/* ---------- Formulaire (Fluent Forms) ---------- */
.formulaire-devis { background: var(--wp--preset--color--blanc); color: var(--wp--preset--color--graphite); border-radius: 16px; padding: 32px; }
.formulaire-devis h3 { color: var(--wp--preset--color--encre) !important; }
.formulaire-devis .ff-el-input--label label { font-weight: 600; font-size: 15px; color: var(--wp--preset--color--encre); }
.formulaire-devis .ff-el-form-control {
	min-height: 48px;
	border: 1px solid var(--hp-trait-fonce);
	border-radius: 8px;
	padding: 10px 12px;
	font: inherit;
	font-size: 16px;
	color: var(--wp--preset--color--encre);
	background: var(--wp--preset--color--blanc);
}
.formulaire-devis .ff-el-form-control:focus { outline: 3px solid #F5B8BA; border-color: var(--wp--preset--color--encre); }
.formulaire-devis .ff-el-form-check label { display: flex; gap: 10px; align-items: flex-start; font-size: 15px; }
.formulaire-devis .ff-el-form-check input { width: 20px; height: 20px; accent-color: var(--wp--preset--color--rouge); margin-top: 2px; }
.formulaire-devis .ff-btn-submit {
	width: 100%;
	min-height: 54px;
	border-radius: 8px !important;
	background: var(--wp--preset--color--rouge) !important;
	color: var(--wp--preset--color--blanc) !important;
	font: 700 17px var(--wp--preset--font-family--public-sans) !important;
	border: 0 !important;
}
.formulaire-devis .ff-btn-submit:hover { background: var(--wp--preset--color--rouge-fonce) !important; }
.formulaire-devis .ff-message-success { border: 0; border-radius: 12px; background: #E8F4EC; color: var(--wp--preset--color--encre); padding: 20px; }
.formulaire-devis .error { color: var(--wp--preset--color--rouge-fonce); font-size: 14px; }

/* ---------- Conseils ---------- */
.liste-categories ul, ul.liste-categories { list-style: none; display: flex; flex-wrap: wrap; gap: 10px; padding: 0; margin: 0; }
.liste-categories a {
	display: inline-flex;
	align-items: center;
	min-height: 44px;
	padding: 0 18px;
	border-radius: 999px;
	background: var(--wp--preset--color--blanc);
	box-shadow: inset 0 0 0 1px var(--hp-trait-fonce);
	color: var(--wp--preset--color--encre);
	font-weight: 600;
	font-size: 15px;
	text-decoration: none;
}
.liste-categories a:hover, .liste-categories .current-cat a { box-shadow: inset 0 0 0 2px var(--wp--preset--color--encre); }
.carte-article { height: 100%; overflow: hidden; padding: 0 !important; display: flex; flex-direction: column; }
.carte-article .wp-block-post-featured-image { margin: 0; }
.carte-article .wp-block-post-featured-image img { aspect-ratio: 16 / 9; object-fit: cover; width: 100%; }
.carte-article__texte { padding: 24px; flex-grow: 1; }
.categorie, .categorie a { font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--wp--preset--color--rouge-fonce); text-decoration: none; }
.carte-article h3 a { color: var(--wp--preset--color--encre); }
.wp-block-post-date, .meta-article { font-size: 15px; color: var(--wp--preset--color--gris); }
.contenu-article { font-size: 18px; line-height: 1.7; }
.contenu-article h2 { font-size: 28px; margin-top: 1.6em; }
.wp-block-query-pagination a, .wp-block-query-pagination .current { font-weight: 700; }

/* ---------- Pied de page ---------- */
.site-footer { background: #0E0E0F; color: var(--hp-texte-sombre); font-size: 15px; }
.site-footer a { color: var(--hp-texte-sombre); text-decoration: none; }
.site-footer a:hover { color: var(--wp--preset--color--blanc); text-decoration: underline; }
.site-footer [aria-current="page"] { color: var(--wp--preset--color--blanc); }
.site-footer h2 { color: var(--wp--preset--color--blanc); font-size: 16px; font-weight: 700; margin-bottom: 4px; }
.site-footer ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 10px; }
.site-footer .bouton-telephone > .wp-block-button__link { color: var(--wp--preset--color--blanc); padding-left: 0; font-size: 20px; min-height: 0; }
.site-footer .bouton-telephone > .wp-block-button__link::before { display: none; }
.site-footer .bouton-email > .wp-block-button__link { color: var(--wp--preset--color--blanc); padding-left: 0; font-size: 16px; font-weight: 600; }
.site-footer .bouton-email > .wp-block-button__link::before { display: none; }
.site-footer__logo img { height: 76px; width: auto; }
.site-footer__bas { border-top: 1px solid #2B2B2D; color: #A9A6A0; font-size: 14px; }

/* Barre d'appel mobile */
.barre-appel { display: none !important; }


/* ---------- Enchaînement des sections et compléments ---------- */
.wp-block-post-content > .alignfull { margin-block-start: 0; margin-block-end: 0; }
.wp-block-post-content > .alignfull + :not(.alignfull) { margin-block-start: 56px; }
.wp-block-post-content > :not(.alignfull) + .alignfull { margin-block-start: 72px; }
.contenu-page { padding-top: 56px; padding-bottom: 88px; }
.contenu-page:has(> .alignfull:first-child) { padding-top: 0; }
.contenu-page:has(> .alignfull:last-child) { padding-bottom: 0; }
.contenu-accueil .wp-block-post-content > :first-child { margin-block-start: 0; }
.contenu-prestation > * + * { margin-block-start: 28px; }
.contenu-prestation > h2 { margin-block-start: 56px; }
.contenu-prestation > h2:first-child, .contenu-prestation > :first-child { margin-block-start: 0; }
.contenu-prestation h2 { font-size: 30px; }
.entete-prestation > * + * { margin-block-start: 22px; }
main > .wp-block-group.alignfull + .wp-block-group.alignfull,
main > .alignfull + .wp-block-post-content,
main > .alignfull + .alignfull { margin-block-start: 0; }
.wp-site-blocks > main, .wp-site-blocks > footer { margin-block-start: 0; }
.section--entete .wp-block-post-title { margin-block-start: 22px; }
.entete-page > * + * { margin-block-start: 22px; }
.article-visuel { margin-top: 48px !important; }

.bande-reassurance { border-bottom: 1px solid var(--wp--preset--color--trait); }
.bande-reassurance p { margin: 0; color: var(--wp--preset--color--gris); }
.bande-reassurance strong { color: var(--wp--preset--color--encre); }
.bande-reassurance__texte > * + * { margin-block-start: 2px; }
.liste-en-ligne { display: flex; flex-wrap: wrap; gap: 10px 24px; font-size: 15px; font-weight: 600; color: var(--wp--preset--color--encre); }
.liste-en-ligne li { margin: 0; }
.liste-2-colonnes { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 4px 28px; }
.lien-fleche a { font-weight: 700; text-decoration: none; }
.lien-fleche a::after { content: " →"; }
.lien-fleche a:hover { text-decoration: underline; }
.is-style-carte > * { margin: 0; }
.is-style-carte .wp-block-heading a:hover { color: var(--wp--preset--color--rouge-fonce); }
.etiquette--tableau { padding: 44px 32px 24px; }
.etiquette--tableau::before { left: auto; right: 24px; top: 18px; }
.etiquette--tableau > h3 { margin-bottom: 8px !important; }
.bande-appel__texte { flex: 1 1 520px; }
.bande-appel__texte > * + * { margin-block-start: 12px; }
.barre-appel .wp-block-buttons { flex: 1 1 auto; width: 100%; gap: 10px; }
.carte-article__texte > * { margin: 0; }
.carte-article__texte .wp-block-post-title { font-size: 20px; line-height: 1.3; }
.wp-block-post-excerpt__more-link { font-weight: 700; text-decoration: none; }
.wp-block-post-excerpt__more-link::after { content: " →"; }

/* ---------- Adaptatif ---------- */
@media (max-width: 1099px) {
	.site-header__accroche, .site-header__devis { display: none !important; }
}
@media (max-width: 899px) {
	.site-header__telephone { display: none !important; }
	.wp-block-buttons > .bouton-appel-mobile, .wp-block-buttons > .bouton-email-mobile { display: block; }
	.site-header__contact .wp-block-buttons { gap: 8px; } /* e-mail et appel aussi rapprochés que l'appel et le menu */
	.site-header .wp-block-navigation { gap: 18px; }
}
@media (max-width: 781px) {
	:root { --hp-entete: 72px; }
	body { padding-bottom: 76px; }
	body.admin-bar .wp-site-blocks > header.wp-block-template-part { top: 46px; }
	.site-header .wp-block-site-logo img { height: 50px; }
	.colonne-laterale { position: static; }
	.etiquette-flottante .is-style-etiquette { position: static; margin-top: 16px !important; max-width: none; }
	.barre-appel {
		display: flex !important;
		position: fixed;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 40;
		gap: 10px;
		padding: 10px 12px;
		background: var(--wp--preset--color--blanc);
		box-shadow: 0 -6px 20px rgba(23, 23, 23, .12);
	}
	.barre-appel .wp-block-button { flex: 1 1 0; }
	.barre-appel .wp-block-button__link { width: 100%; padding: 12px; font-size: 16px; white-space: nowrap; }
	.formulaire-devis { padding: 22px; }
	.lead { font-size: var(--wp--preset--font-size--medium); }
	/* La barre d'appel fixe reprend les deux actions : l'étiquette de prix remonte dans le premier écran. */
	.entete-prestation .wp-block-buttons { display: none; }
	.section--entete { padding-bottom: 40px; }
}
@media (max-width: 599px) {
	.site-header__inner { gap: 8px; }
	.site-header .site-header__marque { margin-right: auto; }
	.site-header__contact { order: 2; margin-left: 0; }
	.site-header .wp-block-navigation { order: 3; margin-left: 0; flex: 0 0 auto; }
	.wp-block-navigation__responsive-container-open {
		width: 48px;
		height: 48px;
		border-radius: 8px;
		box-shadow: inset 0 0 0 2px var(--wp--preset--color--encre);
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

/* Diaporama de l'accueil (assets/js/diaporama.js) : trois photos en fondu, commandes en haut à droite. */
.hp-diaporama { position: relative; }
.hp-diaporama:not(.est-actif) > figure:not(:first-child) { display: none; } /* sans JavaScript : la première photo seule */
.hp-diaporama__piste { position: relative; margin: 0 !important; aspect-ratio: 4 / 3; border-radius: 16px; overflow: hidden; background: var(--wp--preset--color--pierre); touch-action: pan-y; } /* balayage horizontal pour le diaporama, défilement vertical pour la page */
.hp-diaporama__piste > figure { position: absolute; inset: 0; margin: 0 !important; opacity: 0; transition: opacity .9s ease; }
.hp-diaporama__piste > figure.est-visible { opacity: 1; }
.hp-diaporama__piste img { width: 100%; height: 100%; object-fit: cover; border-radius: 0; }
/* Commandes compactes en bas à gauche : boutons de 32 px (cible tactile au-dessus du minimum WCAG de 24 px), icônes
   de 16 px, fond sombre semi-transparent (blanc sur ce fond : contraste d'au moins 4:1, même sur une photo claire). */
.hp-diaporama__commandes {
	position: absolute; z-index: 2; bottom: 10px; left: 10px;
	display: flex; align-items: center; gap: 0; padding: 1px 3px; border-radius: 999px;
	background: rgba(23, 23, 23, .6); color: var(--wp--preset--color--blanc);
}
.hp-diaporama__bouton {
	display: inline-grid; place-items: center; min-width: 32px; min-height: 32px; padding: 0;
	border: 0; border-radius: 999px; background: transparent; color: inherit; cursor: pointer;
}
.hp-diaporama__bouton svg { width: 16px; height: 16px; pointer-events: none; } /* le clic vise toujours le bouton, même si l'icône change */
.hp-diaporama__bouton:hover { background: rgba(255, 255, 255, .16); }
.hp-diaporama__bouton:focus-visible { outline: 2px solid var(--wp--preset--color--blanc); outline-offset: -2px; }
.hp-diaporama__pastilles { display: flex; }
.hp-diaporama__pastille { min-width: 24px; }
.hp-diaporama__pastille::before { content: ""; width: 8px; height: 8px; border-radius: 50%; border: 1.5px solid currentColor; box-sizing: border-box; }
.hp-diaporama__pastille[aria-current="true"]::before { background: currentColor; }
@media (prefers-reduced-motion: reduce) { .hp-diaporama__piste > figure { transition: none; } }
/* Bandeau d'accueil avec diaporama : titre un peu plus petit (54 → 46 px au maximum), pour laisser de la place
   aux images. Mobile (moins de 782 px) strictement inchangé. Les titres des autres pages ne sont pas concernés. */
@media (min-width: 782px) {
	.wp-block-columns:has(> .etiquette-flottante > .hp-diaporama) h1 { font-size: clamp(32px, 3.4vw, 46px); line-height: 1.1; }
	/* Carte de prix posée en bas à gauche de l'image (tarifs affichés) : les commandes se placent à sa droite. */
	.etiquette-flottante:has(> .is-style-etiquette) .hp-diaporama__commandes { left: 252px; }
}
/* Mobile : le diaporama passe en haut de la page, l'étiquette de prix reste sous le texte. Seul l'ordre visuel
   change : le titre principal reste le premier élément du code (lecture d'écran, référencement). */
@media (max-width: 781px) {
	.wp-block-columns:has(> .etiquette-flottante > .hp-diaporama) > .etiquette-flottante { display: contents; }
	.wp-block-columns > .etiquette-flottante > .hp-diaporama { order: -1; flex-basis: 100%; width: 100%; }
	.wp-block-columns > .etiquette-flottante > .is-style-etiquette { flex-basis: 100%; position: relative; left: auto; bottom: auto; } /* sans le décalage prévu pour l'ordinateur */
}

/* Prix non encore saisi dans la grille des tarifs (hprotec-tarifs.php) */
.etiquette-prix .hp-prix--a-confirmer { font-size: 26px; }
.carte-prix .hp-prix--a-confirmer { font-weight: 600; color: var(--wp--preset--color--graphite); }
.is-style-tarifs .hp-prix--a-confirmer { font-weight: 400; color: var(--wp--preset--color--graphite); }

/* Photos réelles des pages de prestation (galerie « galerie-realisations ») : trois vignettes égales,
   y compris sur mobile (WordPress passerait à deux colonnes et étirerait la troisième) ; agrandies au clic. */
@media (max-width: 599px) {
	.wp-block-gallery.galerie-realisations.has-nested-images figure.wp-block-image:not(#individual-image) { width: calc((100% - 2 * var(--wp--style--unstable-gallery-gap, 16px)) / 3); flex-grow: 0; }
}

/* Emplacement d'une future photo (image « emplacement-photo.svg », à remplacer depuis l'éditeur) : fond neutre et filet discret
   sur ordinateur ; masqué avec sa colonne sous 782 px (colonnes empilées) pour éviter une grande zone vide. Une vraie photo s'affiche partout. */
.visuel img[src$="/emplacement-photo.svg"] { border: 1px solid var(--wp--preset--color--trait); }
@media (max-width: 781px) {
	.wp-block-column:has(> .visuel img[src$="/emplacement-photo.svg"]) { display: none; }
}