/* doob — piste B « Le spectre » (DESIGN.md). Feuille du site, chargée par wpsw-base.
 * Couleurs et tailles : variables de la palette (--wp--preset--…). Les états masqués du mouvement n'existent que sous
 * html.wpsw-anime (script en marche, hors mouvement réduit) : sans JavaScript, tout est posé et lisible. */

:root {
	--doob-marge: var(--wp--custom--marge);
	--doob-taupe: var(--wp--custom--taupe);
	--doob-colonne: min(42vw, 620px);
	--doob-zone: 50vh;
	--doob-voile: color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent);
}

/* ——— Typographie : Ubuntu Titling (titres, ceux de doob.fr, accordés au logo) et Ubuntu (texte) ; graisse 700 unique pour les titres ——— */
h1, h2, h3 { text-wrap: balance; padding-bottom: .06em; }
.wp-block-heading.has-display-font-size { font-size: clamp(2.6rem, 1.3rem + 4.4vw, 6rem) !important; line-height: 1.05; font-weight: 700; }
.wp-block-heading.has-xxx-large-font-size { font-size: clamp(2.2rem, 1.3rem + 3vw, 4.4rem) !important; line-height: 1.1; }
.wp-block-heading.has-xx-large-font-size { font-size: clamp(2rem, 1.2rem + 2.5vw, 3.6rem) !important; line-height: 1.1; }
.is-style-chiffre { font-family: var(--wp--preset--font-family--heading); font-weight: 700; }

/* ——— En-tête : logo et menu, rien d'autre (annotation b-4 : pas de bouton devis) ——— */
.wpsw-marque .wp-block-site-logo img { width: 88px; height: auto; }
.wpsw-entete-transparent .wp-block-navigation a:hover { text-decoration: underline; text-decoration-color: var(--wp--preset--color--primary); text-underline-offset: 6px; }
body:not(.home) .wp-site-blocks > header { border-bottom: 1px solid var(--wp--preset--color--border); }

/* Accueil : barre fixe une fois le script lancé, pleine dès qu'on quitte le haut. */
html.doob-js body.home .wp-site-blocks > header:has(.wpsw-entete-transparent) { position: fixed; }
body.home .wpsw-entete-transparent { transition: background-color .35s, box-shadow .35s; }
body.home.doob-defile .wpsw-entete-transparent { background: color-mix(in srgb, var(--wp--preset--color--base) 94%, transparent); box-shadow: 0 1px 0 var(--wp--preset--color--border); }

/* Logo au centre, en grand, sur le haut de l'accueil (annotation b-1 « garder ») : sans JavaScript et en mouvement réduit,
 * posé en CSS ; avec le mouvement, le script part de cette place et le ramène dans la barre au défilement. */
body.home:not(.doob-defile):not(.doob-logo-anime) .wpsw-entete-transparent .wp-block-site-logo {
	position: absolute; left: 50%; top: clamp(5rem, 15.5vh, 9rem); transform: translate(-50%, -50%); z-index: 2;
}
body.home:not(.doob-defile):not(.doob-logo-anime) .wpsw-entete-transparent .wp-block-site-logo img { width: clamp(220px, 23vw, 340px); }
body.home.doob-logo-anime .wpsw-entete-transparent .wp-block-site-logo { transform-origin: 50% 50%; will-change: transform; }

/* ——— Héros : les bornes en place, en diaporama (bloc Couverture + Galerie) ——— */
.doob-heros.wp-block-cover { padding: 0; min-height: 100vh !important; min-height: 100svh !important; align-items: flex-end; overflow: hidden; }
.doob-heros > .wp-block-cover__inner-container { position: static; width: 100%; max-width: none; padding: 0 !important; }
.doob-heros .doob-diapos.wp-block-gallery { position: absolute; inset: 0; z-index: 0; display: block; margin: 0 !important; gap: 0; width: auto; max-width: none !important; }
.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image:not(#doob-diapo) {
	position: absolute; inset: 0; width: 100% !important; max-width: none; height: 100%; margin: 0 !important; transition: opacity 1.8s ease;
}
.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image:first-child { z-index: 1; }
.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image img { width: 100%; height: 100% !important; object-fit: cover; object-position: 50% 62%; }
.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(2) img { object-position: 50% 40%; }
.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image::before { content: none; }
.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image::after {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background:
		linear-gradient(to bottom, color-mix(in srgb, var(--wp--preset--color--base) 62%, transparent) 0, transparent 20%),
		linear-gradient(to left, var(--doob-voile) 0, color-mix(in srgb, var(--wp--preset--color--base) 78%, transparent) 34%, transparent 58%);
}
.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
	position: absolute; z-index: 2; left: auto; right: calc(var(--doob-marge) + 10rem); bottom: 1.55rem; width: calc(var(--doob-colonne) - 10rem);
	max-height: none; overflow: visible; margin: 0; padding: 0; background: none; text-align: left; text-shadow: none;
	font-size: .8rem; line-height: 1.45; color: var(--wp--preset--color--muted);
}
html.doob-diaporama .doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image { opacity: 0; z-index: 0; }
html.doob-diaporama .doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image.est-active { opacity: 1; z-index: 1; }

.doob-heros__texte { position: relative; z-index: 3; width: var(--doob-colonne); max-width: none !important; margin: 0 var(--doob-marge) 0 auto !important; padding-bottom: clamp(5.5rem, 13vh, 8.5rem); }
.doob-heros__texte h1 { color: var(--wp--preset--color--contrast); margin: 0; }
.doob-chapo { margin-top: 1.4rem !important; max-width: 40ch; font-size: 1.08rem; }
.doob-defiler { margin-top: 1.6rem !important; font-size: .95rem; }
.doob-defiler a { display: inline-flex; align-items: center; gap: .6rem; color: var(--wp--preset--color--contrast); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 45%, transparent); padding-bottom: 3px; }
.doob-defiler a::after { content: ""; width: 16px; height: 16px; background: currentColor; -webkit-mask: url(../img/fleche.svg) center / contain no-repeat; mask: url(../img/fleche.svg) center / contain no-repeat; }
.doob-defiler a:hover { border-color: var(--wp--preset--color--primary); }

/* Commandes du diaporama (posées par le script) : un point par photo, pause. */
.doob-commandes { position: absolute; z-index: 4; right: var(--doob-marge); bottom: 1.2rem; display: flex; align-items: center; gap: .5rem; }
.doob-commandes button { width: 44px; height: 44px; display: grid; place-items: center; padding: 0; cursor: pointer; color: var(--wp--preset--color--contrast); background: color-mix(in srgb, var(--wp--preset--color--base) 40%, transparent); border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 40%, transparent); }
.doob-commandes button[hidden] { display: none; }
.doob-commandes button:hover { border-color: var(--wp--preset--color--primary); }
.doob-commandes .doob-point::before { content: ""; width: 3px; height: 14px; background: currentColor; opacity: .45; }
.doob-commandes .doob-point[aria-current="true"]::before { background: var(--wp--preset--color--primary); opacity: 1; height: 22px; }
.doob-commandes .doob-pause::before { content: ""; width: 10px; height: 12px; border-inline: 3px solid currentColor; box-sizing: border-box; }
.doob-commandes .doob-pause[aria-pressed="true"]::before { width: 0; height: 0; border-inline: 0; border-block: 7px solid transparent; border-left: 11px solid currentColor; margin-left: 3px; }

/* ——— Le spectre : 32 bandes, la borne double posée devant ——— */
.wpsw-scene[data-scene="spectre"] {
	position: relative; display: grid; grid-template-columns: 1fr 1fr; gap: 0 5rem; align-items: end;
	padding: clamp(5.5rem, 13vh, 9rem) max(var(--doob-marge), calc((100vw - 92rem) / 2)) clamp(2.5rem, 6vh, 4rem) !important;
	margin-block: 0 !important;
}
.wpsw-scene[data-scene="spectre"] > * { margin: 0 !important; max-width: none !important; }
.wpsw-scene[data-scene="spectre"] > .wpsw-scene__motif { grid-column: 1 / -1; position: relative; height: var(--doob-zone); width: 100%; margin-bottom: clamp(3.5rem, 9vh, 6rem) !important; }
.wpsw-scene[data-scene="spectre"] > .wpsw-scene__motif::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -12px; height: 7px; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 35%, transparent);
	background: repeating-linear-gradient(to right, color-mix(in srgb, var(--wp--preset--color--contrast) 35%, transparent) 0 1px, transparent 1px 3.125%);
}
.wpsw-scene[data-scene="spectre"] .doob-bas { stop-color: var(--wp--preset--color--contrast); }
.wpsw-scene[data-scene="spectre"] .doob-haut { stop-color: var(--wp--preset--color--primary); }
.wpsw-scene[data-scene="spectre"] > .wp-block-image {
	position: absolute; z-index: 3; right: calc(max(var(--doob-marge), calc((100vw - 92rem) / 2)) + 4%);
	top: calc(clamp(5.5rem, 13vh, 9rem) + var(--doob-zone)); transform: translateY(-100%); width: min(42%, 640px);
}
.wpsw-scene[data-scene="spectre"] > .wp-block-image::before { content: ""; position: absolute; left: 4%; right: 4%; bottom: -6px; height: 34px; z-index: -1; background: radial-gradient(50% 50% at 50% 50%, rgb(0 0 0 / .55), transparent); }
.wpsw-scene[data-scene="spectre"] > .wp-block-image img { width: 100%; height: auto; }
.wpsw-scene[data-scene="spectre"] > h2 { max-width: 12ch !important; font-size: clamp(2.2rem, 1.3rem + 3vw, 4.4rem) !important; line-height: 1.1; }
.wpsw-scene[data-scene="spectre"] > p { max-width: 52ch !important; padding-bottom: .5rem; }

/* ——— La grille née du spectre (accueil) : cases de hauteurs inégales, alignées en bas comme des barres ——— */
body.home .wp-block-group:has(> .is-style-bento) { max-width: 92rem !important; padding-bottom: clamp(5rem, 11vh, 7rem); }
body.home .wp-block-group:has(> .is-style-bento) > h2 { font-family: var(--wp--preset--font-family--body); font-size: 1rem !important; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--wp--preset--color--primary); margin: 0 0 1.2rem !important; padding: 0; }
.is-style-bento {
	grid-template-columns: repeat(12, minmax(0, 1fr)) !important; grid-auto-rows: auto !important; grid-auto-flow: row !important;
	gap: 10px !important; align-items: end; position: relative; padding-bottom: 18px;
}
.is-style-bento::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 7px; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent);
	background: repeating-linear-gradient(to right, color-mix(in srgb, var(--wp--preset--color--contrast) 30%, transparent) 0 1px, transparent 1px 2.5%);
}
.is-style-bento > * {
	grid-row: auto !important; border-radius: 0 !important; border-top: 3px solid var(--wp--preset--color--primary); position: relative;
}
.is-style-bento > .wp-block-group:not(:has(> .wp-block-image:only-child)) {
	display: flex; flex-direction: column; gap: .9rem; padding: clamp(1.4rem, 2.2vw, 2.3rem) clamp(1.4rem, 2.2vw, 2.3rem) clamp(1.4rem, 2vw, 2rem) calc(clamp(1.4rem, 2.2vw, 2.3rem) + 10px) !important;
}
.is-style-bento > .wp-block-group:not(:has(> .wp-block-image:only-child)) > * { margin: 0 !important; max-width: 46ch; }
.is-style-bento > .wp-block-group:not(:has(> .wp-block-image:only-child))::before {
	content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 7px; opacity: .55;
	background: repeating-linear-gradient(to top, var(--doob-crete, var(--wp--preset--color--primary)) 0 7px, transparent 7px 10px);
}
.is-style-bento h3 { font-size: clamp(1.5rem, 1.1rem + 0.9vw, 2rem); font-weight: 700; line-height: 1.12; }
.is-style-bento p:last-child:has(> a:only-child) { margin-top: auto !important; }
.is-style-bento a { color: inherit; font-weight: 700; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 5px; }
.is-style-bento > :has(> .wp-block-image:only-child) { background: var(--doob-taupe); }

body.home .is-style-bento > :nth-child(1) { grid-column: 1 / 6 !important; min-height: 470px; border-top-color: var(--wp--preset--color--base); --doob-crete: var(--wp--preset--color--base); }
body.home .is-style-bento > :nth-child(2) { grid-column: 6 / 13 !important; height: 540px; }
body.home .is-style-bento > :nth-child(2) img { object-fit: contain !important; object-position: 50% 45%; padding: 1.5rem 2rem; }
body.home .is-style-bento > :nth-child(3) { grid-column: 1 / 5 !important; min-height: 380px; }
body.home .is-style-bento > :nth-child(4) { grid-column: 5 / 8 !important; height: 440px; }
body.home .is-style-bento > :nth-child(5) { grid-column: 8 / 13 !important; min-height: 400px; border-top-color: var(--wp--preset--color--base); --doob-crete: var(--wp--preset--color--base); }
body.home .is-style-bento > :nth-child(6) { grid-column: 1 / 6 !important; min-height: 250px; border-top-color: var(--wp--preset--color--contrast); --doob-crete: var(--wp--preset--color--contrast); }
body.home .is-style-bento > :nth-child(7) { grid-column: 6 / 13 !important; min-height: 290px; background: color-mix(in srgb, var(--wp--preset--color--primary) 8%, var(--wp--preset--color--base)) !important; border: 1px solid color-mix(in srgb, var(--wp--preset--color--contrast) 28%, transparent); border-top: 3px solid var(--wp--preset--color--primary); }
body.home .is-style-bento > :nth-child(7) h3 { color: var(--wp--preset--color--primary); }

/* Grille de la page Services : mêmes cases alignées en bas, sans le spectre. */
body:not(.home) .is-style-bento > :nth-child(1) { grid-column: 1 / 4 !important; min-height: 360px; border-top-color: var(--wp--preset--color--base); --doob-crete: var(--wp--preset--color--base); }
body:not(.home) .is-style-bento > :nth-child(2) { grid-column: 4 / 9 !important; height: 420px; }
body:not(.home) .is-style-bento > :nth-child(3) { grid-column: 9 / 13 !important; min-height: 300px; }
body:not(.home) .is-style-bento > :nth-child(4) { grid-column: 1 / 4 !important; height: 300px; }
body:not(.home) .is-style-bento > :nth-child(5) { grid-column: 4 / 9 !important; min-height: 260px; border-top-color: var(--wp--preset--color--base); --doob-crete: var(--wp--preset--color--base); }
body:not(.home) .is-style-bento > :nth-child(6) { grid-column: 9 / 13 !important; min-height: 340px; }

/* ——— Étapes : quatre jauges graduées (fond beige) ——— */
.is-style-bande-sombre .wp-block-group:has(> .wp-block-columns > .wp-block-column > .is-style-chiffre) > * { max-width: 92rem !important; }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) { gap: 0 !important; border-bottom: 1px solid var(--wp--preset--color--base); margin-top: clamp(2.5rem, 6vh, 4rem); }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column {
	display: grid; grid-template-columns: 22px 1fr; grid-template-rows: auto auto 1fr; column-gap: 1.4rem; align-content: start;
	padding: 0 1.8rem 2rem; border-left: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 22%, transparent);
	--doob-n: 3;
}
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column:first-child { border-left: 0; padding-left: 0; }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column:nth-child(2) { --doob-n: 6; }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column:nth-child(3) { --doob-n: 9; }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column:nth-child(4) { --doob-n: 12; }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column::before {
	content: ""; grid-column: 1; grid-row: 1 / span 3; align-self: start; width: 22px; height: 180px;
	background:
		repeating-linear-gradient(to top, var(--wp--preset--color--base) 0 11px, transparent 11px 15px) bottom / 100% calc(var(--doob-n) * 15px) no-repeat,
		repeating-linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--base) 18%, transparent) 0 11px, transparent 11px 15px) bottom / 100% 180px no-repeat;
}
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column:nth-child(4)::before {
	background:
		repeating-linear-gradient(to top, var(--wp--preset--color--primary) 0 11px, transparent 11px 15px) top / 100% 30px no-repeat,
		repeating-linear-gradient(to top, var(--wp--preset--color--base) 0 11px, transparent 11px 15px) bottom / 100% 180px no-repeat;
}
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column > * { grid-column: 2; margin: 0 !important; }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column > * + * { margin-top: .6rem !important; }
.is-style-bande-sombre .wp-block-column > .is-style-chiffre { font-size: 1.4rem !important; line-height: 1; color: var(--wp--preset--color--base); }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) h3 { font-size: 1.5rem; font-weight: 700; }
.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) p:not(.is-style-chiffre) { font-size: .98rem; max-width: 30ch; }

/* ——— Appel de fin d'accueil : centré, la seule demande de devis de la page ——— */
body.home .wp-block-post-content > .wp-block-group.alignwide:last-child { padding-block: clamp(5.5rem, 14vh, 9rem); }
body.home .wp-block-post-content > .wp-block-group.alignwide:last-child .wp-block-columns { flex-direction: column; align-items: center; text-align: center; gap: 1.4rem; }
body.home .wp-block-post-content > .wp-block-group.alignwide:last-child h2 { max-width: 17ch; margin-inline: auto; }
body.home .wp-block-post-content > .wp-block-group.alignwide:last-child p { max-width: 52ch; margin-inline: auto; color: var(--wp--preset--color--muted); }
body.home .wp-block-post-content > .wp-block-group.alignwide:last-child .wp-block-buttons { justify-content: center; }

/* ——— Pied : le rappel du spectre, posé sur son bord ——— */
.wp-site-blocks > footer { position: relative; margin-block-start: 0; }
.wp-site-blocks > footer::before {
	content: ""; position: absolute; z-index: 1; top: -43px; left: max(var(--doob-marge), calc((100vw - 92rem) / 2)); right: max(var(--doob-marge), calc((100vw - 92rem) / 2)); height: 44px;
	background: var(--wp--preset--color--contrast); opacity: .55;
	-webkit-mask: url(../img/spectre-pied.svg) 0 0 / 100% 100% no-repeat; mask: url(../img/spectre-pied.svg) 0 0 / 100% 100% no-repeat;
}
.wp-site-blocks > footer .wp-block-site-logo img { width: 96px; }

/* ——— États du mouvement (script en marche, jamais sous mouvement réduit) ——— */
html.wpsw-anime.doob-spectre-anime .wpsw-scene[data-scene="spectre"] .barre { visibility: hidden; }
html.wpsw-anime.doob-spectre-anime body.home .is-style-bento > * { opacity: 0; transition: opacity .25s ease; }
html.wpsw-anime.doob-spectre-anime body.home .is-style-bento > .doob-nee { opacity: 1; }
.doob-calque { position: absolute; left: 0; top: 0; width: 100%; height: 0; z-index: 1; pointer-events: none; }
.doob-calque .doob-bar {
	position: absolute; left: 0; top: 0; will-change: transform, width, height;
	background-image: linear-gradient(to top, var(--wp--preset--color--contrast) 0, var(--wp--preset--color--contrast) 60%, var(--wp--preset--color--primary) 60%);
	background-repeat: no-repeat; background-position: bottom;
	-webkit-mask: repeating-linear-gradient(to top, #000 0 7px, transparent 7px 10px); mask: repeating-linear-gradient(to top, #000 0 7px, transparent 7px 10px);
	transition: background-color .45s, opacity .25s;
}
.doob-calque .doob-bar.posee { background-image: none; -webkit-mask: none; mask: none; }
.doob-calque .doob-bar.fondue { opacity: 0; }
.doob-calque .doob-cap { position: absolute; left: 0; top: 0; height: 3px; background: var(--wp--preset--color--primary); }

/* ——— Pages intérieures ——— */
/* Fin de page : de l'air au-dessus du spectre posé sur le pied (44 px). */
body:not(.home) .wp-block-post-content > :last-child { margin-block-end: 0; padding-block-end: clamp(5rem, 11vh, 7.5rem) !important; }
/* Seuil de page : le rappel du spectre sous l'en-tête de chaque page intérieure. */
body:not(.home) .wp-block-post-content > :first-child { position: relative; padding-block-end: 4.5rem; }
body:not(.home) .wp-block-post-content > :first-child::after {
	content: ""; position: absolute; bottom: 0; height: 36px; left: max(var(--doob-marge), calc((100vw - 92rem) / 2)); right: max(var(--doob-marge), calc((100vw - 92rem) / 2));
	background: var(--wp--preset--color--primary); opacity: .8;
	-webkit-mask: url(../img/spectre-pied.svg) 0 0 / 100% 100% no-repeat; mask: url(../img/spectre-pied.svg) 0 0 / 100% 100% no-repeat;
}
body:not(.home) .wp-block-post-content > :first-child + * { margin-block-start: clamp(4rem, 9vh, 6.5rem) !important; }
body:not(.home) .wp-block-post-content > :first-child + .alignfull { margin-block-start: 0 !important; }
/* Bande à photo pleine (Services) : légende posée en bas à gauche. */
.doob-bande-photo.wp-block-cover { padding: var(--wp--preset--spacing--50) var(--doob-marge); }
.doob-bande-photo .doob-legende { font-size: .82rem; color: var(--wp--preset--color--contrast); max-width: 40ch; margin: 0 !important; }
/* Légendes des galeries : lisibles sur un voile chocolat. */
.wp-block-gallery.has-nested-images:not(.doob-diapos) figure.wp-block-image figcaption { background: linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--base) 88%, transparent), transparent); color: var(--wp--preset--color--contrast); text-shadow: none; }
.wp-block-gallery.has-nested-images:not(.doob-diapos) figure.wp-block-image:has(figcaption)::before { content: none; }
/* Illustrations au trait du client : posées sur les bandes beiges, l'encre seule reste (fond fondu dans le beige ;
 * traitement de la feuille, sur les seuls fichiers « illus-… »). */
img[src*="/illus-"] { filter: grayscale(1) contrast(1.15); mix-blend-mode: multiply; }

/* ——— Tablette et mobile ——— */
@media (max-width: 1080px) {
	:root { --doob-colonne: min(48vw, 520px); }
	body.home .is-style-bento { grid-template-columns: repeat(6, minmax(0, 1fr)) !important; }
	body.home .is-style-bento > :nth-child(1) { grid-column: 1 / 7 !important; min-height: 360px; }
	body.home .is-style-bento > :nth-child(2) { grid-column: 1 / 7 !important; height: 440px; }
	body.home .is-style-bento > :nth-child(3) { grid-column: 1 / 4 !important; min-height: 400px; }
	body.home .is-style-bento > :nth-child(4) { grid-column: 4 / 7 !important; height: 400px; }
	body.home .is-style-bento > :nth-child(5) { grid-column: 1 / 7 !important; min-height: 280px; }
	body.home .is-style-bento > :nth-child(6) { grid-column: 1 / 3 !important; min-height: 300px; }
	body.home .is-style-bento > :nth-child(7) { grid-column: 3 / 7 !important; min-height: 300px; }
	.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) { flex-wrap: wrap !important; row-gap: 2.5rem !important; }
	.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column { flex-basis: 50% !important; }
	.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column:nth-child(3) { border-left: 0; padding-left: 0; }
}
@media (max-width: 781px) {
	body.home:not(.doob-defile):not(.doob-logo-anime) .wpsw-entete-transparent .wp-block-site-logo { top: 12vh; }
	body.home:not(.doob-defile):not(.doob-logo-anime) .wpsw-entete-transparent .wp-block-site-logo img { width: min(200px, 52vw); }
	.doob-heros.wp-block-cover { display: block; min-height: 0 !important; }
	.doob-heros .doob-diapos.wp-block-gallery { position: relative; height: 60vh; height: 60svh; min-height: 380px; }
	.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image img { object-position: 23% 62%; }
	.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image:nth-child(2) img { object-position: 24% 45%; }
	.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image::after {
		background: linear-gradient(to bottom, color-mix(in srgb, var(--wp--preset--color--base) 60%, transparent) 0, transparent 24%), linear-gradient(to top, color-mix(in srgb, var(--wp--preset--color--base) 75%, transparent) 0, transparent 22%);
	}
	.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image figcaption { left: var(--doob-marge); right: calc(var(--doob-marge) + 10rem); width: auto; bottom: 1.1rem; }
	.doob-commandes { bottom: auto; top: calc(max(60svh, 380px) - 44px - .8rem); }
	.doob-heros__texte { width: auto; margin: 0 !important; padding: 2rem var(--doob-marge) 3rem; }
	:root { --doob-zone: 34vh; }
	.wpsw-scene[data-scene="spectre"] { grid-template-columns: 1fr; gap: 1.5rem; padding-top: 2.5rem !important; }
	.wpsw-scene[data-scene="spectre"] > .wp-block-image { right: 50%; top: calc(2.5rem + var(--doob-zone)); transform: translate(50%, -100%); width: 88%; }
	body:not(.home) .wp-block-post-content > .wp-block-group + .wp-block-group { margin-block-start: 3.5rem; }
	body:not(.home) .wp-block-post-content > :first-child figcaption { padding-inline: var(--doob-marge); }
	body:not(.home) .is-style-bento > :nth-child(n) { grid-column: 1 / -1 !important; height: auto !important; min-height: 240px; }
	body:not(.home) .is-style-bento > :has(> .wp-block-image:only-child) .wp-block-image { position: absolute; inset: 0; }
	.wp-site-blocks > footer .wp-block-columns { gap: 2rem; }
	.is-style-bento { grid-template-columns: minmax(0, 1fr) !important; }
	body.home .is-style-bento > *,
	body.home .is-style-bento > :nth-child(n) { grid-column: 1 / -1 !important; height: auto !important; }
	body.home .is-style-bento > :nth-child(1) { min-height: 340px; }
	body.home .is-style-bento > :nth-child(2) { min-height: 300px; }
	body.home .is-style-bento > :nth-child(3) { min-height: 300px; }
	body.home .is-style-bento > :nth-child(4) { min-height: 420px; }
	body.home .is-style-bento > :nth-child(5),
	body.home .is-style-bento > :nth-child(6),
	body.home .is-style-bento > :nth-child(7) { min-height: 240px; }
	body.home .is-style-bento > :has(> .wp-block-image:only-child) .wp-block-image { position: absolute; inset: 0; }
	.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column,
	.is-style-bande-sombre .wp-block-columns:has(> .wp-block-column > .is-style-chiffre) > .wp-block-column:nth-child(3) { flex-basis: 100% !important; border-left: 0; padding: 1.6rem 0; border-top: 1px solid color-mix(in srgb, var(--wp--preset--color--base) 22%, transparent); }
}
@media (prefers-reduced-motion: reduce) {
	.doob-heros .doob-diapos.wp-block-gallery.has-nested-images figure.wp-block-image,
	body.home .wpsw-entete-transparent { transition: none; }
}

/* ——— Pied en quatre colonnes (maquette) : petits titres jaunes ——— */
.doob-pied .doob-pied-titre, .doob-pied .wp-block-column .wp-block-heading { font-family: var(--wp--preset--font-family--body); font-size: .85rem !important; font-weight: 700; letter-spacing: .04em; color: var(--wp--preset--color--primary); margin-bottom: .8rem; }
.doob-pied .wp-block-columns { margin-bottom: var(--wp--preset--spacing--50); }
.doob-pied .wpsw-mention { padding-top: 1.2rem; border-top: 1px solid var(--wp--preset--color--border); }