/*
 * Gîtes Bourdon — sections de l'accueil (page « Accueil » en blocs core).
 * Chargée sur le site ET dans l'éditeur (add_editor_style) : la cliente voit son site en éditant.
 * Aucun sélecteur ne dépend du <body> : tout part des classes posées sur les blocs.
 * Le diaporama n'est animé que sur le site (.block-editor-block-list__block exclu) ; dans
 * l'éditeur la galerie reste une grille de photos modifiable.
 */

/* ---------- sections pleine largeur : pas de bande entre elles ---------- */
.bourdon-accueil .wp-block-post-content { display: flex; flex-direction: column; }
.bourdon-accueil .wp-block-post-content > *,
.is-root-container:has(.bourdon-hero-full) > * { margin-block: 0; }
/* éditeur : l'accueil en pleine largeur (sinon chaque section est bridée à ~720 px) — même méthode que Bessans */
.is-root-container:has(> .bourdon-hero-full) { padding-left: 0 !important; padding-right: 0 !important; }
.is-root-container:has(> .bourdon-hero-full) > * { max-width: none !important; margin-left: 0 !important; margin-right: 0 !important; }
/* filet discret en haut de la bande « Réservez » (avant : main > … :last-child dans theme.json) */
.bourdon-accueil .wp-block-post-content > .alignfull.has-contrast-background-color:last-child { border-top: 1px solid rgba(251, 247, 240, .08); }

/* ---------- héros : diaporama pleine largeur + bloc texte ---------- */
.bourdon-hero-full { position: relative; padding: 0 0 1.25rem; background: #FBF7F0; color: #2C2115; }
.bourdon-hero-full a:focus-visible { outline: 3px solid #BA7E2F; outline-offset: 4px; }

.bourdon-slides:not(.block-editor-block-list__block) {
	display: block !important; position: relative; margin: 0 !important;
	height: clamp(380px, 64vh, 640px); overflow: hidden; background: #2C2115;
}
.bourdon-slides:not(.block-editor-block-list__block) > figure.wp-block-image {
	position: absolute !important; inset: 0; width: 100% !important; height: 100% !important; margin: 0 !important;
	opacity: 0; transition: opacity 1s linear;
}
.bourdon-slides:not(.block-editor-block-list__block) > figure.wp-block-image:first-child,
.bourdon-slides.is-anime > figure.wp-block-image.is-active { opacity: 1; }
.bourdon-slides.is-anime > figure.wp-block-image:first-child:not(.is-active) { opacity: 0; }
.bourdon-slides:not(.block-editor-block-list__block) > figure.wp-block-image img {
	width: 100% !important; height: 100% !important; max-width: none; object-fit: cover; object-position: center; border-radius: 0;
}
.bourdon-slides .bourdon-zoom img { transform: scale(1.04); transform-origin: center top; }

.bourdon-slides-pause {
	position: absolute; z-index: 2; top: 1.25rem; right: max(clamp(1.25rem, 4vw, 3rem), calc((100% - 1240px) / 2));
	font: inherit; font-size: .85rem; color: #fff; background: rgba(44, 33, 21, .7);
	border: 0; padding: .45rem .9rem; border-radius: 999px; cursor: pointer;
}
.bourdon-slides-pause:hover { background: rgba(44, 33, 21, .88); }
.bourdon-slides-pause:focus-visible { outline: 3px solid #BA7E2F; outline-offset: 3px; }

.bourdon-hero-panel {
	--pad: clamp(.9rem, 1.4vw, 1.25rem); --fs: clamp(2.1rem, 3.4vw, 3.4rem);
	position: relative; z-index: 1; box-sizing: border-box; width: min(1160px, calc(100% - 2.5rem));
	margin: -2rem auto 0 !important; padding: var(--pad) clamp(1.5rem, 4vw, 3.5rem);
	background: #F3EAD9; border-radius: .5rem; text-align: center;
	box-shadow: 0 10px 30px -8px rgba(44, 33, 21, .28), 0 2px 6px rgba(44, 33, 21, .08);
}
.bourdon-hero-panel > * { margin-block: 0; }
.bourdon-hero-panel h1 { color: #2C2115; font-size: var(--fs); line-height: 1.1; margin: 0 0 .5rem; }
.bourdon-hero-panel p { line-height: 1.5; margin: 0 auto .5rem; max-width: none; }
.bourdon-hero-panel .bourdon-labels { font-size: .95rem; margin: 0 auto; }
.bourdon-actions { gap: .75rem; margin: .75rem 0 .6rem !important; }
.bourdon-actions .wp-block-button__link {
	background: #8F5911; color: #fff; border-radius: .3rem; padding: .6rem 1.15rem;
}
.bourdon-actions .wp-block-button__link:hover { background: #6E4409; color: #fff; }

/* ---------- sections photo / texte et cartes ---------- */
.bourdon-section {
	box-sizing: border-box; padding: clamp(2rem, 5vw, 4.5rem) max(1.25rem, calc((100% - 1240px) / 2));
	color: #2C2115; background: #FBF7F0;
}
.bourdon-section.bourdon-surface { background: #F3EAD9; }
.bourdon-section h2, .bourdon-section h3 { color: #2C2115; margin: 0 0 1rem; line-height: 1.15; }
.bourdon-section p { line-height: 1.65; margin: 0 0 1.25rem; }
.bourdon-section .wp-block-column > * { margin-block-start: 0; }
.bourdon-section .bourdon-kicker { color: #8F5911; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; }
.bourdon-split { gap: clamp(1.5rem, 4vw, 4rem) !important; margin: 0 !important; }
.bourdon-photo { margin: 0 !important; }
.bourdon-photo img { display: block; width: 100%; height: auto; border-radius: .5rem; }

.bourdon-cards { gap: 2rem !important; margin: 0 !important; }
.bourdon-cards .wp-block-image { margin: 0 0 1rem; }
.bourdon-cards .wp-block-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: .4rem; }
.bourdon-cards h3 { font-size: 1.8rem; }
.bourdon-cards p { margin-bottom: .5rem; }
.bourdon-cards a, .bourdon-links a, .bourdon-more a { color: #6E4409; }
.bourdon-section .bourdon-more { margin: 2rem 0 0; }
.bourdon-links a { margin-right: 2rem; text-underline-offset: .2em; }
.bourdon-section a:focus-visible { outline: 3px solid #BA7E2F; outline-offset: 4px; }

@media (min-width: 1024px) {
	.bourdon-hero-panel { --fs: clamp(1.9rem, 2.6vw, 2.6rem); }
	.bourdon-hero-panel h1 br { display: none; }
}
@media (max-width: 781px) {
	/* main a un padding latéral (theme.json) : les sections pleine largeur le compensent */
	.bourdon-accueil .wp-block-post-content > .alignfull:not(.bourdon-hero-full) {
		margin-left: calc(-1 * var(--wp--preset--spacing--40)) !important; margin-right: calc(-1 * var(--wp--preset--spacing--40)) !important;
		padding-left: var(--wp--preset--spacing--40); padding-right: var(--wp--preset--spacing--40);
	}
	.bourdon-hero-full { width: 100vw; max-width: none !important; margin-left: calc(50% - 50vw) !important; margin-right: 0 !important; }
	.bourdon-slides:not(.block-editor-block-list__block) { height: 48vh; min-height: 300px; }
	.bourdon-hero-panel { width: calc(100% - 2rem); --fs: clamp(2rem, 8vw, 2.75rem); }
	.bourdon-slides-pause { top: 1rem; right: 1rem; }
}
@media (prefers-reduced-motion: reduce) {
	.bourdon-slides > figure.wp-block-image { transition: none; }
	.bourdon-slides-pause { display: none; }
}

/* ---------- éditeur : le diaporama devient une grille de vignettes modifiables ---------- */
.bourdon-slides.block-editor-block-list__block {
	display: grid !important; grid-template-columns: repeat(3, 1fr); gap: 8px; margin: 0 !important;
}
.bourdon-slides.block-editor-block-list__block > figure.wp-block-image { width: auto !important; margin: 0 !important; }
.bourdon-slides.block-editor-block-list__block > figure.wp-block-image img { aspect-ratio: 16 / 9; object-fit: cover; height: auto !important; transform: none; }
.bourdon-slides.block-editor-block-list__block { overflow: hidden; }