/*
Theme Name: Chacun sa Balade
Description: Thème sur mesure du site — carnets de balades, lecture au long cours, sans page builder.
Author: Pierre
Version: 4.28.1
Requires at least: 6.7
Requires PHP: 8.1
Text Domain: carnets
*/

/* Fond ardoise derrière tout — sélecteur renforcé car le CSS du kit
   Elementor (.elementor-kit-46189) peut repeindre le body. */
body.wp-theme-carnets { background-color: var(--wp--preset--color--slate); }

/* Le fond ardoise porte le motif de courbes de niveau du menu, en très
   discret, plus un halo de lumière en haut : le bleu n'est plus nu.
   Posé sur un pseudo-élément fixe (plutôt qu'un background-attachment,
   saccadé sur mobile) et derrière tout le reste. */
body.wp-theme-carnets::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -1;
	pointer-events: none;
	background-image:
		radial-gradient(120% 80% at 50% -10%, rgba(255, 255, 255, 0.10) 0%, rgba(255, 255, 255, 0) 60%),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='680' viewBox='0 0 260 260' fill='none' stroke='%23ffffff' stroke-width='0.8' opacity='0.22'%3E%3Cpath d='M0 40c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 90c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 140c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 190c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 240c40-30 80 30 130 0s90-30 130 0'/%3E%3C/svg%3E");
	background-repeat: no-repeat, repeat;
	background-size: 100% 100%, 680px 680px;
	opacity: 0.6;
}

/* Pas d'espace automatique (blockGap) entre en-tête, contenu et pied de page */
.wp-site-blocks > * + * { margin-block-start: 0; }

/* C'est l'enveloppe du template part qui colle : un enfant sticky ne peut
   pas dépasser les limites de son parent. */
header.wp-block-template-part {
	position: sticky;
	top: 0;
	z-index: 50;
}
.carnets-header {
	position: relative;
	padding: 0.7rem 1.5rem;
}
/* Verre dépoli sur un pseudo-élément : un backdrop-filter posé sur
   l'ancêtre emprisonnerait le menu mobile (position:fixed). */
.carnets-header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: rgba(255, 255, 255, 0.78);
	backdrop-filter: blur(18px) saturate(160%);
	-webkit-backdrop-filter: blur(18px) saturate(160%);
	border-bottom: 1px solid rgba(255, 255, 255, 0.55);
	box-shadow: 0 6px 24px rgba(0, 0, 0, 0.14);
}
/* Voile derrière le mega-menu : assombrit et floute la page (classe posée
   par carnets.js à l'ouverture de « Carnets »). Pseudo-élément fixe dans le
   contexte d'empilement de l'en-tête : sous le verre (z -1), au-dessus de la page. */
.carnets-header::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: -2;
	background: rgba(18, 27, 35, 0.38);
	backdrop-filter: blur(5px);
	-webkit-backdrop-filter: blur(5px);
	opacity: 0;
	pointer-events: none;
	/* Meme duree et meme courbe que le panneau, pour qu ils avancent ensemble */
	transition: opacity 0.42s cubic-bezier(0.4, 0, 0.2, 1);
}
.carnets-header.carnets-header--menu-ouvert::after { opacity: 1; }
.carnets-header__bar { align-items: center; position: relative; }

/* Marque : valise, nom, devise */
.carnets-header__marque { align-items: center; gap: 0.8rem; }
.carnets-header .wp-block-site-logo img { max-height: 46px; width: auto; }
.carnets-header__titres { gap: 0 !important; }
.carnets-header .carnets-header__nom,
.carnets-header .carnets-header__nom a {
	color: var(--wp--preset--color--slate);
	font-size: 1.3rem;
	font-weight: 500;
	letter-spacing: 0.01em;
	line-height: 1.15;
	text-decoration: none;
}
.carnets-header .carnets-header__devise {
	margin: 0.15rem 0 0;
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}
@media (max-width: 600px) {
	.carnets-header .carnets-header__devise { display: none; }
	.carnets-header .carnets-header__nom, .carnets-header .carnets-header__nom a { font-size: 1.15rem; }
}

/* Entrées principales : pointillé orange qui se déroule au survol */
.carnets-nav a { color: var(--wp--preset--color--slate); text-decoration: none; }
.carnets-nav a:hover { color: var(--wp--preset--color--accent); }
.carnets-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	position: relative;
	/* Marges symetriques : le texte reste centre dans la hauteur de la barre.
	   Le prolongement vers le panneau se fait par un pseudo-element (plus bas),
	   qui n occupe aucune place et ne decale donc plus le texte. */
	padding: 0.55rem 0.1rem;
	font-weight: 500;
}
.carnets-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	border-bottom: 2px dotted var(--wp--preset--color--accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}
.carnets-nav .wp-block-navigation__container > .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
.carnets-nav .wp-block-navigation__container > .wp-block-navigation-item:focus-within > .wp-block-navigation-item__content::after {
	transform: scaleX(1);
}
.carnets-nav .wp-block-navigation__submenu-icon { color: var(--wp--preset--color--accent); }

/* Sous-menus classiques (Articles) : verre dépoli */
.carnets-nav .wp-block-navigation__submenu-container {
	border: 1px solid rgba(255, 255, 255, 0.6);
	border-radius: 14px;
	background: #fbfbfb;
	/* Pas de flou d arriere-plan : pendant le fondu, le navigateur peint
	   parfois le texte avant d avoir compose le flou, d ou un affichage en
	   deux temps. Le fond est de toute facon quasi opaque. */
	box-shadow: 0 24px 60px rgba(0, 0, 0, 0.24);
	padding: 0.5rem 0;
	overflow: hidden;
}
.carnets-nav .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 0.5rem 1.1rem;
	white-space: nowrap;
}

/* ---- Mega-menu « Carnets » (ordinateur) ---- */
@media (min-width: 600px) {
	/* Aucun ancêtre positionné entre la barre et le panneau : il s'ancre
	   sur toute la largeur de .carnets-header__bar (mesuré, ne pas deviner) */
	.carnets-header__bar nav.wp-block-navigation,
	.carnets-header__bar .wp-block-navigation__responsive-container:not(.is-menu-open),
	.carnets-header__bar .wp-block-navigation__responsive-container-content,
	.carnets-header__bar .wp-block-navigation__responsive-dialog,
	.carnets-nav,
	.carnets-nav .carnets-mega { position: static !important; }
	.carnets-nav .has-child:not(.carnets-mega) { position: relative; }
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container { position: absolute !important; }
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation-item,
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container { background: transparent !important; }
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation-item { display: block; }

	/* Le panneau : blanc net, filet orange en tête, ombre profonde */
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container {
		left: 0;
		right: 0;
		/* Le panneau touche la barre, mais une bordure haute transparente
		   recree l espace visuel TOUT EN restant survolable : sans elle, le
		   curseur traverse un vide et le menu se referme. */
		/* Le panneau demarre au ras de la barre. C est l entree du menu qui
		   descend jusqu a lui (padding-bottom ci-dessous) : ainsi le curseur
		   ne traverse aucun vide, sans deformer les coins arrondis. */
		top: 100%;
		width: auto;
		min-width: 0;
		display: grid;
		grid-template-columns: 1.1fr 1.1fr 0.85fr;
		gap: 0;
		padding: 0;
		border: 0;
		border-radius: 20px;
		overflow: hidden !important;
		background: #f0f2f4;
		box-shadow: 0 30px 80px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(61, 79, 93, 0.08);
	}
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container::after {
		content: "";
		grid-column: 1 / -1;
		height: 12px;
		background: linear-gradient(90deg, #e3823f, #c9622a);
	}
	/* Colonnes de destinations */
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		padding: 1.7rem 2rem 2rem;
	}
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item + .wp-block-navigation-item {
		border-left: 1px solid rgba(61, 79, 93, 0.1);
	}
	/* Titre de colonne : capitales orange + marqueur */
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		display: block;
		padding: 0 0 0.7rem;
		margin-bottom: 1.1rem;
		position: relative;
		font-size: 0.7rem;
		font-weight: 700;
		letter-spacing: 0.2em;
		text-transform: uppercase;
		color: var(--wp--preset--color--accent);
		pointer-events: none;
		white-space: normal;
	}
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 30px;
		height: 3px;
		border-radius: 2px;
		background: var(--wp--preset--color--accent);
	}
	/* Niveaux inférieurs toujours visibles, à plat */
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
		position: static;
		opacity: 1;
		visibility: visible;
		width: auto;
		height: auto;
		min-width: 0;
		overflow: visible;
		display: block;
		padding: 0;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		backdrop-filter: none;
		-webkit-backdrop-filter: none;
	}
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 0.35rem 0.75rem;
	}
	/* Tuiles région / pays */
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation__submenu-container > .wp-block-navigation-item {
		padding: 0.6rem 0.75rem 0.7rem;
		border-radius: 12px;
		transition: background-color 0.2s ease;
	}
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation__submenu-container > .wp-block-navigation-item:hover {
		background: rgba(61, 79, 93, 0.09);
	}
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		display: block;
		position: relative;
		padding: 0 0 0.35rem 1.35rem;
		font-size: 0.95rem;
		font-weight: 700;
		color: var(--wp--preset--color--slate);
		white-space: normal;
	}
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content::before {
		content: "";
		position: absolute;
		left: 0;
		top: 0.15em;
		width: 15px;
		height: 15px;
		background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d47034'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
	}
	/* Villes et destinations */
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
		padding: 0.14rem 0 0.14rem 1.35rem;
		font-size: 0.9rem;
		font-weight: 400;
		color: #55606b;
		transition: transform 0.25s cubic-bezier(0.22, 1, 0.36, 1), color 0.2s ease;
	}
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content::before { display: none; }
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:hover {
		color: var(--wp--preset--color--accent);
		transform: translateX(2px);
	}
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-icon { display: none; }

	/* Colonne « Dernier carnet » : bloc ardoise (déplacé ici par carnets.js) */
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .carnets-mega__vedette {
		display: block;
		padding: 1.7rem 1.9rem 2rem;
		border-left: 0;
		background-color: var(--wp--preset--color--slate) !important;
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260' fill='none' stroke='%23ffffff' stroke-width='1' opacity='0.12'%3E%3Cpath d='M0 40c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 90c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 140c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 190c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 240c40-30 80 30 130 0s90-30 130 0'/%3E%3C/svg%3E") !important;
		background-repeat: repeat;
		color: #fff;
	}
	.carnets-mega__vedette .carnets-mega-vedette { display: block; }
	.carnets-mega-vedette__photo { overflow: hidden; border-radius: 14px; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.35); }
	.carnets-mega-vedette__photo img { display: block; transition: transform 0.5s ease; }
	.carnets-mega-vedette:hover .carnets-mega-vedette__photo img { transform: scale(1.04); }
	.carnets-mega-vedette__sur {
		display: inline-block;
		margin: 1.1rem 0 0.5rem;
		padding: 0.3em 0.8em;
		border-radius: 999px;
		background: var(--wp--preset--color--accent);
		color: #fff;
		font-size: 0.62rem;
		font-weight: 700;
		letter-spacing: 0.18em;
		text-transform: uppercase;
	}
	.carnets-mega-vedette__titre { margin: 0; font-size: 1.25rem; font-weight: 600; line-height: 1.25; }
	.carnets-mega-vedette__titre a { color: #fff; text-decoration: none; }
	.carnets-mega-vedette__titre a:hover { color: #f3b48a; }
	.carnets-mega-vedette__date { margin-top: 0.35rem; font-size: 0.8rem; color: rgba(255, 255, 255, 0.7); }
}
/* Hors du panneau (mobile, ou JavaScript absent), la carte reste cachée */
.carnets-mega-vedette { display: none; }

/* ---- Menu mobile plein écran, ardoise ---- */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--slate) !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='260' height='260' viewBox='0 0 260 260' fill='none' stroke='%23ffffff' stroke-width='1' opacity='0.09'%3E%3Cpath d='M0 40c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 90c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 140c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 190c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 240c40-30 80 30 130 0s90-30 130 0'/%3E%3C/svg%3E");
	background-repeat: repeat;
	color: #fff;
	padding: 1.2rem 1.4rem 3rem;
	overflow-y: auto;
}
/* Marque en tête : le nom du site, logo en fond à gauche, sur une ligne */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container::before {
	content: "Chacun sa Balade";
	display: flex;
	align-items: center;
	min-height: 48px;
	/* Meme ligne que la croix de fermeture, place reservee a droite */
	margin: 0 0 1.9rem;
	padding-left: 60px;
	padding-right: 3.8rem;
	background: url("/wp-content/uploads/2024/06/Logo-CSB.webp") left center / 48px 48px no-repeat;
	line-height: 48px;
	font-size: 1.5rem;
	font-weight: 700;
	letter-spacing: 0.01em;
	color: #fff;
}
.carnets-nav .wp-block-navigation__responsive-container-close {
	top: 1.45rem;
	right: 1.5rem;
	width: 2.7rem;
	height: 2.7rem;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: #fff;
	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3);
}
.carnets-nav .wp-block-navigation__responsive-container-open { color: var(--wp--preset--color--slate); }
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open a { color: #fff; }
/* Entrées principales */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item {
	display: block;
	width: 100%;
	/* Pas de filet entre les sections : trop pale sur l ardoise, il se
	   confondait avec le motif de vagues et paraissait accidentel. C est
	   l espace qui les separe maintenant. */
	padding: 0.75rem 0;
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	font-size: 1.55rem;
	font-weight: 600;
	color: #fff;
	padding: 0.5rem 0;
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after { display: none; }
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-icon { display: none; }
/* Sous-menus : à plat, sans cadre */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container {
	border: 0;
	background: transparent;
	box-shadow: none;
	backdrop-filter: none;
	-webkit-backdrop-filter: none;
	padding: 0;
	margin: 0 0 0.6rem;
	border-radius: 0;
}
/* Sections France / Europe : lignes orange repliables (voir carnets.js) */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	position: relative;
	display: block;
	padding: 0.55rem 2rem 0.55rem 0;
	font-size: 0.78rem;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: #f3b48a;
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	right: 0.5rem;
	top: 50%;
	width: 8px;
	height: 8px;
	border-right: 2px solid #f3b48a;
	border-bottom: 2px solid #f3b48a;
	transform: translateY(-70%) rotate(45deg);
	transition: transform 0.25s ease;
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item.est-ouvert > .wp-block-navigation-item__content::after {
	transform: translateY(-30%) rotate(225deg);
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation__submenu-container { display: none !important; }
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item.est-ouvert > .wp-block-navigation__submenu-container {
	display: block !important;
	padding: 0.3rem 0 0.6rem 0.2rem;
}
/* Régions / pays : blanc gras avec épingle ; villes : blanc doux */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	position: relative;
	padding: 0.45rem 0 0.2rem 1.35rem;
	font-size: 1.02rem;
	font-weight: 700;
	color: #fff;
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.7em;
	width: 14px;
	height: 14px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23d47034'%3E%3Cpath d='M12 2C8.1 2 5 5.1 5 9c0 5.2 7 13 7 13s7-7.8 7-13c0-3.9-3.1-7-7-7zm0 9.5A2.5 2.5 0 1 1 12 6.5a2.5 2.5 0 0 1 0 5z'/%3E%3C/svg%3E") center / contain no-repeat;
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 0.22rem 0 0.22rem 1.35rem;
	font-size: 0.98rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.82);
}
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content::before { display: none; }
/* Articles : simple liste */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item:not(.carnets-mega) .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	padding: 0.25rem 0 0.25rem 0.2rem;
	font-size: 1rem;
	font-weight: 400;
	color: rgba(255, 255, 255, 0.82);
}

/* Collant : le carnet glisse par-dessus le hero au défilement */
.carnets-hero {
	border-radius: 0;
	position: sticky;
	top: 0;
	z-index: 0;
	overflow: hidden;
}
.carnets-hero .wp-block-cover__inner-container { padding: 4rem 1.5rem; }

/* Le bas du hero se fond dans l ardoise, comme sur les pages de region :
   sans ce degrade la photo s arretait net, et la coupure se voyait de
   chaque cote de la carte du recit, qui ne couvre que 90 % de la largeur.
   Le fondu est plus court qu en page de region, le hero occupant ici tout
   l ecran : il ne doit pas manger l illustration. */
.carnets-hero::before {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 42%;
	background: linear-gradient(
		to bottom,
		rgba(61, 79, 93, 0) 0%,
		rgba(61, 79, 93, 0.28) 38%,
		rgba(61, 79, 93, 0.66) 66%,
		rgba(61, 79, 93, 0.9) 86%,
		var(--wp--preset--color--slate) 100%
	);
	pointer-events: none;
	/* Au-dessus du voile de defilement, qui se peint apres dans l ordre du
	   document et recouvrait le degrade. */
	z-index: 2;
}

/* Flou + fondu ardoise du hero au défilement, pilotés par la variable
   --carnets-defil (0 → 1) que met à jour assets/js/carnets.js.
   Fonctionne sur tous les navigateurs, Firefox compris. */
.carnets-hero .wp-block-cover__image-background {
	filter: blur(calc(var(--carnets-defil, 0) * 16px));
	transform: scale(calc(1 + var(--carnets-defil, 0) * 0.08));
	will-change: filter, transform;
}
.carnets-hero::after {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--wp--preset--color--slate);
	opacity: calc(var(--carnets-defil, 0) * 0.75);
	pointer-events: none;
	z-index: 1;
}
.carnets-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 3;
	opacity: calc(1 - var(--carnets-defil, 0) * 1.6);
	transform: translateY(calc(var(--carnets-defil, 0) * -2rem));
}

/* Défilement doux vers les ancres (sommaire, pagination des jours) */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
}
/* Sélecteurs renforcés : le CSS global du kit Elementor charge après le nôtre
   et cible .elementor-kit-46189 h1 / a — il faut le battre en spécificité. */
.carnets-hero h1.carnets-hero__titre {
	color: #fff;
	font-size: clamp(2.2rem, 5vw, 3.4rem);
	font-weight: 400;
	line-height: 1.15;
	text-shadow: 0 2px 28px rgba(0, 0, 0, 0.45);
}
.carnets-hero .carnets-hero__meta {
	justify-content: center;
	gap: 1rem;
	margin-top: 1.1rem;
	color: rgba(255, 255, 255, 0.92);
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
	letter-spacing: 0.04em;
}
.carnets-hero .carnets-hero__meta .wp-block-post-date { color: rgba(255, 255, 255, 0.92); }
.carnets-hero .carnets-hero__meta a { color: rgba(255, 255, 255, 0.92); text-decoration: none; }
.carnets-hero .carnets-hero__meta a:hover { color: var(--wp--preset--color--accent); }

/* Les liens du récit gardent l'orange malgré le kit Elementor */
.carnets-carnet .carnets-carte-article a { color: var(--wp--preset--color--accent); }
.carnets-carnet .carnets-carte-article a:hover { color: var(--wp--preset--color--contrast); }

/* Titres de sections du récit : le bleu du site actuel, porté par le thème
   (aujourd'hui il vient du kit Elementor, qui finira par partir) */
.carnets-carte-article .wp-block-post-content h2,
.carnets-carte-article .wp-block-post-content h3 {
	color: #255f8d;
}

/* ---- La carte qui chevauche le hero — mesures prises sur la prod :
   fond #f1f1f1, coins hauts arrondis 15px, ombre 0 0 45px, carte à 90 %
   de la fenêtre, marges internes ~65px/130px, récit pleine largeur ---- */
.carnets-carnet { padding: 0; }
.carnets-page-fond { padding: 2.75rem 0 0; }
.carnets-carte-article {
	background: #f1f1f1;
	border-radius: 15px 15px 0 0;
	box-shadow: 0 0 45px 2px rgba(0, 0, 0, 0.5);
	padding: clamp(2rem, 4.5vw, 4.05rem) clamp(1.25rem, 9vw, 8.1rem);
	position: relative;
	z-index: 2;
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
.carnets-carnet .carnets-carte-article { margin-top: -5.5rem; max-width: none; }

/* Sur l accueil, le cadre s ouvre sur les grands ecrans. Le gabarit bornait
   les conteneurs a 76rem : la carte restait a 1094 px sur un 1920, et un
   tiers de l ecran ne montrait que de l ardoise.
   La largeur grandit moins vite que la fenetre — un tiers de ce qu elle
   gagne — pour que l ardoise reste un cadre et non un liseret : 1094 px
   avant, 1178 sur un 1440, 1344 sur un 1920, ou elle s arrete. En dessous
   de 1280 la carte reste a 92 %, comme avant : tablette et telephone ne
   bougent pas. */
@media (min-width: 761px) {
	body.home .wp-block-post-content { max-width: none; }
	body.home .carnets-carte-article { width: min(92%, calc(34vw + 43rem), 84rem); }
}

/* Mobile : la carte prend presque toute la largeur et le texte respire moins
   loin du bord */
@media (max-width: 760px) {
	.carnets-carte-article {
		width: 96%;
		padding: 1.5rem 0.85rem 2rem;
		border-radius: 12px 12px 0 0;
	}
	.carnets-carnet .carnets-carte-article { margin-top: -3rem; }
	.carnets-hero .wp-block-cover__inner-container { padding: 3rem 1rem; }
}

/* Comme en prod : récit justifié */
.carnets-carte-article .wp-block-post-content > p,
.carnets-carte-article .wp-block-post-content .wp-block-column p {
	text-align: justify;
}
/* ...mais jamais contre un alignement demande par le bloc lui-meme.
   Sans cela, la justification gagnait en specificite sur les classes de
   WordPress et couchait a gauche les sous-titres centres des encarts. */
.carnets-carte-article .wp-block-post-content p.has-text-align-center { text-align: center; }
.carnets-carte-article .wp-block-post-content p.has-text-align-right { text-align: right; }
.carnets-carte-article .wp-block-post-content p.has-text-align-left { text-align: left; }

.carnets-carnet .wp-block-image img { border-radius: 10px; }

.carnets-carnet__navigation {
	margin-top: 3rem;
	padding-top: 1.5rem;
	border-top: 1px solid var(--wp--preset--color--surface);
	font-size: var(--wp--preset--font-size--small);
}
.carnets-carnet__navigation a { text-decoration: none; color: var(--wp--preset--color--muted); }
.carnets-carnet__navigation a:hover { color: var(--wp--preset--color--accent); }

/* La pagination par défaut du bloc Contenu (« Pages : 1 2 3 4 ») fait
   doublon avec la nôtre : on la masque. */
.carnets-carte-article .post-nav-links { display: none; }

/* ---- Navigation des jours d'un carnet paginé ---- */
.carnets-jours {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 1.25rem;
	margin-top: 3rem;
	padding-top: 2rem;
	border-top: 1px solid #e4e4e4;
	font-size: 1rem;
}

/* Boutons jour précédent / suivant : pilule pleine, ombre colorée, chevron
   dans une pastille qui glisse au survol */
.carnets-carte-article .carnets-jours__btn {
	display: inline-flex;
	align-items: center;
	gap: 0.7rem;
	min-width: 12.5rem;
	padding: 0.55em 0.6em;
	border: 0;
	border-radius: 999px;
	background: linear-gradient(135deg, #e3823f 0%, #c9622a 100%);
	color: #fff;
	font-weight: 600;
	letter-spacing: 0.01em;
	text-decoration: none;
	box-shadow: 0 8px 22px rgba(212, 112, 52, 0.32);
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.carnets-carte-article .carnets-jours__btn--precedent { padding-right: 1.4em; justify-content: flex-start; }
.carnets-carte-article .carnets-jours__btn--suivant { padding-left: 1.4em; justify-content: flex-end; }
.carnets-carte-article .carnets-jours__btn span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2em;
	height: 2em;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.22);
	color: #fff;
	font-size: 1.1em;
	line-height: 1;
	padding-bottom: 0.12em;
	transition: transform 0.22s ease, background-color 0.22s ease;
}
.carnets-carte-article a.carnets-jours__btn:hover {
	color: #fff;
	transform: translateY(-2px);
	box-shadow: 0 14px 30px rgba(212, 112, 52, 0.42);
}
.carnets-carte-article a.carnets-jours__btn:hover span { background: rgba(255, 255, 255, 0.34); }
.carnets-carte-article a.carnets-jours__btn--precedent:hover span { transform: translateX(-3px); }
.carnets-carte-article a.carnets-jours__btn--suivant:hover span { transform: translateX(3px); }
/* Le texte des boutons doit rester blanc malgré la règle générale qui
   passe tous les liens du récit en orange (spécificité supérieure). */
.carnets-carnet .carnets-carte-article a.carnets-jours__btn,
.carnets-carnet .carnets-carte-article a.carnets-jours__btn:hover { color: #fff; }
.carnets-jours__btn--vide { visibility: hidden; }

/* Numéros : sélecteur blanc arrondi, jour courant en pastille orange */
.carnets-jours__centre {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}
.carnets-jours__numeros {
	display: inline-flex;
	gap: 0.25rem;
	padding: 0.3rem;
	background: #fff;
	border: 1px solid #e6e6e6;
	border-radius: 999px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.06);
}
.carnets-carte-article .carnets-jours__numeros .post-page-numbers {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 2.5em;
	height: 2.5em;
	border-radius: 50%;
	text-decoration: none;
	color: var(--wp--preset--color--slate);
	font-weight: 500;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.carnets-carte-article .carnets-jours__numeros a.post-page-numbers:hover {
	background: rgba(212, 112, 52, 0.12);
	color: var(--wp--preset--color--accent);
}
.carnets-carte-article .carnets-jours__numeros .post-page-numbers.current {
	background: linear-gradient(135deg, #e3823f 0%, #c9622a 100%);
	color: #fff;
	font-weight: 600;
	box-shadow: 0 4px 12px rgba(212, 112, 52, 0.38);
}
.carnets-jours__compteur {
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
@media (max-width: 760px) {
	.carnets-jours { justify-content: center; }
	.carnets-jours__centre { order: -1; width: 100%; }
	.carnets-carte-article .carnets-jours__btn { min-width: 0; flex: 1 1 45%; }
}

/* ---- Pages d'index : région, département ---- */
.carnets-index__intro {
	/* L intro tient toute la largeur de la grille de cartes : une colonne
	   plus etroite laissait un grand blanc a droite sur les larges ecrans. */
	max-width: none;
	margin-bottom: 2.5rem;
	color: #3f4a55;
}
/* Le recit des carnets reste justifie, mais pas les pages region et
   departement : sur ces textes courts la justification creusait des blancs. */
.carnets-page-index .carnets-carte-article .wp-block-post-content > p,
.carnets-page-index .carnets-carte-article .wp-block-post-content .wp-block-column p {
	text-align: left;
}
.carnets-destinations {
	gap: 1.6rem;
	margin-top: 1rem;
}
.carnets-carte-article .carnets-destination {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 10px 26px rgba(0, 0, 0, 0.12);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-carte-article .carnets-destination:hover {
	transform: translateY(-4px);
	box-shadow: 0 18px 40px rgba(0, 0, 0, 0.2);
}
.carnets-destination__photo {
	margin: 0;
	overflow: hidden;
	border-radius: 0;
}
.carnets-destination__photo img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 0;
	transition: transform 0.5s ease;
}
.carnets-destination:hover .carnets-destination__photo img { transform: scale(1.05); }
.carnets-carte-article .carnets-destination__titre {
	margin: 1rem 1.15rem 0;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.25;
	color: var(--wp--preset--color--slate);
}
.carnets-carte-article .carnets-destination__titre a {
	color: var(--wp--preset--color--slate);
	text-decoration: none;
}
.carnets-carte-article .carnets-destination__titre a:hover { color: var(--wp--preset--color--accent); }
.carnets-carte-article .carnets-destination__texte {
	margin: 0.6rem 1.15rem 0;
	font-size: 0.95rem;
	line-height: 1.55;
	color: #5c6773;
	text-align: left;
}
.carnets-carte-article .carnets-destination__lien {
	margin: 0.9rem 1.15rem 1.2rem;
	margin-top: auto;
	padding-top: 0.9rem;
	font-size: 0.85rem;
	font-weight: 600;
}
.carnets-carte-article .carnets-destination__lien a {
	color: var(--wp--preset--color--accent);
	text-decoration: none;
}
.carnets-carte-article .carnets-destination__lien a::after {
	content: "→";
	font-size: 1.05em;
	transition: margin-left 0.2s ease;
	display: inline-block;
	margin-left: 0.35em;
}
.carnets-destination:hover .carnets-destination__lien a::after { margin-left: 0.55em; }
/* Cartes issues d'une liste automatique : date et extrait natifs */
.carnets-carte-article .carnets-destination .wp-block-post-excerpt {
	margin: 0.6rem 1.15rem 1.2rem;
	font-size: 0.95rem;
	color: #5c6773;
}
.carnets-carte-article .carnets-destination .wp-block-post-excerpt__more-text { display: none; }
@media (max-width: 700px) {
	.carnets-destinations { gap: 1.1rem; }
}

/* ---- Pages de liste : accueil du blog, archives, recherche, 404 ---- */
.carnets-liste { padding: 3rem 1.5rem 4.5rem; }
.carnets-liste__entete { margin-bottom: 2.75rem; text-align: center; }
.carnets-liste .carnets-liste__titre {
	margin: 0;
	color: #fff;
	font-size: clamp(1.9rem, 3.6vw, 2.6rem);
	font-weight: 400;
}
.carnets-liste .carnets-liste__sous-titre {
	margin: 0.7rem auto 0;
	max-width: 40rem;
	color: rgba(255, 255, 255, 0.72);
	font-size: 1rem;
}
.carnets-liste .carnets-liste__vide {
	color: rgba(255, 255, 255, 0.8);
	text-align: center;
	padding: 2rem 0;
}

/* Les cartes de destination servent aussi ici (fond ardoise) */
.carnets-liste .carnets-destination {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-liste .carnets-destination:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 44px rgba(0, 0, 0, 0.3);
}
.carnets-liste .carnets-destination__titre {
	margin: 1rem 1.15rem 0;
	font-size: 1.12rem;
	font-weight: 600;
	line-height: 1.28;
}
.carnets-liste .carnets-destination__titre a {
	color: var(--wp--preset--color--slate);
	text-decoration: none;
}
.carnets-liste .carnets-destination__titre a:hover { color: var(--wp--preset--color--accent); }
.carnets-liste .carnets-destination__date {
	margin: 0.45rem 1.15rem 0;
	font-size: 0.78rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8b959f;
}
.carnets-liste .carnets-destination__texte {
	margin: 0.55rem 1.15rem 1.3rem;
	font-size: 0.94rem;
	line-height: 1.5;
	color: #5c6773;
	text-align: left;
}
.carnets-liste .carnets-destination .wp-block-post-excerpt__more-text { display: none; }

/* Pagination des listes */
.carnets-pagination {
	margin-top: 3rem;
	gap: 0.5rem;
	font-size: 0.95rem;
}
.carnets-pagination a,
.carnets-pagination span {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	padding: 0.4em 0.75em;
	border-radius: 10px;
}
.carnets-pagination a:hover { background: rgba(255, 255, 255, 0.14); color: #fff; }
.carnets-pagination .current {
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-weight: 600;
}

/* Champ de recherche */
.carnets-recherche { max-width: 30rem; margin: 1.5rem auto 0; }
.carnets-recherche .wp-block-search__input {
	border: 1px solid rgba(255, 255, 255, 0.3);
	border-radius: 999px 0 0 999px;
	padding: 0.7em 1.1em;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
}
.carnets-recherche .wp-block-search__input::placeholder { color: rgba(255, 255, 255, 0.6); }
.carnets-recherche .wp-block-search__button {
	border: 0;
	border-radius: 0 999px 999px 0;
	background: var(--wp--preset--color--accent);
	color: #fff;
	padding: 0.7em 1.4em;
	font-weight: 600;
}
.carnets-recherche .wp-block-search__button:hover { background: #c9622a; }

/* Page 404 */
.carnets-404__code {
	margin: 0 0 0.6rem;
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent);
}
.carnets-404 .carnets-404__titre-liste {
	margin: 0 0 1.5rem;
	color: rgba(255, 255, 255, 0.85);
	font-size: 1.1rem;
	font-weight: 500;
	text-align: center;
}

/* ---- Accueil et pages fixes ---- */
.carnets-accueil { padding: 0 1.5rem 4rem; }
.carnets-accueil__hero { margin-bottom: 3.5rem; }
.carnets-accueil .carnets-accueil__titre {
	color: #fff;
	font-size: clamp(2.4rem, 5.5vw, 4rem);
	font-weight: 400;
	text-shadow: 0 2px 30px rgba(0, 0, 0, 0.4);
}
.carnets-accueil .carnets-accueil__accroche {
	margin-top: 0.9rem;
	color: rgba(255, 255, 255, 0.9);
	font-size: 1.15rem;
}
.carnets-accueil .wp-block-buttons { margin-top: 1.8rem; }
.carnets-accueil .wp-block-buttons .wp-block-button__link,
.carnets-accueil .wp-block-buttons a.wp-block-button__link {
	color: #fff;
	text-decoration: none;
	background: var(--wp--preset--color--accent);
	border-radius: 999px;
	padding: 0.75em 1.9em;
	font-weight: 600;
	box-shadow: 0 10px 26px rgba(212, 112, 52, 0.35);
}

/* Spécificité renforcée : le CSS du kit Elementor colore h2/a et gagnerait */
.carnets-accueil .carnets-section__titre,
.carnets-accueil h2.carnets-section__titre {
	margin: 3rem 0 1.5rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
}
.carnets-accueil .carnets-destination__titre a { color: var(--wp--preset--color--slate); text-decoration: none; }
.carnets-accueil .carnets-destination__titre a:hover { color: var(--wp--preset--color--accent); }
.carnets-accueil .carnets-destination {
	display: flex;
	flex-direction: column;
	background: #fff;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-accueil .carnets-destination:hover { transform: translateY(-4px); box-shadow: 0 20px 44px rgba(0, 0, 0, 0.3); }
.carnets-accueil .carnets-destination__titre { margin: 1rem 1.15rem 0; font-size: 1.08rem; font-weight: 600; }
.carnets-accueil .carnets-destination__date {
	margin: 0.4rem 1.15rem 1.2rem;
	font-size: 0.76rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8b959f;
}

/* Les chiffres du voyage */
.carnets-chiffres {
	gap: 2.5rem;
	margin: 3.5rem 0;
	padding: 2.2rem 1.5rem;
	background: rgba(255, 255, 255, 0.07);
	border-radius: 18px;
}
.carnets-chiffre { text-align: center; }
.carnets-chiffre .carnets-chiffre__nombre {
	margin: 0;
	color: var(--wp--preset--color--accent);
	font-size: 2.4rem;
	font-weight: 700;
	line-height: 1;
}
.carnets-chiffre .carnets-chiffre__legende {
	margin: 0.35rem 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.82rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* Laure et Pierre */
.carnets-duo { margin: 3.5rem 0; text-align: center; }
.carnets-duo .carnets-duo__titre { color: #fff; }
.carnets-duo__photos { gap: 1.5rem; margin: 1.5rem 0; }
.carnets-duo__photos .carnets-portrait img {
	width: 130px;
	height: 130px;
	object-fit: cover;
	border-radius: 50%;
	border: 3px solid rgba(255, 255, 255, 0.35);
}
.carnets-duo .carnets-duo__texte { color: rgba(255, 255, 255, 0.8); }
.carnets-accueil .carnets-instagram a { color: #fff; font-weight: 600; }
.carnets-lettre {
	--papier-carte: #f1e9db;
	margin-top: 3.5rem;
	padding: 2rem 1.5rem;
	background: #fff;
	border-radius: 18px;
}
.carnets-lettre .carnets-lettre__titre { color: var(--wp--preset--color--slate); margin-top: 0; }

/* Pages fixes : titre principal */
.carnets-page__titre { margin-top: 0; }
.carnets-carte-article .carnets-page__titre { color: var(--wp--preset--color--slate); }

/* ---- Accueil ---- */
.carnets-accueil { padding: 0 0 4rem; }
/* La carte grise chevauche la bannière, exactement comme sur les carnets */
.carnets-accueil .carnets-carte-article { margin-top: -3.5rem; max-width: none; }

/* Sur fond gris, les titres de section reprennent le bleu du récit */
.carnets-accueil .carnets-carte-article .carnets-section__titre,
.carnets-carte-article .carnets-section__titre {
	margin: 3rem 0 1.6rem;
	color: #255f8d;
	font-size: 1.6rem;
	font-weight: 500;
	text-align: center;
}
.carnets-carte-article .carnets-section__titre:first-child { margin-top: 0; }
.carnets-carte-article .carnets-plus a { color: var(--wp--preset--color--accent); font-weight: 600; text-decoration: none; }
.carnets-carte-article .carnets-plus a:hover { color: var(--wp--preset--color--slate); }

/* Nom des régions et titres de cartes, en foncé */
.carnets-carte-article .carnets-region__nom { margin: 0.8rem 0 0; text-align: center; }
.carnets-carte-article .carnets-region__nom a {
	color: var(--wp--preset--color--slate);
	font-size: 1rem;
	font-weight: 600;
	text-decoration: none;
}
.carnets-carte-article .carnets-region__nom a:hover { color: var(--wp--preset--color--accent); }
.carnets-carte-article .carnets-destination__titre { margin: 1rem 1.15rem 0; font-size: 1.05rem; font-weight: 600; }
.carnets-carte-article .carnets-destination__titre a { color: var(--wp--preset--color--slate); text-decoration: none; }
.carnets-carte-article .carnets-destination__titre a:hover { color: var(--wp--preset--color--accent); }
.carnets-carte-article .carnets-destination__date {
	margin: 0.4rem 1.15rem 1.1rem;
	font-size: 0.76rem;
	letter-spacing: 0.06em;
	text-transform: uppercase;
	color: #8b959f;
}

/* Le bloc de recherche, en bas de page, sur fond clair */
.carnets-carte-article .carnets-ouverture {
	margin-top: 3.5rem;
	padding: 2.2rem 1.5rem 2.4rem;
	background: #fff;
	border-radius: 18px;
	text-align: center;
}
.carnets-carte-article .carnets-ouverture__titre { margin: 0; color: var(--wp--preset--color--slate); font-weight: 500; }
.carnets-carte-article .carnets-ouverture__accroche {
	margin: 0.8rem auto 0;
	max-width: 34rem;
	color: #5c6773;
	font-size: 1rem;
	line-height: 1.55;
	text-align: center;
}
.carnets-carte-article .carnets-ouverture__recherche { margin-top: 1.5rem; }
.carnets-carte-article .carnets-recherche .wp-block-search__input {
	background: #f4f5f6;
	border: 1px solid #d9dde1;
	color: var(--wp--preset--color--contrast);
}
.carnets-carte-article .carnets-recherche .wp-block-search__input::placeholder { color: #98a2ac; }

/* Les compteurs, en bas eux aussi */
.carnets-carte-article .carnets-chiffres {
	gap: 2.2rem;
	margin: 1.6rem 0 0;
	padding: 1.8rem 1.5rem;
	background: #fff;
	border-radius: 18px;
}
.carnets-carte-article .carnets-chiffre__legende { color: #8b959f; }

/* Laure et Pierre, sur fond clair */
.carnets-carte-article .carnets-duo { margin: 3rem 0 0; text-align: center; }
.carnets-carte-article .carnets-duo__titre { color: var(--wp--preset--color--slate); }
.carnets-carte-article .carnets-duo__texte { color: #5c6773; text-align: center; }
.carnets-carte-article .carnets-duo__photos .carnets-portrait img { border: 3px solid #e2e6ea; }
.carnets-carte-article .wp-block-buttons .wp-block-button__link {
	color: #fff;
	text-decoration: none;
	background: var(--wp--preset--color--accent);
	border-radius: 999px;
	padding: 0.7em 1.8em;
	font-weight: 600;
}

/* La scratchmap dans la carte grise */
.carnets-carte-article .carnets-scratchmap {
	padding: 0.6rem;
	background: #fff;
	border-radius: 18px;
	/* Le dessin flottait au milieu d un cadre trop bas : on deborde le
	   remplissage de la carte grise et on donne de la hauteur, ce qui
	   agrandit le trace d autant. */
	margin-left: clamp(-3.2rem, -3vw, 0rem);
	margin-right: clamp(-3.2rem, -3vw, 0rem);
}
/* Le trace s ajuste a la plus petite dimension du cadre. Le greffon impose
   un cadre de 56 % de haut, ou l Europe ne remplissait que les deux tiers de
   la largeur. On redresse ce rapport : la regle porte un !important parce que
   la valeur du greffon est ecrite en style en ligne. */
.carnets-scratchmap .map_aspect_ratio { padding-top: 65% !important; }
@media (max-width: 700px) {
	.carnets-scratchmap .map_aspect_ratio { padding-top: 92% !important; }
}
@media (max-width: 700px) {
	.carnets-carte-article .carnets-scratchmap {
		margin-left: 0;
		margin-right: 0;
	}
	.carnets-carte-article .carnets-scratchmap .map_render,
	.carnets-carte-article .carnets-scratchmap svg { min-height: 0; }
}

@media (max-width: 600px) {
	.carnets-banniere img { max-height: 30vh; }
	.carnets-accueil .carnets-carte-article { margin-top: -3rem; }
	.carnets-carte-article .carnets-ouverture { padding: 1.6rem 1rem 1.8rem; }
	.carnets-carte-article .carnets-chiffres { gap: 1.4rem; padding: 1.4rem 1rem; }
}

/* ---- Explorer une région : les illustrations de chaque région ---- */
.carnets-regions__grille { gap: 1.4rem; }
.carnets-region {
	background: transparent;
	text-align: center;
}
.carnets-region__image {
	margin: 0;
	overflow: hidden;
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.25);
}
.carnets-region__image img {
	display: block;
	width: 100%;
	aspect-ratio: 1;
	object-fit: cover;
	border-radius: 16px;
	transition: transform 0.45s ease;
}
.carnets-region:hover .carnets-region__image img { transform: scale(1.05); }
.carnets-accueil .carnets-region__nom { margin: 0.85rem 0 0; }
.carnets-accueil .carnets-region__nom a {
	color: rgba(255, 255, 255, 0.92);
	font-size: 1rem;
	font-weight: 600;
	letter-spacing: 0.02em;
	text-decoration: none;
}
.carnets-accueil .carnets-region__nom a:hover { color: var(--wp--preset--color--accent); }

/* ---- La scratchmap ---- */
.carnets-scratchmap {
	padding: 0.7rem;
	background: rgba(255, 255, 255, 0.07);
	border-radius: 20px;
}
/* La carte occupe toute la largeur du bloc (sinon elle reste à la largeur
   de lecture, 44rem, et paraît perdue au milieu) */
.carnets-scratchmap > *,
.carnets-scratchmap .map_wrapper,
.carnets-scratchmap .map_box,
.carnets-scratchmap .map_render {
	max-width: none;
	width: 100%;
}
.carnets-scratchmap .map_render { border-radius: 15px; overflow: hidden; }

/* Pastilles de régions (A et C) */
.carnets-plus{ margin: 2rem 0 1rem; }
.carnets-plus a{ color: #fff; font-weight: 600; text-decoration: none; }
.carnets-plus a:hover{ color: var(--wp--preset--color--accent); }

/* ---- Piste C : mosaïque ---- */
.carnets-intro{ padding: 2.5rem 0 2rem; text-align: center; }
.carnets-intro .carnets-intro__titre{
	margin: 0;
	color: #fff;
	font-size: clamp(2.2rem, 5vw, 3.4rem);
	font-weight: 400;
}
.carnets-intro .carnets-intro__accroche{ margin: 0.7rem 0 0; color: rgba(255, 255, 255, 0.75); }
.carnets-mosaique__grille{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-auto-rows: 13rem;
	gap: 0.9rem;
	list-style: none;
	padding: 0;
	margin: 0;
}
.carnets-mosaique__grille > li{ margin: 0; }
.carnets-mosaique__grille > li:nth-child(1){ grid-column: span 2; grid-row: span 2; }
.carnets-mosaique__grille > li:nth-child(4){ grid-column: span 2; }
.carnets-mosaique__grille > li:nth-child(7){ grid-column: span 2; }
.carnets-tuile{
	height: 100%;
	background: linear-gradient(140deg, #4a5d6c 0%, #33434f 100%);
	border-radius: 14px;
	overflow: hidden;
	transition: transform 0.3s ease;
}
.carnets-tuile:hover{ transform: scale(1.015); }
.carnets-tuile .wp-block-cover__inner-container{ align-self: flex-end; width: 100%; padding: 1rem 1.2rem; }
.carnets-tuile .carnets-tuile__titre{ margin: 0; }
.carnets-tuile .carnets-tuile__titre a{
	color: #fff;
	font-size: 1.15rem;
	font-weight: 600;
	line-height: 1.2;
	text-decoration: none;
	text-shadow: 0 1px 12px rgba(0, 0, 0, 0.5);
}
.carnets-mosaique__grille > li:nth-child(1) .carnets-tuile__titre a{ font-size: 1.75rem; }
.carnets-tuile .carnets-tuile__date{
	margin: 0.3rem 0 0;
	color: rgba(255, 255, 255, 0.75);
	font-size: 0.75rem;
	letter-spacing: 0.08em;
	text-transform: uppercase;
}
@media (max-width: 900px) {
	.carnets-mosaique__grille{ grid-template-columns: repeat(2, 1fr); grid-auto-rows: 11rem; }
	.carnets-mosaique__grille > li:nth-child(1){ grid-column: span 2; grid-row: span 1; }
	.carnets-mosaique__grille > li:nth-child(7){ grid-column: span 2; }
}
@media (max-width: 520px) {
	.carnets-mosaique__grille{ grid-template-columns: 1fr; grid-auto-rows: 12rem; }
	.carnets-mosaique__grille > li:nth-child(n){ grid-column: span 1; }
}

/* ---- Pied de page, sur ardoise, collé sous la carte ---- */
.carnets-footer {
	margin-top: 0;
	padding: 2.25rem 1.5rem 2.5rem;
	text-align: center;
}
.carnets-footer__liens {
	display: flex;
	justify-content: center;
	gap: 1.75rem;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 500;
}
.carnets-footer__liens a { color: rgba(255, 255, 255, 0.85); text-decoration: none; }
.carnets-footer__liens a:hover { color: var(--wp--preset--color--accent); }
.carnets-footer__ligne { color: rgba(255, 255, 255, 0.6); font-size: var(--wp--preset--font-size--small); margin-top: 0.9rem; }

/* =================================================================
   Accueil : tout ce qui vit dans la carte grise passe en couleurs
   foncées. Placé en fin de feuille pour l'emporter sur les règles
   claires prévues pour le fond ardoise.
   ================================================================= */
.carnets-accueil .carnets-carte-article .carnets-section__titre { color: #255f8d; }
.carnets-accueil .carnets-carte-article .carnets-region__nom a { color: var(--wp--preset--color--slate); }
.carnets-accueil .carnets-carte-article .carnets-region__nom a:hover { color: var(--wp--preset--color--accent); }
.carnets-accueil .carnets-carte-article .carnets-plus a { color: var(--wp--preset--color--accent); }
.carnets-accueil .carnets-carte-article .carnets-plus a:hover { color: var(--wp--preset--color--slate); }
.carnets-accueil .carnets-carte-article .carnets-duo__titre { color: var(--wp--preset--color--slate); }
.carnets-accueil .carnets-carte-article .carnets-duo__texte { color: #5c6773; }
.carnets-accueil .carnets-carte-article .carnets-chiffre__legende { color: #8b959f; }
.carnets-accueil .carnets-carte-article .carnets-ouverture__titre { color: var(--wp--preset--color--slate); }
.carnets-accueil .carnets-carte-article .carnets-ouverture__accroche { color: #5c6773; }
.carnets-accueil .carnets-carte-article .carnets-destination__titre a { color: var(--wp--preset--color--slate); }
.carnets-accueil .carnets-carte-article .carnets-destination__titre a:hover { color: var(--wp--preset--color--accent); }
.carnets-accueil .carnets-carte-article .carnets-portrait img { border-color: #e2e6ea; }

/* La carte grise respire davantage et son fond est très légèrement chaud */
.carnets-accueil .carnets-carte-article {
	background: #f2f2f1;
	padding: clamp(2.2rem, 4vw, 3.6rem) clamp(1.1rem, 4vw, 3.2rem) clamp(2.6rem, 4vw, 3.6rem);
}

/* Titres de section : filet orange au-dessus, titre posé, rythme large */
.carnets-accueil .carnets-carte-article .carnets-section__titre {
	position: relative;
	margin: 4rem 0 2rem;
	padding-top: 1.5rem;
	font-size: clamp(1.5rem, 2.6vw, 1.9rem);
	font-weight: 600;
	letter-spacing: -0.01em;
	color: var(--wp--preset--color--slate);
}
.carnets-accueil .carnets-carte-article .carnets-section__titre::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 46px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #e3823f, #c9622a);
}
.carnets-accueil .carnets-carte-article > .carnets-section__titre:first-child { margin-top: 0.5rem; }

/* Liens « voir tout » : petite pilule discrète plutôt qu'un lien nu */
.carnets-accueil .carnets-carte-article .carnets-plus { margin: 2.2rem 0 0; }
.carnets-accueil .carnets-carte-article .carnets-plus a {
	display: inline-block;
	padding: 0.55em 1.4em;
	border: 1px solid rgba(212, 112, 52, 0.45);
	border-radius: 999px;
	color: var(--wp--preset--color--accent);
	font-size: 0.92rem;
	font-weight: 600;
	transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}
.carnets-accueil .carnets-carte-article .carnets-plus a:hover {
	background: var(--wp--preset--color--accent);
	border-color: var(--wp--preset--color--accent);
	color: #fff;
}

/* Mosaïque : coins un peu plus doux et ombre portée nette */
.carnets-accueil .carnets-mosaique__grille { gap: 1rem; }
.carnets-accueil .carnets-tuile {
	position: relative;
	border-radius: 16px;
	box-shadow: 0 10px 26px rgba(30, 42, 54, 0.18);
}

/* Le lien du titre est etire sur toute la vignette. Il part tres au-dessus
   du cadre : la tuile masque son debordement, ce qui ramene la zone
   cliquable a exactement sa taille, quel que soit le bloc qui sert de
   reference au positionnement. */
.carnets-accueil .carnets-tuile .carnets-tuile__titre a::after {
	content: "";
	position: absolute;
	top: -100vh;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 3;
}
.carnets-accueil .carnets-tuile:has(a:focus-visible) {
	outline: 3px solid var(--wp--preset--color--accent);
	outline-offset: 3px;
}

/* Régions : l'illustration entre dans une carte blanche, comme les articles */
.carnets-accueil .carnets-regions__grille { gap: 1.3rem; }
.carnets-accueil .carnets-carte-article .carnets-region {
	background: #fff;
	border-radius: 16px;
	padding: 0.75rem 0.75rem 0.2rem;
	box-shadow: 0 8px 22px rgba(30, 42, 54, 0.12);
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-accueil .carnets-carte-article .carnets-region:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 34px rgba(30, 42, 54, 0.2);
}
.carnets-accueil .carnets-region__image { border-radius: 12px; box-shadow: none; }
.carnets-accueil .carnets-region__image img { border-radius: 12px; }
.carnets-accueil .carnets-carte-article .carnets-region__nom { margin: 0.85rem 0 0.9rem; }
.carnets-accueil .carnets-carte-article .carnets-region__nom a {
	font-size: 0.95rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}

/* Cartes d'articles : mêmes coins et mêmes ombres que les régions */
.carnets-accueil .carnets-carte-article .carnets-destination {
	border-radius: 16px;
	box-shadow: 0 8px 22px rgba(30, 42, 54, 0.12);
}
.carnets-accueil .carnets-carte-article .carnets-destination:hover {
	box-shadow: 0 16px 34px rgba(30, 42, 54, 0.2);
}

/* Encarts blancs (carte, recherche, chiffres) : filet léger, ombre douce */
.carnets-accueil .carnets-carte-article .carnets-scratchmap,
.carnets-accueil .carnets-carte-article .carnets-ouverture,
.carnets-accueil .carnets-carte-article .carnets-chiffres {
	border: 1px solid rgba(30, 42, 54, 0.07);
	border-radius: 20px;
	box-shadow: 0 8px 24px rgba(30, 42, 54, 0.08);
}

/* Le bloc de recherche prend un peu plus de présence */
.carnets-accueil .carnets-carte-article .carnets-ouverture {
	margin-top: 4rem;
	padding: 2.6rem 1.5rem 2.8rem;
}
.carnets-accueil .carnets-carte-article .carnets-ouverture__titre {
	font-size: clamp(1.5rem, 2.6vw, 1.9rem);
	font-weight: 600;
}
.carnets-accueil .carnets-carte-article .carnets-recherche .wp-block-search__input {
	background: #f7f8f9;
	border-color: #dfe3e7;
	padding: 0.85em 1.25em;
}
.carnets-accueil .carnets-carte-article .carnets-recherche .wp-block-search__button {
	padding: 0.85em 1.7em;
	font-size: 0.9rem;
}

/* Chiffres : séparateurs fins entre les colonnes */
.carnets-accueil .carnets-carte-article .carnets-chiffres {
	margin-top: 1.2rem;
	padding: 2rem 1.5rem;
	gap: 0;
}
.carnets-accueil .carnets-carte-article .carnets-chiffre {
	padding: 0 clamp(1rem, 3vw, 2.6rem);
	border-left: 1px solid rgba(30, 42, 54, 0.09);
}
.carnets-accueil .carnets-carte-article .carnets-chiffre:first-child { border-left: 0; }
.carnets-accueil .carnets-carte-article .carnets-chiffre__nombre { font-size: 2.6rem; }
.carnets-accueil .carnets-carte-article .carnets-chiffre__legende {
	font-size: 0.72rem;
	letter-spacing: 0.14em;
}

/* Laure et Pierre : encart blanc pour clore la page */
.carnets-accueil .carnets-carte-article .carnets-duo {
	margin-top: 3.2rem;
	padding: 2.4rem 1.5rem 2.6rem;
	background: #fff;
	border: 1px solid rgba(30, 42, 54, 0.07);
	border-radius: 20px;
	box-shadow: 0 8px 24px rgba(30, 42, 54, 0.08);
}
.carnets-accueil .carnets-carte-article .carnets-duo__titre { margin-top: 0; padding-top: 0; }
.carnets-accueil .carnets-carte-article .carnets-duo__titre::before { display: none; }
.carnets-accueil .carnets-carte-article .carnets-duo__photos { gap: 1.6rem; margin: 1.4rem 0 1.2rem; }
.carnets-accueil .carnets-carte-article .carnets-portrait img {
	width: 118px;
	height: 118px;
	border: 3px solid #eef1f3;
	box-shadow: 0 6px 18px rgba(30, 42, 54, 0.12);
}

@media (max-width: 600px) {
	.carnets-accueil .carnets-carte-article .carnets-section__titre { margin: 3rem 0 1.5rem; }
	.carnets-accueil .carnets-carte-article .carnets-chiffre {
		border-left: 0;
		padding: 0.5rem 1.1rem;
	}
	.carnets-accueil .carnets-carte-article .carnets-chiffre__nombre { font-size: 2rem; }
	.carnets-accueil .carnets-carte-article .carnets-ouverture { padding: 1.8rem 1.1rem 2rem; }
}

/* A : pas de bannière, la mosaïque ouvre la page */
.carnets-accueil .carnets-carte-article--haut {
	margin-top: 1.5rem;
	border-radius: 18px;
}

/* B : l'illustration entière, dans un bandeau qui respire */
.carnets-bandeau {
	padding: 1.5rem 1.5rem 0;
}
.carnets-bandeau .carnets-bandeau__image { margin: 0; }
.carnets-bandeau .carnets-bandeau__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 18px;
	box-shadow: 0 18px 44px rgba(0, 0, 0, 0.28);
}
.carnets-accueil .carnets-carte-article--sous-bandeau {
	margin-top: 1.8rem;
	border-radius: 18px;
}

/* C : la photo du dernier carnet en ouverture */
.carnets-hero-photo .carnets-hero-photo__badge {
	margin: 0 0 0.7rem;
	color: #f3b48a;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
.carnets-hero-photo .carnets-hero-photo__titre { margin: 0; }
.carnets-hero-photo .carnets-hero-photo__titre a {
	color: #fff;
	font-size: clamp(2.2rem, 5vw, 3.5rem);
	font-weight: 400;
	line-height: 1.1;
	text-decoration: none;
	text-shadow: 0 2px 28px rgba(0, 0, 0, 0.45);
}
.carnets-hero-photo .carnets-hero-photo__date {
	margin: 0.9rem 0 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: 0.8rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* =================================================================
   Mobile : densifier. Mesuré avant correction sur un écran de 390px :
   page de 6578px dont 2397px rien que pour les 6 régions (une par
   ligne), mosaïque à une colonne, carte de 178px de haut.
   ================================================================= */
@media (max-width: 620px) {
	/* Mosaïque : deux colonnes, la première tuile en bandeau */
	.carnets-accueil .carnets-mosaique__grille{
		grid-template-columns: 1fr 1fr;
		grid-auto-rows: 8.5rem;
		gap: 0.7rem;
	}
	.carnets-accueil .carnets-mosaique__grille > li:nth-child(n){ grid-column: span 1; grid-row: span 1; }
	.carnets-accueil .carnets-mosaique__grille > li:nth-child(1){ grid-column: span 2; grid-row: span 2; }
	.carnets-accueil .carnets-mosaique__grille > li:nth-child(1) .carnets-tuile__titre a { font-size: 1.3rem; }
	.carnets-accueil .carnets-tuile .carnets-tuile__titre a { font-size: 0.95rem; }
	.carnets-accueil .carnets-tuile .wp-block-cover__inner-container { padding: 0.7rem 0.8rem; }
	.carnets-accueil .carnets-tuile .carnets-tuile__date { font-size: 0.65rem; }

	/* Régions : deux par ligne, cartes compactes */
	.carnets-accueil .carnets-regions__grille {
		grid-template-columns: 1fr 1fr !important;
		gap: 0.8rem;
	}
	.carnets-accueil .carnets-carte-article .carnets-region { padding: 0.5rem 0.5rem 0.1rem; border-radius: 14px; }
	.carnets-accueil .carnets-carte-article .carnets-region__nom { margin: 0.6rem 0 0.7rem; }
	.carnets-accueil .carnets-carte-article .carnets-region__nom a { font-size: 0.82rem; line-height: 1.25; }

	/* Articles : deux par ligne également */
	.carnets-accueil .carnets-articles .carnets-destinations {
		grid-template-columns: 1fr 1fr !important;
		gap: 0.8rem;
	}
	.carnets-accueil .carnets-carte-article .carnets-destination__titre { margin: 0.7rem 0.7rem 0; font-size: 0.86rem; line-height: 1.25; }
	.carnets-accueil .carnets-carte-article .carnets-destination__date { margin: 0.35rem 0.7rem 0.8rem; font-size: 0.66rem; }

	/* La carte mérite de la hauteur pour rester lisible au doigt */
	.carnets-accueil .carnets-carte-article .carnets-scratchmap { padding: 0.4rem; }
	.carnets-accueil .carnets-scratchmap .map_render,
	.carnets-accueil .carnets-scratchmap .map_box,
	.carnets-accueil .carnets-scratchmap .map_wrapper { min-height: 300px; }

	/* Respiration : sections plus resserrées, carte grise plus large */
	.carnets-accueil .carnets-carte-article {
		width: 96%;
		padding: 1.6rem 0.85rem 2rem;
	}
	.carnets-accueil .carnets-carte-article .carnets-section__titre {
		margin: 2.4rem 0 1.2rem;
		padding-top: 1.1rem;
		font-size: 1.3rem;
	}
	.carnets-accueil .carnets-carte-article .carnets-section__titre::before { width: 36px; height: 3px; }
	.carnets-accueil .carnets-carte-article .carnets-plus { margin-top: 1.6rem; }
	.carnets-accueil .carnets-carte-article .carnets-ouverture { margin-top: 2.6rem; }
	.carnets-accueil .carnets-carte-article .carnets-duo { margin-top: 2.2rem; padding: 1.8rem 1rem 2rem; }
	.carnets-accueil .carnets-carte-article .carnets-portrait img { width: 96px; height: 96px; }
}
@media (max-width: 620px) {
	/* Compteurs : deux par deux plutôt que 3 + 1 orphelin */
	.carnets-accueil .carnets-carte-article .carnets-chiffres {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 1.4rem 0;
		padding: 1.6rem 1rem;
	}
	.carnets-accueil .carnets-carte-article .carnets-chiffre { padding: 0; border-left: 0; }
	.carnets-accueil .carnets-carte-article .carnets-chiffre:nth-child(even) { border-left: 1px solid rgba(30, 42, 54, 0.09); }

	/* Recherche : champ pleine largeur, bouton dessous */
	.carnets-accueil .carnets-carte-article .carnets-recherche .wp-block-search__inside-wrapper {
		flex-direction: column;
		gap: 0.6rem;
	}
	.carnets-accueil .carnets-carte-article .carnets-recherche .wp-block-search__input {
		width: 100%;
		border-radius: 999px;
		text-align: center;
	}
	.carnets-accueil .carnets-carte-article .carnets-recherche .wp-block-search__button {
		width: 100%;
		border-radius: 999px;
		margin-left: 0;
	}
}

/* =================================================================
   Ouverture cinematographique : les dernieres balades en diaporama
   plein ecran, fondu enchaine et lent zoom. Tout en CSS : les vues
   sont empilees et s effacent a tour de role.
   ================================================================= */
.carnets-diapo {
	position: sticky;
	top: 0;
	z-index: 0;
	height: 82vh;
	min-height: 30rem;
	overflow: hidden;
	background: #16202a;
}
.carnets-diapo__scene {
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	inset: 0;
}
.carnets-diapo__scene > li {
	position: absolute;
	inset: 0;
	margin: 0;
	opacity: 0;
	animation: carnets-diapo-vue 30s infinite;
}
.carnets-diapo__scene > li:nth-child(1) { animation-delay: 0s; }
.carnets-diapo__scene > li:nth-child(2) { animation-delay: 6s; }
.carnets-diapo__scene > li:nth-child(3) { animation-delay: 12s; }
.carnets-diapo__scene > li:nth-child(4) { animation-delay: 18s; }
.carnets-diapo__scene > li:nth-child(5) { animation-delay: 24s; }
@keyframes carnets-diapo-vue {
	0% { opacity: 0; }
	3%, 20% { opacity: 1; }
	23%, 100% { opacity: 0; }
}
.carnets-diapo__vue { height: 100%; }

/* Lent travelling avant sur chaque photo */
.carnets-diapo__vue .wp-block-cover__image-background {
	animation: carnets-diapo-zoom 30s infinite;
	transform-origin: center;
}
.carnets-diapo__scene > li:nth-child(1) .wp-block-cover__image-background { animation-delay: 0s; }
.carnets-diapo__scene > li:nth-child(2) .wp-block-cover__image-background { animation-delay: 6s; }
.carnets-diapo__scene > li:nth-child(3) .wp-block-cover__image-background { animation-delay: 12s; }
.carnets-diapo__scene > li:nth-child(4) .wp-block-cover__image-background { animation-delay: 18s; }
.carnets-diapo__scene > li:nth-child(5) .wp-block-cover__image-background { animation-delay: 24s; }
@keyframes carnets-diapo-zoom {
	0% { transform: scale(1.02); }
	23% { transform: scale(1.12); }
	100% { transform: scale(1.12); }
}

/* Le texte monte doucement avec la photo */
.carnets-diapo__vue .wp-block-cover__inner-container {
	align-self: flex-end;
	width: 100%;
	padding: 0 clamp(1.2rem, 5vw, 4rem) clamp(3rem, 7vh, 5.5rem);
	animation: carnets-diapo-texte 30s infinite;
}
.carnets-diapo__scene > li:nth-child(1) .wp-block-cover__inner-container { animation-delay: 0s; }
.carnets-diapo__scene > li:nth-child(2) .wp-block-cover__inner-container { animation-delay: 6s; }
.carnets-diapo__scene > li:nth-child(3) .wp-block-cover__inner-container { animation-delay: 12s; }
.carnets-diapo__scene > li:nth-child(4) .wp-block-cover__inner-container { animation-delay: 18s; }
.carnets-diapo__scene > li:nth-child(5) .wp-block-cover__inner-container { animation-delay: 24s; }
@keyframes carnets-diapo-texte {
	0% { transform: translateY(22px); }
	6%, 20% { transform: translateY(0); }
	100% { transform: translateY(0); }
}

.carnets-diapo .carnets-diapo__sur {
	margin: 0 0 0.6rem;
	color: #f3b48a;
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}
.carnets-diapo .carnets-diapo__titre { margin: 0; }
.carnets-diapo .carnets-diapo__titre a {
	color: #fff;
	font-size: clamp(2.4rem, 6.5vw, 5rem);
	font-weight: 300;
	line-height: 1.02;
	letter-spacing: -0.02em;
	text-decoration: none;
	text-shadow: 0 4px 40px rgba(0, 0, 0, 0.45);
}
.carnets-diapo .carnets-diapo__titre a:hover { color: #f3b48a; }
.carnets-diapo .carnets-diapo__date {
	margin: 0.8rem 0 0;
	color: rgba(255, 255, 255, 0.78);
	font-size: 0.78rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* Invitation a descendre */
.carnets-diapo__descendre {
	position: absolute;
	left: 50%;
	bottom: 1.4rem;
	transform: translateX(-50%);
	width: 26px;
	height: 42px;
	border: 2px solid rgba(255, 255, 255, 0.55);
	border-radius: 999px;
	z-index: 3;
}
.carnets-diapo__descendre span {
	position: absolute;
	left: 50%;
	top: 8px;
	width: 4px;
	height: 8px;
	margin-left: -2px;
	border-radius: 999px;
	background: #fff;
	animation: carnets-descendre 1.8s ease-in-out infinite;
}
@keyframes carnets-descendre {
	0%, 100% { transform: translateY(0); opacity: 1; }
	60% { transform: translateY(14px); opacity: 0.15; }
}

/* Le contenu glisse par-dessus le diaporama */
.carnets-accueil .carnets-diapo ~ .carnets-carte-article {
	position: relative;
	z-index: 2;
	margin-top: -4.5rem;
}

@media (prefers-reduced-motion: reduce) {
	.carnets-diapo__scene > li { animation: none; opacity: 0; }
	.carnets-diapo__scene > li:first-child { opacity: 1; }
	.carnets-diapo__vue .wp-block-cover__image-background,
	.carnets-diapo__vue .wp-block-cover__inner-container,
	.carnets-diapo__descendre span { animation: none; }
}
@media (max-width: 620px) {
	.carnets-diapo { height: 74vh; min-height: 26rem; }
	.carnets-diapo__descendre { display: none; }
	.carnets-diapo__vue .wp-block-cover__inner-container { padding-bottom: 4.5rem; }
	.carnets-diapo .carnets-diapo__titre a { font-size: clamp(2rem, 9vw, 2.8rem); }
	.carnets-accueil .carnets-diapo ~ .carnets-carte-article { margin-top: -3rem; }
}

/* Descendant et non enfant direct : le contenu de la page est enveloppe
   par .entry-content. Marges negatives seules (pas de width:100vw, qui
   ajouterait la largeur de la barre de defilement). */
.carnets-accueil .carnets-scene {
	max-width: none;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
}
.carnets-scene {
	position: relative;
	overflow: hidden;
	margin-bottom: 0;
	padding-bottom: clamp(1.5rem, 4vh, 3rem);
	background: linear-gradient(180deg,
		#bcd2e4 0%,
		#b3cde0 14%,
		#93b7d5 30%,
		#6f9ec4 44%,
		#587f9d 60%,
		#46647c 76%,
		var(--wp--preset--color--slate) 100%);
}
.carnets-scene .carnets-scene__image {
	margin: 0;
	/* Le haut du dessin est un ciel vide : on le recadre pour entrer
	   plus vite dans la scene, le bas transparent reste intact. */
	margin-top: -11%;
}
.carnets-scene .carnets-scene__image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 0;
	box-shadow: none;
}
/* Le mot d accueil, dans la continuite de la scene */
.carnets-scene .carnets-scene__mot {
	max-width: 34rem;
	margin: -0.5rem auto 0;
	position: relative;
	z-index: 2;
	color: rgba(255, 255, 255, 0.92);
	font-size: clamp(1rem, 1.7vw, 1.22rem);
	font-weight: 300;
	line-height: 1.6;
	text-shadow: 0 2px 18px rgba(16, 24, 31, 0.45);
}

/* La carte grise vient se poser sous la scene, sans la rogner */
.carnets-accueil .carnets-scene + .carnets-carte-article {
	margin-top: clamp(1.5rem, 3.5vh, 2.6rem);
	border-radius: 20px;
}

@media (max-width: 900px) {
	.carnets-scene .carnets-scene__image { margin-top: -8%; }
}
@media (max-width: 620px) {
	.carnets-scene { padding-bottom: 1rem; }
	.carnets-scene .carnets-scene__image { margin-top: -4%; }
	.carnets-scene .carnets-scene__mot {
		margin-top: -0.5rem;
		padding: 0 1.2rem;
		font-size: 0.98rem;
	}
	.carnets-accueil .carnets-scene + .carnets-carte-article { margin-top: 1.2rem; }
}

/* --- Parallax : la scene recule moins vite que le contenu, puis s efface
   en se floutant et en prenant la couleur du fond. --- */
.carnets-accueil .carnets-scene {
	position: relative;
	z-index: 0;
	will-change: transform;
	/* 0.45 : la scene ne parcourt que 45 % du defilement, elle prend donc du
	   retard sur le contenu tout en finissant par sortir de l ecran. */
	transform: translateY(calc(var(--carnets-scroll, 0px) * 0.45));
}
.carnets-accueil .carnets-scene .carnets-scene__image img {
	filter: blur(calc(var(--carnets-defil, 0) * 13px));
	transform: scale(calc(1 + var(--carnets-defil, 0) * 0.07));
	will-change: filter, transform;
}
/* Voile qui fond la scene dans le bleu du site */
.carnets-accueil .carnets-scene::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
	background: var(--wp--preset--color--slate);
	opacity: calc(var(--carnets-defil, 0) * 0.92);
}
@media (prefers-reduced-motion: reduce) {
	.carnets-accueil .carnets-scene { transform: none; }
	.carnets-accueil .carnets-scene .carnets-scene__image img { filter: none; transform: none; }
	.carnets-accueil .carnets-scene::after { opacity: 0; }
}
.carnets-accueil .carnets-scene + .carnets-carte-article,
.carnets-accueil .carnets-scene ~ .carnets-carte-article {
	position: relative;
	z-index: 2;
	margin-top: -3.5rem;
	box-shadow: 0 -18px 50px rgba(16, 24, 31, 0.35);
}

/* --- La carte du monde n a plus de cadre blanc --- */
.carnets-accueil .carnets-carte-article .carnets-scratchmap {
	background: transparent;
	border: 0;
	box-shadow: none;
	padding: 0;
}

/* --- Au-dela de 6 vignettes : defilement horizontal a la place du
   pave. Les regions et les articles deviennent un carrousel qu on
   fait glisser au doigt, avec accroche sur chaque vignette. --- */
@media (max-width: 620px) {
	.carnets-accueil .carnets-regions__grille,
	.carnets-accueil .carnets-articles .carnets-destinations {
		display: flex !important;
		grid-template-columns: none !important;
		overflow-x: auto;
		scroll-snap-type: x mandatory;
		gap: 0.8rem;
		padding-bottom: 0.6rem;
		margin-right: -0.85rem;
		scrollbar-width: none;
	}
	.carnets-accueil .carnets-regions__grille::-webkit-scrollbar,
	.carnets-accueil .carnets-articles .carnets-destinations::-webkit-scrollbar { display: none; }
	.carnets-accueil .carnets-regions__grille > li,
	.carnets-accueil .carnets-articles .carnets-destinations > li {
		flex: 0 0 62%;
		scroll-snap-align: start;
	}
	.carnets-accueil .carnets-regions__grille > li:last-child,
	.carnets-accueil .carnets-articles .carnets-destinations > li:last-child { margin-right: 0.85rem; }
}

/* Le bloc Laure et Pierre devient une carte chaleureuse */
.carnets-accueil .carnets-carte-article .carnets-duo {
	position: relative;
	overflow: hidden;
	background: linear-gradient(135deg, #e3823f 0%, #c9622a 55%, #b04f21 100%);
	border: 0;
	box-shadow: 0 16px 40px rgba(201, 98, 42, 0.35);
}
.carnets-accueil .carnets-carte-article .carnets-duo::after {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='420' height='420' viewBox='0 0 260 260' fill='none' stroke='%23ffffff' stroke-width='1' opacity='0.16'%3E%3Cpath d='M0 40c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 90c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 140c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 190c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 240c40-30 80 30 130 0s90-30 130 0'/%3E%3C/svg%3E");
	background-repeat: repeat;
}
.carnets-accueil .carnets-carte-article .carnets-duo > * { position: relative; z-index: 1; }
.carnets-accueil .carnets-carte-article .carnets-duo__titre { color: #fff; }
.carnets-accueil .carnets-carte-article .carnets-duo__texte { color: rgba(255, 255, 255, 0.92); }
.carnets-accueil .carnets-carte-article .carnets-duo .carnets-portrait img {
	border-color: rgba(255, 255, 255, 0.7);
	box-shadow: 0 10px 26px rgba(120, 52, 16, 0.35);
}
.carnets-accueil .carnets-carte-article .carnets-duo .wp-block-button__link {
	background: #fff;
	color: #c9622a;
}
.carnets-accueil .carnets-carte-article .carnets-duo .wp-block-button__link:hover {
	background: #1f2d38;
	color: #fff;
}

/* Les compteurs prennent le bleu du site plutot que le blanc */
.carnets-accueil .carnets-carte-article .carnets-chiffres {
	background: linear-gradient(135deg, #43596b 0%, #33454f 100%);
	border: 0;
	box-shadow: 0 14px 34px rgba(30, 42, 54, 0.28);
}
.carnets-accueil .carnets-carte-article .carnets-chiffre { border-left-color: rgba(255, 255, 255, 0.16); }
.carnets-accueil .carnets-carte-article .carnets-chiffre__nombre { color: #f0a06a; }
.carnets-accueil .carnets-carte-article .carnets-chiffre__legende { color: rgba(255, 255, 255, 0.72); }
@media (max-width: 620px) {
	.carnets-accueil .carnets-carte-article .carnets-chiffre:nth-child(even) { border-left-color: rgba(255, 255, 255, 0.16); }
}

/* Pied de page : plus de presence, filet orange et trame */
.carnets-footer {
	position: relative;
	margin-top: 0;
	padding: 3rem 1.5rem 3.5rem;
	border-top: 0;
}
.carnets-footer::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 92px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #e3823f, #c9622a);
}
.carnets-footer .carnets-footer__liens { gap: 2rem; font-size: 0.82rem; }
.carnets-footer .carnets-footer__liens a { color: rgba(255, 255, 255, 0.9); }
.carnets-footer .carnets-footer__liens a:hover { color: #f0a06a; }
.carnets-footer .carnets-footer__ligne { color: rgba(255, 255, 255, 0.55); margin-top: 1.1rem; }

/* Apparition au defilement, commune a toutes les propositions */
[data-apparition] {
	opacity: 0;
	transform: translateY(28px);
	transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
[data-apparition].est-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) {
	[data-apparition] { opacity: 1; transform: none; transition: none; }
}

/* ---------- 1. Le carnet de route ---------- */
.carnets-bilan {
	position: relative;
	overflow: hidden;
	padding: 2.8rem 1.5rem 3rem;
	border-radius: 22px;
	background: linear-gradient(135deg, #3f5567 0%, #2b3b47 100%);
	color: #fff;
}
.carnets-bilan__fond {
	position: absolute;
	inset: 0;
	opacity: 0.5;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600' viewBox='0 0 260 260' fill='none' stroke='%23ffffff' stroke-width='0.9' opacity='0.25'%3E%3Cpath d='M0 40c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 90c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 140c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 190c40-30 80 30 130 0s90-30 130 0'/%3E%3Cpath d='M0 240c40-30 80 30 130 0s90-30 130 0'/%3E%3C/svg%3E");
}
.carnets-bilan > * { position: relative; z-index: 1; }
.carnets-bilan__titre {
	margin: 0 0 2rem;
	text-align: center;
	font-size: 1.35rem;
	font-weight: 600;
	color: #fff;
}
.carnets-bilan__liste {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 1rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
.carnets-bilan__item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.35rem;
	margin: 0;
	padding: 0 0.8rem;
	border-left: 1px solid rgba(255, 255, 255, 0.14);
}
.carnets-bilan__item:first-child { border-left: 0; }
.carnets-bilan__icone {
	width: 34px;
	height: 34px;
	margin-bottom: 0.4rem;
	fill: none;
	stroke: #f0a06a;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
	opacity: 0.9;
}
.carnets-bilan__nombre {
	font-size: 2.7rem;
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.02em;
	color: #f0a06a;
}
.carnets-bilan__legende {
	font-size: 0.72rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: rgba(255, 255, 255, 0.68);
}

/* ---------- 3. Les polaroids epingles ---------- */
.carnets-polas {
	padding: 2.6rem 1.5rem 3rem;
	border-radius: 22px;
	background: #eceff1;
	text-align: center;
}
.carnets-polas__titre { margin: 0 0 2rem; font-size: 1.35rem; font-weight: 600; color: #2b3b47; }
.carnets-polas__mur { display: flex; justify-content: center; gap: clamp(2.2rem, 5vw, 4.2rem); }
.carnets-polas__pola {
	position: relative;
	margin: 0;
	padding: 0.7rem 0.7rem 2.6rem;
	background: #fff;
	box-shadow: 0 14px 30px rgba(30, 42, 54, 0.22);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.45s ease;
}
.carnets-polas__pola--a { transform: rotate(-5deg); }
.carnets-polas__pola--b { transform: rotate(4deg); }
.carnets-polas__pola:hover { transform: rotate(0deg) scale(1.04); box-shadow: 0 22px 46px rgba(30, 42, 54, 0.3); z-index: 2; }
.carnets-polas__pola img { display: block; width: 168px; height: 168px; object-fit: cover; background: #f4f6f7; }
.carnets-polas__pola figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0.7rem;
	font-size: 0.95rem;
	font-weight: 600;
	color: #4a5561;
}
.carnets-polas__scotch {
	position: absolute;
	top: -12px;
	left: 50%;
	width: 74px;
	height: 24px;
	margin-left: -37px;
	background: linear-gradient(180deg, rgba(240, 160, 106, 0.55), rgba(227, 130, 63, 0.4));
	border-left: 1px dashed rgba(255, 255, 255, 0.5);
	border-right: 1px dashed rgba(255, 255, 255, 0.5);
	transform: rotate(-2deg);
}
.carnets-polas__mot { margin: 2rem auto 1.4rem; max-width: 30rem; color: #5c6773; }
.carnets-polas__lien {
	display: inline-block;
	padding: 0.6em 1.5em;
	border: 2px solid var(--wp--preset--color--accent);
	border-radius: 999px;
	color: var(--wp--preset--color--accent);
	font-weight: 600;
	text-decoration: none;
	transition: background-color 0.25s ease, color 0.25s ease;
}
.carnets-polas__lien:hover { background: var(--wp--preset--color--accent); color: #fff; }

/* ---------- 5. La vague et le degrade vivant ---------- */
@keyframes p5-degrade {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}

@media (max-width: 760px) {
	.carnets-bilan__liste { grid-template-columns: 1fr 1fr; gap: 1.6rem 0.6rem; }
	.carnets-bilan__item:nth-child(odd) { border-left: 0; }
	.carnets-bilan__nombre { font-size: 2.1rem; }
	.carnets-polas__mur { gap: 1.2rem; }
	.carnets-polas__pola img { width: 120px; height: 120px; }
}

/* --- Les deux blocs retenus, en place sur l accueil --- */
.carnets-accueil .carnets-carte-article .carnets-bilan { margin-top: 3.5rem; }
.carnets-accueil .carnets-carte-article .carnets-polas {
	margin-top: 2rem;
	background: #e9edef;
}
.carnets-accueil .carnets-carte-article .carnets-bilan__titre,
.carnets-accueil .carnets-carte-article .carnets-polas__titre { padding-top: 0; }
.carnets-accueil .carnets-carte-article .carnets-bilan__titre::before,
.carnets-accueil .carnets-carte-article .carnets-polas__titre::before { display: none; }
.carnets-accueil .carnets-carte-article .carnets-bilan__titre { color: #fff; }
.carnets-accueil .carnets-carte-article .carnets-polas__titre { color: #2b3b47; }
.carnets-accueil .carnets-carte-article .carnets-polas__mot { color: #5c6773; }
.carnets-accueil .carnets-carte-article .carnets-polas__lien { color: var(--wp--preset--color--accent); }
.carnets-accueil .carnets-carte-article .carnets-polas__lien:hover { color: #fff; }

/* --- Bloc fusionne : la question, la recherche et les chiffres --- */
.carnets-bilan__entete {
	position: relative;
	z-index: 1;
	max-width: 38rem;
	margin: 0 auto;
	padding-bottom: 2.2rem;
	text-align: center;
}
.carnets-accueil .carnets-carte-article .carnets-bilan__entete .carnets-bilan__titre {
	margin: 0 0 0.7rem;
	font-size: clamp(1.5rem, 2.6vw, 1.9rem);
	font-weight: 700;
	color: #fff;
}
.carnets-bilan__mot {
	margin: 0 0 1.6rem;
	color: rgba(255, 255, 255, 0.76);
	font-size: 1rem;
	line-height: 1.55;
}
.carnets-bilan__champ {
	display: flex;
	justify-content: center;
	gap: 0.6rem;
	/* La phrase d invite etait coupee : elle demande 340 px, le champ n en
	   offrait que 303. */
	max-width: 36rem;
	margin: 0 auto;
}
.carnets-bilan__champ input {
	flex: 1;
	min-width: 0;
	padding: 0.85em 1.3em;
	font-size: 1rem;
	border: 1px solid rgba(255, 255, 255, 0.28);
	border-radius: 999px;
	background: rgba(255, 255, 255, 0.12);
	color: #fff;
	font: inherit;
	transition: border-color 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}
.carnets-bilan__champ input::placeholder { color: rgba(255, 255, 255, 0.55); }
.carnets-bilan__champ input:focus {
	outline: none;
	border-color: #f0a06a;
	background: rgba(255, 255, 255, 0.18);
	box-shadow: 0 0 0 4px rgba(240, 160, 106, 0.18);
}
.carnets-bilan__champ button {
	padding: 0.85em 1.7em;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: #fff;
	font: inherit;
	font-weight: 600;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}
.carnets-bilan__champ button:hover {
	background: #e3823f;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(212, 112, 52, 0.4);
}
/* Filet de separation entre la recherche et les chiffres */
.carnets-bilan__liste {
	position: relative;
	padding-top: 2.2rem;
}
.carnets-bilan__liste::before {
	content: "";
	position: absolute;
	top: 0;
	left: 8%;
	right: 8%;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
}
/* Le titre general du panneau disparait : l entete le remplace */
.carnets-accueil .carnets-carte-article .carnets-bilan { padding-top: 2.6rem; }
@media (max-width: 620px) {
	.carnets-bilan__entete { padding-bottom: 1.6rem; }
	.carnets-bilan__champ { flex-direction: column; }
	.carnets-bilan__champ input { text-align: center; }
	.carnets-bilan__champ button { width: 100%; }
	.carnets-bilan__liste { padding-top: 1.6rem; }
}

/* --- Pagination posee sur la carte grise (page « Toutes les balades ») :
   les couleurs par defaut sont prevues pour le fond ardoise. --- */
.carnets-carte-article .carnets-pagination a,
.carnets-carte-article .carnets-pagination span {
	color: var(--wp--preset--color--slate);
}
.carnets-carte-article .carnets-pagination a:hover {
	background: rgba(61, 79, 93, 0.1);
	color: var(--wp--preset--color--slate);
}
.carnets-carte-article .carnets-pagination .current {
	background: var(--wp--preset--color--accent);
	color: #fff;
}

/* --- Menu : empecher le panneau de se reorganiser --- 
   Les colonnes etaient dimensionnees par leur contenu : quand la photo du
   « Dernier carnet » finissait de charger, toute la grille se recalculait et
   les entrees sautaient. On fige les pistes et on reserve la place de l image. */
@media (min-width: 600px) {
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container {
		grid-template-columns: minmax(0, 1.1fr) minmax(0, 1.1fr) minmax(0, 0.85fr);
	}
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item { min-width: 0; }
	.carnets-nav .carnets-mega > .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation__submenu-container {
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
	}
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation-item { min-width: 0; }
	/* La vignette du dernier carnet occupe une place connue d avance */
	.carnets-mega-vedette__photo,
	.carnets-mega-vedette__photo img {
		display: block;
		width: 100%;
		aspect-ratio: 4 / 3;
		object-fit: cover;
	}
	.carnets-mega__vedette { min-width: 0; }
}

/* Titre de page : le filet orange des sections de l accueil */
.carnets-carte-article .carnets-page__titre {
	position: relative;
	margin: 0.4rem 0 2rem;
	padding-top: 1.5rem;
	color: var(--wp--preset--color--slate);
	font-size: clamp(1.7rem, 3vw, 2.2rem);
	font-weight: 700;
	text-align: center;
}
.carnets-carte-article .carnets-page__titre::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 46px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #e3823f, #c9622a);
}

/* La justification est faite pour les carnets, pas pour les pages :
   en colonnes etroites elle creuse des trous entre les mots.
   (Le gabarit des pages porte la classe .carnets-page-fond.) */
.carnets-page-fond .wp-block-post-content > p,
.carnets-page-fond .wp-block-column p{ text-align: left; }

/* Boutons des pages fixes */
.carnets-page-fond .wp-block-buttons .wp-block-button__link {
	background: var(--wp--preset--color--accent);
	border-radius: 999px;
	padding: 0.75em 1.8em;
	color: #fff;
	font-weight: 600;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-page-fond .wp-block-buttons .wp-block-button__link:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(212, 112, 52, 0.35);
}

/* --- Pages de liste (toutes les balades, archives, recherche, 404) --- */
.carnets-liste .carnets-destination {
	border-radius: 16px;
	box-shadow: 0 12px 30px rgba(0, 0, 0, 0.22);
}
.carnets-liste .carnets-destination:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 46px rgba(0, 0, 0, 0.32);
}
.carnets-liste .carnets-destination__photo img { transition: transform 0.5s ease; }
.carnets-liste .carnets-destination:hover .carnets-destination__photo img { transform: scale(1.04); }
/* Titre des listes : le meme filet orange, en clair sur l ardoise */
.carnets-liste .carnets-liste__titre {
	position: relative;
	padding-top: 1.6rem;
}
.carnets-liste .carnets-liste__titre::before {
	content: "";
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 46px;
	height: 4px;
	border-radius: 999px;
	background: linear-gradient(90deg, #e3823f, #c9622a);
}
/* Carte grise des pages : titre de liste en fonce */
.carnets-carte-article .carnets-destinations { gap: 1.4rem; }

@media (max-width: 620px) {
	/* Deux colonnes sur les listes aussi, comme sur l accueil */
	.carnets-liste .carnets-destinations,
	.carnets-carte-article .carnets-destinations {
		grid-template-columns: 1fr 1fr !important;
		gap: 0.8rem;
	}
	.carnets-liste .carnets-destination__titre,
	.carnets-carte-article .carnets-destination__titre { font-size: 0.86rem; line-height: 1.25; margin: 0.7rem 0.7rem 0; }
	.carnets-liste .carnets-destination__date,
	.carnets-carte-article .carnets-destination__date { font-size: 0.66rem; margin: 0.35rem 0.7rem 0.8rem; }
	.carnets-liste .carnets-destination__texte { display: none; }
	.carnets-carte-article .carnets-page__titre { font-size: 1.5rem; margin-bottom: 1.4rem; }
	.carnets-page-fond .wp-block-columns { gap: 1.6rem; }
}

/* --- Formulaire d inscription (MailerLite) : aux couleurs du site --- */
.carnets-carte-article .ml-button-horizontal button[type="submit"],
.carnets-carte-article .ml-block-form button[type="submit"] {
	background: var(--wp--preset--color--accent) !important;
	border: 0 !important;
	border-radius: 999px !important;
	padding: 0.8em 1.8em !important;
	font-family: inherit !important;
	font-weight: 600 !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-carte-article .ml-button-horizontal button[type="submit"]:hover {
	background: #c9622a !important;
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(212, 112, 52, 0.35);
}
.carnets-carte-article .ml-form-embedBody input[type="email"],
.carnets-carte-article .ml-form-embedBody input[type="text"] {
	border-radius: 999px !important;
	border: 1px solid #dfe3e7 !important;
	padding: 0.8em 1.2em !important;
	font-family: inherit !important;
}

/* --- Menu : neutraliser la largeur minimale du coeur de WordPress ---
   Au survol, WordPress applique `width: auto; min-width: 200px` aux
   sous-menus ouverts. Dans notre panneau, les listes de villes passaient
   donc de 157 a 200px : « De Budapest a Cracovie » repliait ses deux
   lignes en une seule et tout le reste de la colonne remontait. */
@media (min-width: 600px) {
	.carnets-nav .carnets-mega .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container,
	.carnets-nav .carnets-mega .has-child:hover > .wp-block-navigation__submenu-container,
	.carnets-nav .carnets-mega .has-child:focus-within > .wp-block-navigation__submenu-container {
		min-width: 0 !important;
		width: auto !important;
		max-width: 100% !important;
	}
}

/* --- La carte ne bloque plus le defilement au doigt ---
   amCharts capte les gestes tactiles : un defilement demarre sur la carte
   restait prisonnier. On laisse passer le geste vertical, la carte ne
   repond qu au toucher franc. */
.carnets-scratchmap,
.carnets-scratchmap .map_wrapper,
.carnets-scratchmap .map_box,
.carnets-scratchmap .map_render,
.carnets-scratchmap .map_render * {
	touch-action: pan-y !important;
}

/* --- Menu mobile : le nom du site sur la ligne de la croix ---
   Le coeur pose 56px de marge haute sur le conteneur du menu ouvert, ce qui
   descendait la marque bien en dessous du bouton de fermeture. */
.carnets-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 0 !important;
}
.carnets-nav .wp-block-navigation__responsive-container-close {
	/* Le bouton est positionne dans le conteneur, qui commence deja sous le
	   padding de l overlay : on ne compte donc que le centrage sur la ligne. */
	top: 0.15rem;
}

/* --- La newsletter, en bas de l accueil (proposition « la vague ») --- */
.carnets-accueil .carnets-carte-article .carnets-lettre {
	position: relative;
	margin-top: 3rem;
	border-radius: 20px;
	overflow: hidden;
	background: linear-gradient(120deg, #e3823f, #c9622a, #a8452a, #c9622a, #e3823f);
	background-size: 300% 300%;
	animation: carnets-lettre-degrade 16s ease infinite;
	color: #fff;
	text-align: center;
}
@keyframes carnets-lettre-degrade {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}
.carnets-lettre__vague {
	position: absolute;
	top: -1px;
	left: 0;
	width: 100%;
	height: 64px;
	fill: #f2f2f1;
}
.carnets-lettre__corps { position: relative; z-index: 1; padding: 4.6rem 1.5rem 3rem; }
.carnets-accueil .carnets-carte-article .carnets-lettre__titre {
	margin: 0 0 0.6rem;
	padding-top: 0;
	color: #fff;
	font-size: clamp(1.4rem, 2.6vw, 1.8rem);
	font-weight: 700;
}
.carnets-accueil .carnets-carte-article .carnets-lettre__titre::before { display: none; }
.carnets-lettre__mot { margin: 0 0 1.6rem; color: rgba(255, 255, 255, 0.92); }
/* Le formulaire embarque : fond et cadres neutralises, champs arrondis */
.carnets-lettre__champ .ml-form-embedContainer,
.carnets-lettre__champ .ml-form-embedWrapper,
.carnets-lettre__champ .ml-form-embedBody {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 auto !important;
	max-width: 32rem !important;
}
.carnets-lettre__champ .ml-form-embedContent { display: none !important; }
.carnets-lettre__champ input[type="email"],
.carnets-lettre__champ input[type="text"] {
	border-radius: 999px !important;
	border: 0 !important;
	padding: 0.85em 1.3em !important;
	font-family: inherit !important;
}
.carnets-lettre__champ button[type="submit"] {
	border-radius: 999px !important;
	background: #1f2d38 !important;
	border: 0 !important;
	padding: 0.85em 1.8em !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-lettre__champ button[type="submit"]:hover {
	background: #16212a !important;
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(0, 0, 0, 0.28);
}
@media (prefers-reduced-motion: reduce) {
	.carnets-accueil .carnets-carte-article .carnets-lettre { animation: none; }
}
@media (max-width: 620px) {
	.carnets-lettre__corps { padding: 3.6rem 1.1rem 2.4rem; }
}

/* =================================================================
   La lettre des balades, en carte postale, tout en bas de l accueil
   ================================================================= */
.carnets-accueil .carnets-carte-article .carnets-lettre {
	margin-top: 3rem;
	background: none;
	animation: none;
	border-radius: 0;
	overflow: visible;
	perspective: 1200px;
}
.carnets-lettre__carte {
	display: grid;
	grid-template-columns: 1.05fr 1fr;
	border-radius: 6px;
	overflow: hidden;
	background: #fdfaf4;
	box-shadow: 0 22px 50px rgba(30, 42, 54, 0.26);
	transform: rotate(-0.6deg);
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s ease;
}
.carnets-lettre:hover .carnets-lettre__carte {
	transform: rotate(0deg) translateY(-5px);
	box-shadow: 0 34px 70px rgba(30, 42, 54, 0.32);
}
.carnets-lettre__gauche {
	padding: 2.6rem 2.2rem;
	border-right: 2px dashed #ded5c4;
	text-align: left;
}
.carnets-lettre__sur {
	margin: 0 0 0.7rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.22em;
	text-transform: uppercase;
}
.carnets-accueil .carnets-carte-article .carnets-lettre__titre {
	margin: 0 0 0.8rem;
	padding-top: 0;
	color: #2b3b47;
	font-size: clamp(1.4rem, 2.4vw, 1.75rem);
	font-weight: 700;
	text-align: left;
}
.carnets-accueil .carnets-carte-article .carnets-lettre__titre::before { display: none; }
.carnets-lettre__mot {
	margin: 0;
	color: #5c6773;
	font-size: 1rem;
	line-height: 1.6;
	text-align: left;
}
.carnets-lettre__droite {
	position: relative;
	padding: 2.6rem 2.2rem;
}

/* Le formulaire vient apres les lignes d adresse. On lui laisse de quoi
   se degager du timbre, dont le bas arrive a la meme hauteur. */
.carnets-lettre__champ { margin-top: 2.4rem; }
.carnets-lettre__champ .ml-form-embedContainer,
.carnets-lettre__champ .ml-form-embedWrapper,
.carnets-lettre__champ .ml-form-embedBody {
	background: transparent !important;
	border: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	max-width: none !important;
	width: 100% !important;
}
.carnets-lettre__champ .ml-form-embedContent { display: none !important; }
.carnets-lettre__champ input[type="email"],
.carnets-lettre__champ input[type="text"] {
	border-radius: 999px !important;
	border: 1px solid #e0d5c2 !important;
	background: #fff !important;
	padding: 0.85em 1.3em !important;
	font-family: inherit !important;
}
.carnets-lettre__champ button[type="submit"] {
	border-radius: 999px !important;
	border: 0 !important;
	padding: 0.85em 1.8em !important;
	font-family: inherit !important;
	font-weight: 700 !important;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-lettre__champ button[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(212, 112, 52, 0.35);
}

@media (max-width: 760px) {
	.carnets-lettre__carte { grid-template-columns: 1fr; transform: none; }
	.carnets-lettre__gauche {
		border-right: 0;
		border-bottom: 2px dashed #ded5c4;
		padding: 1.9rem 1.3rem;
	}
	.carnets-lettre__droite { padding: 1.6rem 1.3rem 1.9rem; }
	/* Le cachet est decoratif : il debordait du papier sur petit ecran */
	.carnets-lettre__champ { margin-top: 0; }
	.carnets-lettre__lignes { display: none; }
	.carnets-lettre__timbre { display: none; }
}

/* =================================================================
   Pied de page : le bandeau Instagram puis la barre de bas de page,
   comme sur l ancien site
   ================================================================= */
.carnets-footer {
	margin-top: 0;
	padding: 0;
	border-top: 0;
	text-align: left;
}
.carnets-footer::before { display: none; }
.carnets-footer__haut {
	padding: 2.8rem 1.5rem 2.6rem;
	background: rgba(0, 0, 0, 0.18);
	border-top: 1px solid rgba(255, 255, 255, 0.08);
}
.carnets-footer__insta {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.1rem;
	max-width: 76rem;
	margin: 0 auto;
}
.carnets-footer__insta p {
	margin: 0;
	color: #fff;
	font-size: 1.15rem;
	font-weight: 600;
}
.carnets-footer__insta a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	background: var(--wp--preset--color--accent);
	color: #fff;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-footer__insta a:hover {
	transform: translateY(-3px) rotate(-6deg);
	box-shadow: 0 12px 26px rgba(212, 112, 52, 0.45);
}
.carnets-footer__insta svg {
	width: 24px;
	height: 24px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
}
/* La barre du bas court sur toute la largeur, dans un ton plus sombre */
.carnets-footer__barre {
	background: rgba(0, 0, 0, 0.3);
	border-top: 1px solid rgba(255, 255, 255, 0.07);
}
.carnets-footer__bas {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0.8rem 1.5rem;
	max-width: 76rem;
	margin: 0 auto;
	padding: 1.5rem 1.5rem 1.7rem;
}
.carnets-footer__copyright {
	margin: 0;
	color: rgba(255, 255, 255, 0.6);
	font-size: 0.85rem;
}
.carnets-footer__liens {
	display: flex;
	flex-wrap: wrap;
	gap: 1.8rem;
	font-size: 0.85rem;
}
.carnets-footer__liens a {
	color: rgba(255, 255, 255, 0.85);
	text-decoration: none;
	transition: color 0.2s ease;
}
.carnets-footer__liens a:hover { color: var(--wp--preset--color--accent); }
@media (max-width: 620px) {
	.carnets-footer__haut { padding: 2rem 1.2rem; }
	.carnets-footer__insta { flex-direction: column; gap: 0.9rem; text-align: center; }
	.carnets-footer__bas { justify-content: center; text-align: center; padding: 1.2rem; }
	.carnets-footer__liens { justify-content: center; gap: 1.2rem; }
}

/* --- Pied de page : d un seul tenant ---
   Les deux bandes sont des enfants directs du groupe : WordPress leur
   applique son ecart de blocs (1.5rem), ce qui ouvrait une bande claire
   entre elles. Et des fonds translucides laissaient passer la trame du
   site : on les rend opaques pour un pied de page franc. */
.carnets-footer > * { margin-block-start: 0 !important; }
.carnets-footer__haut {
	background: #35464f;
	border-top: 0;
}
.carnets-footer__barre {
	background: #2b3941;
	border-top: 1px solid rgba(255, 255, 255, 0.06);
}

/* --- Barre de navigation : typographie ---
   Le menu reste aligne a droite (mise en grille abandonnee : Pierre
   preferait ainsi). */
@media (min-width: 900px) {
	.carnets-nav.wp-block-navigation__container { gap: 2.2rem; }
	.carnets-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
	.carnets-header__bar .carnets-nav > .wp-block-navigation-item > .wp-block-navigation-item__content {
		font-size: 1.05rem;
		font-weight: 500;
		letter-spacing: 0.005em;
	}
	/* Chevrons plus discrets, un peu ecartes du mot */
	.carnets-nav .wp-block-navigation__submenu-icon {
		margin-left: 0.35rem;
		width: 0.7em;
		height: 0.7em;
		opacity: 0.85;
	}
	.carnets-nav .wp-block-navigation__submenu-icon svg { width: 100%; height: 100%; }
}

/* --- Pont de survol invisible ---
   Prolonge la zone survolable de l entree jusqu au panneau, sans occuper
   de place : le texte reste ainsi centre dans la hauteur de la barre. */
@media (min-width: 600px) {
	.carnets-nav .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::before {
		content: "";
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		height: 1.6rem;
	}
}

/* =================================================================
   Pages de region et de departement : une ouverture compacte
   Ces pages listent, elles ne racontent pas : un hero de 66vh vide de
   photo (les departements n en ont pas) etait du vide pur.
   ================================================================= */
.carnets-page-index .carnets-hero {
	/* !important : la hauteur est ecrite en style direct sur le bloc cover.
	   Un plancher en pixels pour que l illustration reste lisible meme sur
	   les ecrans bas, un plafond pour ne pas revenir au hero des carnets. */
	min-height: 0 !important;
	height: clamp(400px, 56vh, 560px) !important;
}
/* Le bas du hero se fond dans l ardoise du fond : sans ce degrade, l image
   s arretait net et laissait une ligne franche de chaque cote de la carte. */
.carnets-page-index .carnets-hero::before {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 70%;
	background: linear-gradient(
		to bottom,
		rgba(61, 79, 93, 0) 0%,
		rgba(61, 79, 93, 0.3) 34%,
		rgba(61, 79, 93, 0.68) 62%,
		rgba(61, 79, 93, 0.92) 84%,
		var(--wp--preset--color--slate) 100%
	);
	pointer-events: none;
	/* z-index 2 : le voile sombre du bloc Cover se peint apres nous dans
	   l ordre du document, il recouvrait le degrade et laissait la coupure. */
	z-index: 2;
}
/* Le titre repasse au-dessus du fondu */
.carnets-page-index .carnets-hero .wp-block-cover__inner-container {
	position: relative;
	z-index: 3;
}
/* Sans photo, le bandeau prend un degrade plutot qu un aplat */
.carnets-page-index .carnets-hero {
	background: linear-gradient(160deg, #4a5f70 0%, #35464f 60%, var(--wp--preset--color--slate) 100%);
}
.carnets-page-index .carnets-hero .wp-block-cover__inner-container {
	/* Le bloc Cover centre son contenu : une marge haute plus forte que la
	   basse fait descendre le titre de la moitie de l ecart, ce qui degage
	   l illustration au-dessus. */
	padding: 8rem 1.5rem 2rem;
}
@media (max-width: 620px) {
	.carnets-page-index .carnets-hero .wp-block-cover__inner-container {
		padding: 4.5rem 1.2rem 1.6rem;
	}
}

/* La date de publication n a pas de sens sur une page qui rassemble
   (le gabarit utilise la classe carnets-hero__meta) */
.carnets-page-index .carnets-hero__meta .wp-block-post-date { display: none; }

/* Le nombre de balades, juste sous le titre du contenu */
.carnets-index__compte {
	margin: 0 0 1.6rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.72rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-align: left;
}
/* Le titre d accueil de ces pages, plus present */
.carnets-page-index .carnets-carte-article .wp-block-post-content > h2:first-of-type {
	margin-top: 0;
}
@media (max-width: 620px) {
	.carnets-page-index .carnets-hero { height: clamp(280px, 42vh, 380px) !important; }
}

/* =================================================================
   Cartes de departement en aplat de couleur
   La couleur de chaque departement vient d Elementor (content_bg_color
   pour les call-to-action, background_overlay_a pour les flip-box) :
   c est un code couleur voulu par Pierre, pas un defaut de rendu.
   ================================================================= */
.carnets-carte-article .carnets-destination--teinte {
	display: flex;
	flex-direction: column;
	padding: 2.1rem 1.6rem 2rem;
	border-radius: 16px;
	box-shadow: 0 10px 26px rgba(30, 42, 54, 0.16);
	text-align: center;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-carte-article .carnets-destination--teinte:hover {
	transform: translateY(-4px);
	box-shadow: 0 20px 44px rgba(30, 42, 54, 0.28);
}
.carnets-carte-article .carnets-destination--teinte .carnets-destination__titre {
	margin: 0 0 0.9rem;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 600;
	line-height: 1.2;
}
.carnets-carte-article .carnets-destination--teinte .carnets-destination__texte {
	margin: auto 0 0;
	color: rgba(255, 255, 255, 0.93);
	font-size: 0.96rem;
	line-height: 1.5;
	text-align: center;
}
.carnets-carte-article .carnets-destination--teinte .carnets-destination__lien {
	margin: 1.6rem 0 auto;
	padding-top: 0;
}
.carnets-carte-article .carnets-destination--teinte .carnets-destination__lien a {
	display: inline-block;
	padding: 0.6em 1.5em;
	border: 2px solid rgba(255, 255, 255, 0.75);
	border-radius: 999px;
	color: #fff;
	font-size: 0.78rem;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	text-decoration: none;
	transition: background-color 0.25s ease, border-color 0.25s ease;
}
.carnets-carte-article .carnets-destination--teinte .carnets-destination__lien a::after { content: none; }
.carnets-carte-article .carnets-destination--teinte .carnets-destination__lien a:hover {
	background: rgba(255, 255, 255, 0.2);
	border-color: #fff;
	color: #fff;
}
@media (max-width: 620px) {
	.carnets-carte-article .carnets-destination--teinte { padding: 1.5rem 1.1rem 1.4rem; }
	.carnets-carte-article .carnets-destination--teinte .carnets-destination__titre { font-size: 1.05rem; }
	.carnets-carte-article .carnets-destination--teinte .carnets-destination__texte { font-size: 0.88rem; }
	.carnets-carte-article .carnets-destination--teinte .carnets-destination__lien { margin-top: 1.2rem; }
	.carnets-carte-article .carnets-destination--teinte .carnets-destination__lien a { font-size: 0.7rem; padding: 0.55em 1.2em; }
}

/* --- Toutes les cartes a la meme hauteur ---
   Par defaut, une grille CSS n egalise que les cartes d une meme ligne :
   d une ligne a l autre les hauteurs changeaient. `grid-auto-rows: 1fr`
   donne la meme hauteur a toutes les lignes, et les cartes s y etirent. */
.carnets-carte-article .carnets-destinations {
	align-items: stretch;
}
/* Au-dela de deux colonnes etroites : toutes les rangees a la meme hauteur.
   En dessous de 620px la grille passe a deux colonnes serrees, ou egaliser
   toutes les rangees creuserait trop de vide sous les textes courts. */
@media (min-width: 621px) {
	.carnets-carte-article .carnets-destinations { grid-auto-rows: 1fr; }
}
/* Les listes automatiques passent par des <li> : ils doivent transmettre
   la hauteur a la carte qu ils contiennent. */
.carnets-carte-article .carnets-destinations > li {
	display: flex;
	flex-direction: column;
}
.carnets-carte-article .carnets-destinations > li > .carnets-destination {
	flex: 1;
}
.carnets-carte-article .carnets-destination {
	height: 100%;
}

/* =================================================================
   Encarts de lieu des carnets
   1101 encarts dans 40 carnets, tous batis pareil : un groupe au fond
   #dcdcdc et 200px de hauteur minimale, avec pictogramme, nom et
   adresse. Le contenu se tassait en haut, laissant une bande vide.
   ================================================================= */
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 0.5rem;
}
/* En colonne les marges ne se fondent plus entre elles : sans cela, la
   marge haute des titres reouvrait un trou sous le pictogramme. */
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] > * {
	margin-top: 0;
	margin-bottom: 0;
	/* Le bloc image porte un attribut « remplir la hauteur » sans effet en
	   flux, mais qui etirait le pictogramme des qu on passe en colonne. */
	flex: 0 0 auto;
}
/* Le groupe est en xx-large : la ligne de texte invisible qui entoure le
   pictogramme lui ajoutait 48px de vide sous les pieds. */
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] figure.wp-block-image {
	line-height: 0;
}

/* Habillage aux couleurs du theme. Le fond #dcdcdc est ecrit en style
   direct sur chaque encart : seul !important peut le reprendre, et cela
   evite de reecrire 1101 blocs dans 40 carnets. */
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] {
	background-color: #fff !important;
	box-shadow: 0 8px 24px rgba(30, 42, 54, 0.1);
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] h2,
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] h4,
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] h3 {
	color: var(--wp--preset--color--slate);
	font-size: 1.3rem;
	font-weight: 600;
}
.carnets-carte-article .wp-block-post-content .wp-block-group[style*="min-height:200px"][style*="#dcdcdc"] p {
	color: var(--wp--preset--color--muted);
	line-height: 1.4;
}

/* --- Bloc « Box » (classe custom-box, ecrite a la main en HTML) ---
   Son habillage venait de l ancien theme : sans lui, le pictogramme
   s affichait a sa taille brute de 800px. */
.carnets-carte-article .custom-box {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 0.7rem;
	margin: 1.6rem 0;
	padding: 1.9rem 1.6rem;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 8px 24px rgba(30, 42, 54, 0.1);
	text-align: center;
}
.carnets-carte-article .custom-box-icon {
	line-height: 0;
}
.carnets-carte-article .custom-box-icon svg {
	width: 58px;
	height: 58px;
	fill: var(--wp--preset--color--slate);
}
.carnets-carte-article .custom-box h2 {
	margin: 0;
	padding: 0;
	color: var(--wp--preset--color--slate);
	font-size: 1.3rem;
	font-weight: 600;
}
.carnets-carte-article .custom-box h2::before { content: none; }
.carnets-carte-article .custom-box p {
	margin: 0;
	color: var(--wp--preset--color--muted);
	font-size: 0.95rem;
	text-align: center;
}

/* =================================================================
   Sommaire des carnets (accordeon Advanced Gutenberg)
   100 sommaires dans 50 carnets, en trois verts differents ecrits en
   style direct sur chaque bloc : !important les ramene tous au meme
   bandeau ardoise sans toucher au contenu.
   ================================================================= */
/* Un pied de tuile orange, comme au bas du menu de navigation. Pose sur le
   cadre et non sur le corps : il reste visible sommaire ferme. */
.carnets-carte-article .advgb-accordion-item::after {
	content: "";
	display: block;
	height: 13px;
	/* Le corps garde un rayon de 6px ecrit en !important dans le bloc, qu on
	   ne peut pas ecraser : la bande remonte donc sous lui pour combler le
	   petit angle par lequel le fond se voyait. */
	margin-top: -6px;
	background: linear-gradient(90deg, #e3823f, #c9622a);
}
.carnets-carte-article .advgb-accordion-item {
	/* Le sommaire etait a l etroit entre le bloc de trajet et le premier
	   titre du recit : on lui donne de l air des deux cotes. */
	margin-top: 2.4rem !important;
	margin-bottom: 2.2rem !important;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(30, 42, 54, 0.1);
}
.carnets-carte-article .advgb-accordion-header {
	display: flex;
	align-items: center;
	gap: 0.75rem;
	padding: 0.95rem 1.25rem !important;
	background-color: var(--wp--preset--color--slate) !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	cursor: pointer;
	transition: background-color 0.25s ease;
}
.carnets-carte-article .advgb-accordion-header:hover {
	background-color: #35464f !important;
}
.carnets-carte-article .advgb-accordion-header-title {
	margin: 0;
	padding: 0;
	color: #fff !important;
	font-size: 1.12rem;
	font-weight: 600;
	letter-spacing: 0.01em;
}
.carnets-carte-article .advgb-accordion-header-title::before { content: none; }
/* Le bandeau porte deux icones : celle du plugin, et une pastille jQuery
   UI qui venait se coller sur la premiere lettre du titre. */
.carnets-carte-article .advgb-accordion-header .ui-accordion-header-icon {
	display: none !important;
}
/* Le plugin place son icone en absolu, ou elle chevauchait le titre :
   on la remet dans le flux et on la renvoie a droite du bandeau. */
.carnets-carte-article .advgb-accordion-header-icon {
	position: static !important;
	order: 2;
	display: inline-flex;
	margin: 0 0 0 auto !important;
	transform: none !important;
	line-height: 0;
	opacity: 0.9;
}
.carnets-carte-article .advgb-accordion-header-title {
	order: 1;
	padding-left: 0 !important;
}
.carnets-carte-article .advgb-accordion-header-icon svg {
	width: 20px;
	height: 20px;
	fill: #fff !important;
}
.carnets-carte-article .advgb-accordion-body {
	/* Pas de !important sur le remplissage : le plugin l anime en style
	   direct en meme temps que la hauteur, et le forcer faisait sauter le
	   contenu au lieu de le derouler. Le fond, lui, est ecrit en dur dans
	   le bloc, il faut donc le reprendre de force. */
	padding: 1.1rem 1.4rem 1.3rem;
	/* Le corps laissait 10 px de marge sous lui, qui s ouvraient entre la
	   liste et le liseret. Cette marge ne s anime pas, la forcer est sans
	   effet sur le deroulement. */
	margin-bottom: 0 !important;
	background-color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
}
/* Le corps est le seul element anime : on evite que l ombre et les coins
   arrondis du cadre le fassent repeindre a chaque image. */
.carnets-carte-article .advgb-accordion-body {
	will-change: height;
}
/* La liste du sommaire : en ardoise, l orange des liens de carnet etait
   trop lourd sur une liste entiere. */
.carnets-carnet .carnets-carte-article .advgb-accordion-body a,
.carnets-carte-article .advgb-accordion-body .advgb-list li a,
.carnets-carte-article .advgb-accordion-body a.wp-block-table-of-contents__entry {
	color: var(--wp--preset--color--slate);
	text-decoration: none;
	transition: color 0.2s ease;
}
.carnets-carnet .carnets-carte-article .advgb-accordion-body a:hover,
.carnets-carte-article .advgb-accordion-body .advgb-list li a:hover,
.carnets-carte-article .advgb-accordion-body a.wp-block-table-of-contents__entry:hover {
	color: var(--wp--preset--color--accent);
}

/* --- Ancienne navigation de jour, ecrite a la main ---
   23 carnets portent encore un bloc HTML « Jour precedent / Jour suivant »
   anterieur au theme. Il se place juste au-dessus de notre barre de jours
   et fait doublon. On le masque sans toucher au contenu : le bloc reste
   dans les carnets, il suffirait de retirer cette regle pour le revoir. */
.carnets-carte-article .navigation-wrapper {
	display: none;
}

/* --- Bloc de change (compteur Advanced Gutenberg) ---
   10 blocs dans 3 carnets. Les chiffres sortaient en 50px bruts, avec un
   intitule et une legende vides qui ne servaient qu a creuser du vide. */
.carnets-carte-article .advgb-count-up {
	justify-content: center;
	align-items: center;
	margin: 1.6rem 0;
	padding: 1.3rem 1rem;
	background: #fff;
	border-radius: 20px;
	box-shadow: 0 8px 24px rgba(30, 42, 54, 0.1);
}
.carnets-carte-article .advgb-count-up > div {
	flex: 1 1 0;
	text-align: center;
}
.carnets-carte-article .advgb-count-up > div + div {
	border-left: 1px solid var(--wp--preset--color--surface);
}
.carnets-carte-article .advgb-count-up .advgb-counter {
	display: flex;
	justify-content: center;
	align-items: baseline;
	gap: 0.25rem;
	font-size: 2rem !important;
	font-weight: 600;
	color: var(--wp--preset--color--slate);
}
.carnets-carte-article .advgb-count-up .advgb-counter-symbol {
	font-size: 0.6em;
	font-weight: 500;
	color: var(--wp--preset--color--muted);
}
/* Les intitules sont vides dans les carnets : on ne garde que ceux qui
   portent vraiment un texte. */
.carnets-carte-article .advgb-count-up .advgb-count-up-header:empty,
.carnets-carte-article .advgb-count-up .advgb-count-up-desc:empty {
	display: none;
}
.carnets-carte-article .advgb-count-up .advgb-count-up-header {
	margin: 0 0 0.3rem;
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.carnets-carte-article .advgb-count-up .advgb-count-up-desc {
	margin: 0.35rem 0 0;
	font-size: 0.86rem;
	color: var(--wp--preset--color--muted);
}

/* --- Galeries des pages fixes ---
   Le contenu des pages est bride a 44rem, la bonne largeur pour lire un
   texte mais bien trop etroit pour une galerie : les polaroids tenaient
   dans la moitie de la carte. On les laisse prendre toute la largeur. */
.carnets-page-fond .carnets-carte-article > .wp-block-post-content {
	max-width: none;
}
/* La mesure de lecture revient sur les textes eux-memes... */
.carnets-page-fond .carnets-carte-article > .wp-block-post-content > * {
	max-width: 44rem;
	margin-left: auto;
	margin-right: auto;
}
/* Un peu d air entre les tirages, qui se touchaient bord a bord. La
   bordure interne evite de fausser le calcul de la galerie justifiee. */
.carnets-page-fond .pgcsimplygalleryblock-justified-item {
	box-sizing: border-box;
	padding: 6px;
}
/* ...et les galeries s en affranchissent. */
.carnets-page-fond .carnets-carte-article > .wp-block-post-content > .pgc-sgb-cb,
.carnets-page-fond .carnets-carte-article > .wp-block-post-content > .wp-block-pgcsimplygalleryblock-justified {
	max-width: none;
}

/* =================================================================
   « À propos » : un univers de carnet de route
   Papier, scotch, polaroids, tampons de la poste et itinéraires en
   pointillés. Les bandes traversent l'écran, le contenu reste lisible
   au centre. La page emploie le gabarit pleine largeur.
   ================================================================= */
.carnets-apropos {
	--papier: #f4f0e8;
	--papier-clair: #fdfaf4;
	--encre: #3b464f;
	--ardoise-sombre: #35464f;
}
.carnets-apropos > * { margin-block: 0; }

/* Le gabarit borne le contenu a 76rem. On libere la chaine des conteneurs
   plutot que d employer 100vw, qui compte la barre de defilement et faisait
   deborder la page en largeur. */
.carnets-accueil > .wp-block-post-content:has(> .carnets-apropos),
.carnets-accueil > .wp-block-post-content > .carnets-apropos {
	max-width: none;
}
/* Une bande touche alors les deux bords... */
.carnets-apropos__bande {
	position: relative;
	padding: clamp(3.2rem, 7vw, 6.5rem) clamp(1.2rem, 5vw, 3rem);
	overflow: hidden;
}
/* ...mais son contenu garde une largeur de lecture. */
.carnets-apropos__dedans {
	position: relative;
	z-index: 1;
	max-width: 68rem;
	margin: 0 auto;
}

/* ---- L'ouverture : « Bien venue » en filigrane ---- */
/* Ces bandes ont exactement la couleur du fond, mais leur aplat masquait
   le motif de vagues pose par body::before. On les rend transparentes :
   meme couleur, motif visible. */
.carnets-ouverture { background: none; }
.carnets-ouverture__filigrane {
	margin: 0;
	font-size: clamp(3.4rem, 9vw, 8.5rem);
	font-weight: 700;
	line-height: 0.82;
	letter-spacing: -0.035em;
	color: transparent;
	-webkit-text-stroke: 2px rgba(255, 255, 255, 0.3);
	pointer-events: none;
	user-select: none;
}
.carnets-ouverture__dedans {
	display: grid;
	grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
	gap: clamp(1.5rem, 4vw, 3.5rem);
	align-items: center;
}
.carnets-ouverture .carnets-apropos__cachet {
	position: absolute;
	right: clamp(1.5rem, 6vw, 5rem);
	bottom: clamp(1.5rem, 5vw, 3.5rem);
}

/* Le mot d'accueil, sur un papier scotché */
.carnets-mot {
	position: relative;
	max-width: 41rem;
	margin: 0;
	padding: clamp(2rem, 4vw, 3rem) clamp(1.5rem, 4vw, 2.8rem);
	background: var(--papier-clair);
	border-radius: 3px;
	box-shadow: 0 26px 64px rgba(16, 24, 31, 0.38);
	transform: rotate(-0.7deg);
	color: #4a565f;
}
.carnets-mot p {
	margin: 0 0 1rem;
	line-height: 1.62;
	/* Justifie comme le recit des carnets. La cesure evite les rivieres de
	   blancs sur les colonnes etroites du telephone ; la page declare le
	   francais, le navigateur coupe donc aux bons endroits. */
	text-align: justify;
	hyphens: auto;
}
.carnets-mot p:last-child { margin-bottom: 0; }
.carnets-mot strong { color: var(--wp--preset--color--slate); }
.carnets-mot p.carnets-mot__signature { text-align: left; hyphens: none; }
.carnets-mot__signature {
	margin-top: 1.4rem !important;
	padding-top: 1.1rem;
	border-top: 1px dashed #ded5c4;
	color: var(--wp--preset--color--accent);
	font-style: italic;
	font-size: 1.05rem;
}
.carnets-mot__scotch {
	position: absolute;
	top: -13px;
	left: 50%;
	width: 118px;
	height: 27px;
	transform: translateX(-50%) rotate(-1.6deg);
	background: rgba(255, 255, 255, 0.5);
	border-left: 1px dashed rgba(0, 0, 0, 0.09);
	border-right: 1px dashed rgba(0, 0, 0, 0.09);
	box-shadow: 0 2px 7px rgba(16, 24, 31, 0.22);
}

/* Le cachet de la poste */
.carnets-apropos__cachet {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 104px;
	height: 104px;
	border: 2px solid rgba(255, 255, 255, 0.4);
	border-radius: 50%;
	color: rgba(255, 255, 255, 0.62);
	transform: rotate(-11deg);
	text-align: center;
	pointer-events: none;
}
.carnets-apropos__cachet span {
	font-size: 0.44rem;
	font-weight: 700;
	letter-spacing: 0.18em;
}
.carnets-apropos__cachet strong { font-size: 1.05rem; font-weight: 700; letter-spacing: 0.06em; }

/* ---- Les deux portraits, en bandes alternées ---- */
.carnets-portrait--clair { background: var(--papier); color: var(--encre); }
.carnets-portrait--sombre { background: var(--ardoise-sombre); color: rgba(255, 255, 255, 0.88); }

.carnets-portrait__dedans {
	display: grid;
	grid-template-columns: minmax(0, 21rem) minmax(0, 1fr);
	gap: clamp(2rem, 5vw, 4.5rem);
	align-items: center;
}
.carnets-portrait--sombre .carnets-portrait__dedans {
	grid-template-columns: minmax(0, 1fr) minmax(0, 21rem);
}
.carnets-portrait--sombre .carnets-pola { order: 2; }

.carnets-pola {
	position: relative;
	margin: 0;
	padding: 13px 13px 46px;
	background: #fff;
	box-shadow: 0 20px 48px rgba(16, 24, 31, 0.3);
	transform: rotate(-2.2deg);
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.carnets-portrait--sombre .carnets-pola { transform: rotate(2.1deg); }
.carnets-pola:hover,
.carnets-portrait--sombre .carnets-pola:hover { transform: rotate(0deg) translateY(-7px); }
.carnets-pola img { display: block; width: 100%; height: auto; }
.carnets-pola__scotch {
	position: absolute;
	top: -12px;
	left: 50%;
	width: 94px;
	height: 24px;
	transform: translateX(-50%) rotate(2deg);
	background: rgba(255, 255, 255, 0.52);
	border-left: 1px dashed rgba(0, 0, 0, 0.08);
	border-right: 1px dashed rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 6px rgba(16, 24, 31, 0.2);
}
.carnets-pola figcaption {
	position: absolute;
	left: 13px;
	right: 13px;
	bottom: 13px;
	text-align: center;
	color: #5b6771;
	font-size: 0.78rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

.carnets-portrait__nom {
	margin: 0 0 1rem;
	font-size: clamp(1.9rem, 4vw, 2.7rem);
	font-weight: 600;
	line-height: 1.05;
	color: var(--wp--preset--color--accent);
}
.carnets-portrait__mot p { margin: 0 0 1rem; line-height: 1.68; max-width: 34rem; }
.carnets-portrait--sombre .carnets-portrait__mot p { color: rgba(255, 255, 255, 0.85); }

/* Les chiffres, en tampons */
.carnets-tampons {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6rem;
	margin: 1.9rem 0 0;
	padding: 0;
	list-style: none;
}
.carnets-tampon {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 9.8rem;
	height: 9.8rem;
	padding: 0.7rem;
	border: 2px dotted rgba(212, 112, 52, 0.55);
	border-radius: 50%;
	text-align: center;
	transform: rotate(-7deg);
}
.carnets-tampon:nth-child(2n) { transform: rotate(5deg); }
.carnets-portrait--sombre .carnets-tampon { border-color: rgba(255, 255, 255, 0.4); }
.carnets-tampon__nombre {
	font-size: 1.85rem;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
	color: var(--wp--preset--color--accent);
	font-variant-numeric: tabular-nums;
}
.carnets-tampon__quoi {
	margin-top: 0.5rem;
	font-size: 0.7rem;
	font-weight: 600;
	letter-spacing: 0.08em;
	line-height: 1.35;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.carnets-portrait--sombre .carnets-tampon__quoi { color: rgba(255, 255, 255, 0.62); }

/* ---- Sur l'établi : les carnets en cours d'écriture ---- */
.carnets-etabli { background: var(--papier); color: var(--encre); }
.carnets-etabli__titre {
	margin: 0;
	font-size: clamp(1.7rem, 3.6vw, 2.4rem);
	font-weight: 600;
	color: var(--wp--preset--color--slate);
}
.carnets-etabli__mot {
	margin: 0.7rem 0 0;
	max-width: 38rem;
	color: #5b6771;
}
.carnets-etabli__colonnes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(min(100%, 21rem), 1fr));
	gap: clamp(2rem, 4vw, 3.6rem);
	margin-top: clamp(2rem, 4vw, 3rem);
}
.carnets-pile__titre {
	display: flex;
	align-items: baseline;
	gap: 0.6rem;
	margin: 0 0 0.4rem;
	font-size: 0.74rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: var(--wp--preset--color--muted);
}
.carnets-pile__titre b {
	font-size: 0.74rem;
	color: var(--wp--preset--color--accent);
}
.carnets-pile--articles .carnets-pile__titre b { color: var(--wp--preset--color--accent-2); }
.carnets-pile__liste { margin: 0; padding: 0; list-style: none; }

.carnets-route {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 0.55rem 1rem;
	align-items: baseline;
	padding: 1rem 0;
	border-bottom: 1px dashed rgba(61, 79, 93, 0.18);
}
.carnets-route__nom { font-weight: 600; color: var(--wp--preset--color--slate); }
.carnets-route__nom em { font-style: normal; font-weight: 400; color: var(--wp--preset--color--muted); }
.carnets-route__part {
	font-size: 0.86rem;
	color: var(--wp--preset--color--muted);
	font-variant-numeric: tabular-nums;
}
.carnets-route__piste {
	grid-column: 1 / -1;
	position: relative;
	height: 9px;
	border-radius: 99px;
	background: repeating-linear-gradient(
		90deg,
		rgba(61, 79, 93, 0.22) 0 4px,
		transparent 4px 11px
	);
}
.carnets-route__piste i {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	border-radius: 99px;
	background: var(--wp--preset--color--accent);
	transition: width 1.5s cubic-bezier(0.22, 1, 0.36, 1) 0.25s;
}
.carnets-pile--articles .carnets-route__piste i { background: var(--wp--preset--color--accent-2); }
.carnets-route__piste i::after {
	content: "";
	position: absolute;
	right: -6px;
	top: 50%;
	width: 15px;
	height: 15px;
	margin-top: -7.5px;
	border-radius: 50%;
	background: inherit;
	box-shadow: 0 0 0 3px var(--papier);
}
.est-visible .carnets-route__piste i { width: var(--part); }

/* ---- Écrivez-nous : la carte postale ---- */
.carnets-contact { background: none; }
/* La regle de base donne a .carnets-lettre un cadre blanc, que l accueil
   neutralise via .carnets-carte-article. Ici il n y a pas de carte : le
   cadre se voyait sur l ardoise. */
.carnets-apropos .carnets-lettre {
	margin: 0;
	padding: 0;
	background: none;
	border-radius: 0;
	perspective: 1200px;
}
.carnets-apropos .carnets-lettre__titre {
	margin: 0 0 0.8rem;
	color: #2b3b47;
	font-size: clamp(1.4rem, 2.4vw, 1.75rem);
	font-weight: 700;
	text-align: left;
}
.carnets-apropos .carnets-lettre__mot { color: #5c6773; }
.carnets-apropos .carnets-lettre__bouton {
	display: inline-block;
	margin-top: 1.3rem;
	padding: 0.8em 1.7em;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-apropos .carnets-lettre__bouton:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(212, 112, 52, 0.35);
	color: #fff;
}

/* ---- Sur petit écran, tout se met en colonne ---- */
@media (max-width: 860px) {
	.carnets-ouverture__dedans { grid-template-columns: 1fr; }
	.carnets-ouverture .carnets-apropos__cachet { display: none; }
	.carnets-portrait__dedans,
	.carnets-portrait--sombre .carnets-portrait__dedans {
		grid-template-columns: 1fr;
		justify-items: center;
		text-align: center;
	}
	.carnets-portrait--sombre .carnets-pola { order: 0; }
	.carnets-pola { max-width: 20rem; }
	.carnets-portrait__mot p { margin-left: auto; margin-right: auto; }
	.carnets-tampons { justify-content: center; }
}
@media (max-width: 620px) {
	.carnets-apropos__bande { padding-left: 1.1rem; padding-right: 1.1rem; }
	.carnets-ouverture__filigrane { -webkit-text-stroke-width: 1.5px; }
	.carnets-tampon { width: 7.6rem; height: 7.6rem; }
	.carnets-tampon__nombre { font-size: 1.5rem; }
	.carnets-tampon__quoi { font-size: 0.62rem; }
}

/* Le second bouton est l etat d attente du plugin : il ne doit jamais
   s afficher a cote du vrai bouton. */
.carnets-lettre__champ .ml-form-embedSubmitLoad,
.carnets-lettre__champ button.loading,
.carnets-lettre__champ .ml-form-embedSubmit button + button { display: none !important; }
.carnets-lettre__champ .ml-form-embedBody { width: 100% !important; }
.carnets-lettre__champ .ml-form-formContent {
	flex: 1 1 12rem;
	margin: 0 !important;
}
.carnets-lettre__champ form.ml-block-form,
.carnets-lettre__champ .ml-form-embedBodyHorizontal form {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.6rem;
}
.carnets-lettre__champ .ml-field-group {
	flex: 1 1 12rem;
	margin: 0 !important;
	padding: 0 !important;
}
.carnets-lettre__champ .ml-form-embedSubmit {
	flex: 0 0 auto;
	margin: 0 !important;
}
.carnets-lettre__champ input[type="email"] { width: 100% !important; }
.carnets-lettre__champ button[type="submit"] {
	background: var(--wp--preset--color--accent) !important;
	color: #fff !important;
}

/* --- Le champ d inscription de la carte postale --- */
.carnets-inscription__mot {
	margin: 0 0 1.1rem;
	color: #5c6773;
	font-size: 0.95rem;
	line-height: 1.55;
}
.carnets-inscription__etiquette {
	display: block;
	margin-bottom: 0.5rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.carnets-inscription__ligne {
	display: flex;
	flex-wrap: wrap;
	gap: 0.6rem;
}
.carnets-inscription input[type="email"] {
	flex: 1 1 11rem;
	min-width: 0;
	padding: 0.85em 1.3em;
	border: 1px solid #e0d5c2;
	border-radius: 999px;
	background: #fff;
	font-family: inherit;
	font-size: 0.95rem;
	color: #3b464f;
}
.carnets-inscription input[type="email"]:focus-visible {
	outline: 2px solid var(--wp--preset--color--accent);
	outline-offset: 1px;
	border-color: transparent;
}
.carnets-inscription button[type="submit"] {
	flex: 0 0 auto;
	padding: 0.85em 1.7em;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-family: inherit;
	font-size: 0.95rem;
	font-weight: 700;
	cursor: pointer;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.carnets-inscription button[type="submit"]:hover {
	transform: translateY(-2px);
	box-shadow: 0 12px 26px rgba(212, 112, 52, 0.35);
}

/* =================================================================
   « Photographie » : le mur de polaroids
   Même univers que la page « À propos » : bandes pleine largeur, papier,
   scotch. Les tirages sont épinglés de travers, comme sur un mur.
   ================================================================= */
.carnets-photo { --papier: #f4f0e8; }

.carnets-accueil > .wp-block-post-content:has(> .carnets-photo),
.carnets-accueil > .wp-block-post-content > .carnets-photo {
	max-width: none;
}
.carnets-photo__bande {
	position: relative;
	padding: clamp(2.6rem, 6vw, 5rem) clamp(1.2rem, 5vw, 3rem);
	overflow: hidden;
}
.carnets-photo__dedans {
	position: relative;
	z-index: 1;
	max-width: 72rem;
	margin: 0 auto;
}

/* ---- L'ouverture, comme une amorce de pellicule ---- */
.carnets-photo__ouverture {
	background: var(--wp--preset--color--slate);
	padding-top: clamp(3.4rem, 7vw, 5.5rem);
	padding-bottom: clamp(3.4rem, 7vw, 5.5rem);
	text-align: center;
}
.carnets-photo__ouverture::before,
.carnets-photo__ouverture::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 30px;
	background-image: repeating-linear-gradient(
		90deg,
		transparent 0 12px,
		rgba(255, 255, 255, 0.15) 12px 30px,
		transparent 30px 42px
	);
	background-size: auto 12px;
	background-repeat: repeat-x;
	pointer-events: none;
}
.carnets-photo__ouverture::before { top: 0; background-position: 0 9px; }
.carnets-photo__ouverture::after { bottom: 0; background-position: 0 9px; }

.carnets-photo__sur {
	margin: 0 0 0.6rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.24em;
	text-transform: uppercase;
}
.carnets-photo__titre {
	margin: 0;
	color: #fff;
	font-size: clamp(2.2rem, 6vw, 3.6rem);
	font-weight: 400;
	line-height: 1.05;
	letter-spacing: -0.01em;
}
.carnets-photo__mot {
	margin: 1rem auto 0;
	max-width: 34rem;
	color: rgba(255, 255, 255, 0.72);
	font-size: 1.02rem;
	line-height: 1.6;
}

/* ---- Les intitulés de section ---- */
.carnets-photo__entete {
	display: flex;
	align-items: center;
	gap: 1.2rem;
	margin-bottom: clamp(1.6rem, 3vw, 2.4rem);
}
.carnets-photo__section {
	margin: 0;
	font-size: 0.76rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--wp--preset--color--slate);
}
.carnets-photo__filet {
	flex: 1;
	height: 1px;
	background: repeating-linear-gradient(
		90deg,
		rgba(61, 79, 93, 0.28) 0 5px,
		transparent 5px 12px
	);
}

/* ---- Le mur ---- */
.carnets-photo__mur { background: var(--papier); }
.carnets-photo__insta { background: var(--wp--preset--color--slate); }
.carnets-photo__insta .carnets-photo__section { color: rgba(255, 255, 255, 0.85); }
.carnets-photo__insta .carnets-photo__filet {
	background: repeating-linear-gradient(
		90deg,
		rgba(255, 255, 255, 0.3) 0 5px,
		transparent 5px 12px
	);
}

/* La galerie prend toute la largeur de la bande */
.carnets-photo .pgc-sgb-cb,
.carnets-photo .wp-block-pgcsimplygalleryblock-justified {
	max-width: 72rem !important;
	margin-left: auto;
	margin-right: auto;
}

/* Chaque tirage est épinglé légèrement de travers, avec son bout de scotch. */
.carnets-photo .pgcsimplygalleryblock-justified-item {
	box-sizing: border-box;
	padding: 10px;
	transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
}
.carnets-photo__mur .pgcsimplygalleryblock-justified-item:nth-child(3n + 1) { transform: rotate(-1.4deg); }
.carnets-photo__mur .pgcsimplygalleryblock-justified-item:nth-child(3n + 2) { transform: rotate(0.9deg); }
.carnets-photo__mur .pgcsimplygalleryblock-justified-item:nth-child(3n + 3) { transform: rotate(-0.5deg); }
.carnets-photo .pgcsimplygalleryblock-justified-item:hover {
	transform: rotate(0deg) translateY(-6px);
	z-index: 2;
}
/* Les photos d Instagram ne sont pas des tirages : elles restent droites. */
.carnets-photo__insta .pgcsimplygalleryblock-justified-item { transform: none; }
.carnets-photo .pgcsimplygalleryblock-justified-item img {
	box-shadow: 0 12px 30px rgba(16, 24, 31, 0.24);
}
.carnets-photo__insta .pgcsimplygalleryblock-justified-item img {
	box-shadow: 0 12px 34px rgba(0, 0, 0, 0.4);
}
/* Le bout de scotch, posé en haut de chaque tirage */
.carnets-photo__mur .pgcsimplygalleryblock-justified-item::before {
	content: "";
	position: absolute;
	top: 2px;
	left: 50%;
	z-index: 3;
	width: 62px;
	height: 18px;
	transform: translateX(-50%) rotate(-2deg);
	background: rgba(255, 255, 255, 0.55);
	border-left: 1px dashed rgba(0, 0, 0, 0.08);
	border-right: 1px dashed rgba(0, 0, 0, 0.08);
	box-shadow: 0 2px 6px rgba(16, 24, 31, 0.18);
	pointer-events: none;
}
.carnets-photo .pgcsimplygalleryblock-justified-item { position: relative; }

/* ---- Le lien vers le compte ---- */
.carnets-photo__suite { margin-top: clamp(1.8rem, 4vw, 2.6rem); text-align: center; }
.carnets-photo__lien {
	display: inline-block;
	padding: 0.8em 1.9em;
	border: 2px solid rgba(255, 255, 255, 0.5);
	border-radius: 999px;
	color: #fff;
	font-weight: 600;
	font-size: 0.95rem;
	text-decoration: none;
	transition: background-color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
}
.carnets-photo__lien:hover {
	background: rgba(255, 255, 255, 0.16);
	border-color: #fff;
	color: #fff;
	transform: translateY(-2px);
}

@media (max-width: 620px) {
	.carnets-photo__bande { padding-left: 1rem; padding-right: 1rem; }
	.carnets-photo .pgcsimplygalleryblock-justified-item { padding: 6px; }
	.carnets-photo__mur .pgcsimplygalleryblock-justified-item::before { width: 44px; height: 14px; }
}

/* Une boucle posee dans une page etait bornee a la largeur de lecture :
   la liste des balades n affichait que deux colonnes sur les trois
   disponibles. */
.carnets-page-fond .carnets-carte-article > .wp-block-post-content > .wp-block-query {
	max-width: none;
}
/* Toutes les cartes d une liste a la meme hauteur, comme sur les pages de
   region. En dessous de 620px la grille passe a deux colonnes serrees, ou
   egaliser toutes les rangees creuserait trop de vide. */
@media (min-width: 621px) {
	.carnets-liste .carnets-destinations { grid-auto-rows: 1fr; }
}
.carnets-liste .carnets-destinations { align-items: stretch; }
.carnets-liste .carnets-destinations > li { display: flex; flex-direction: column; }
.carnets-liste .carnets-destinations > li > .carnets-destination { flex: 1; }

/* Un carnet sans image mise en avant laissait un grand blanc dans sa carte.
   On lui pose un aplat au meme format, le temps qu une photo soit choisie. */
.carnets-destination--teinte::before { content: none !important; }
/* L aplat ne vaut que pour les cartes qui attendent une photo : les cartes
   de departement en couleur n en ont jamais eu. */
.carnets-destination:not(.carnets-destination--teinte):not(:has(.carnets-destination__photo))::before {
	content: "";
	display: block;
	aspect-ratio: 4 / 3;
	margin: 0 0 0.2rem;
	border-radius: 14px 14px 0 0;
	background:
		radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.07), transparent 60%),
		linear-gradient(140deg, #4a5f70 0%, #35464f 100%);
}

/* --- Champ de recherche filtrant de « Toutes les balades » --- */
.carnets-filtre {
	max-width: 34rem;
	margin: 1.6rem 0 2.2rem;
}
.carnets-filtre__etiquette {
	display: block;
	margin-bottom: 0.55rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.68rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.carnets-filtre__ligne {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.2rem 0.4rem 0.2rem 1rem;
	background: #fff;
	border: 1px solid #dde3e8;
	border-radius: 999px;
	box-shadow: 0 6px 18px rgba(30, 42, 54, 0.07);
	transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.carnets-filtre__ligne:focus-within {
	border-color: var(--wp--preset--color--accent);
	box-shadow: 0 8px 22px rgba(212, 112, 52, 0.18);
}
.carnets-filtre__loupe {
	flex: 0 0 auto;
	width: 19px;
	height: 19px;
	fill: none;
	stroke: var(--wp--preset--color--muted);
	stroke-width: 2;
	stroke-linecap: round;
}
.carnets-filtre input[type="search"] {
	flex: 1;
	min-width: 0;
	padding: 0.75em 0;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: 1rem;
	color: var(--wp--preset--color--slate);
}
.carnets-filtre input[type="search"]:focus { outline: none; }
.carnets-filtre input[type="search"]::-webkit-search-cancel-button { display: none; }
.carnets-filtre__vider {
	flex: 0 0 auto;
	padding: 0.55em 1.1em;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--surface);
	color: var(--wp--preset--color--muted);
	font-family: inherit;
	font-size: 0.82rem;
	font-weight: 600;
	cursor: pointer;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.carnets-filtre__vider:hover {
	background: var(--wp--preset--color--accent);
	color: #fff;
}
.carnets-filtre__compte {
	margin: 0.7rem 0 0;
	color: var(--wp--preset--color--muted);
	font-size: 0.84rem;
	font-variant-numeric: tabular-nums;
}
.carnets-filtre__vide {
	margin: 2rem 0;
	color: var(--wp--preset--color--muted);
	text-align: center;
}
/* Une carte écartée par le filtre doit disparaître malgré la mise en
   colonne des cases de la grille. */
.carnets-destinations > li[hidden] { display: none !important; }


/* --- Avis de vie privée, en bas à gauche --- */
.carnets-avis {
	position: fixed;
	left: clamp(0.8rem, 2vw, 1.6rem);
	bottom: clamp(0.8rem, 2vw, 1.6rem);
	z-index: 9000;
	overflow: hidden;
	width: 25rem;
	max-width: calc(100vw - 2rem);
	padding: 1.25rem 1.4rem 1.35rem;
	background: #fdfaf4;
	border-left: 4px solid var(--wp--preset--color--accent);
	border-radius: 4px 12px 12px 4px;
	box-shadow: 0 18px 44px rgba(16, 24, 31, 0.28);
	color: #4a565f;
	opacity: 0;
	transform: translateY(14px);
	transition: opacity 0.45s ease, transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
/* Deux biscuits en filigrane, calés dans le coin. Décoratifs : ils ne
   portent aucune information et restent sous le texte. */
.carnets-avis__biscuits {
	position: absolute;
	right: -30px;
	bottom: -34px;
	width: 210px;
	height: auto;
	pointer-events: none;
}
.carnets-avis__pate { fill: rgba(212, 112, 52, 0.2); }
.carnets-avis__pepites { fill: rgba(138, 70, 30, 0.3); }
.carnets-avis__miettes { fill: rgba(212, 112, 52, 0.22); }
.carnets-avis > :not(.carnets-avis__biscuits) { position: relative; z-index: 1; }
.carnets-avis[hidden] { display: none; }
.carnets-avis.est-la { opacity: 1; transform: none; }
.carnets-avis__titre {
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.66rem;
	font-weight: 700;
	letter-spacing: 0.2em;
	text-transform: uppercase;
}
.carnets-avis__mot {
	margin: 0;
	padding-right: 4.5rem;
	font-size: 0.88rem;
	line-height: 1.55;
}
.carnets-avis__actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.5rem 1.1rem;
	margin: 1rem 0 0;
}
.carnets-avis__ok {
	padding: 0.6em 1.4em;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--accent);
	color: #fff;
	font-family: inherit;
	font-size: 0.86rem;
	font-weight: 700;
	cursor: pointer;
	transition: transform 0.22s ease, box-shadow 0.22s ease;
}
.carnets-avis__ok:hover {
	transform: translateY(-2px);
	box-shadow: 0 10px 22px rgba(212, 112, 52, 0.32);
}
.carnets-avis__lien {
	color: #6b7681;
	font-size: 0.84rem;
	text-decoration-color: rgba(107, 118, 129, 0.4);
	text-underline-offset: 0.2em;
}
.carnets-avis__lien:hover { color: var(--wp--preset--color--accent); }

@media (max-width: 620px) {
	.carnets-avis {
		left: 0.7rem;
		right: 0.7rem;
		bottom: 0.7rem;
		/* La largeur fixe du grand ecran l emportait sur ces deux marges et
		   faisait deborder la carte de quelques pixels. */
		width: auto;
		max-width: none;
		padding: 1rem 1.1rem 1.1rem;
	}
	.carnets-avis__mot { padding-right: 4.2rem; }
	.carnets-avis__biscuits { width: 140px; right: -26px; bottom: -30px; }
	.carnets-avis__mot { font-size: 0.84rem; }
}
@media (prefers-reduced-motion: reduce) {
	.carnets-avis { transition: none; transform: none; }
}

/* --- Marge laterale des textes de carte ---
   WordPress impose `margin-left/right: auto !important` aux enfants d une
   mise en page « contrainte » : nos marges laterales etaient annulees en
   silence et le texte venait toucher le bord de la carte. Le remplissage,
   lui, n est pas ecrase. Les cartes en aplat de couleur ont leur propre
   respiration et restent a l ecart de cette regle. */
.carnets-destination:not(.carnets-destination--teinte) .wp-block-post-excerpt,
.carnets-destination:not(.carnets-destination--teinte) > .carnets-destination__texte,
.carnets-destination:not(.carnets-destination--teinte) > .carnets-destination__titre,
.carnets-destination:not(.carnets-destination--teinte) > .carnets-destination__date {
	padding-left: 1.4rem;
	padding-right: 1.4rem;
}
@media (max-width: 620px) {
	.carnets-destination:not(.carnets-destination--teinte) .wp-block-post-excerpt,
	.carnets-destination:not(.carnets-destination--teinte) > .carnets-destination__texte,
	.carnets-destination:not(.carnets-destination--teinte) > .carnets-destination__titre,
	.carnets-destination:not(.carnets-destination--teinte) > .carnets-destination__date {
		padding-left: 0.9rem;
		padding-right: 0.9rem;
	}
}

/* --- Le bloc de trajet des carnets de ville ---
   Un groupe centre, pictogrammes et valeurs, pose juste avant le sommaire.
   On lui donne la meme respiration qu au reste. */
.carnets-carte-article .wp-block-group:has(> .wp-block-columns) + .wp-block-advgb-accordions {
	margin-top: 2.4rem;
}
@media (max-width: 620px) {
	.carnets-carte-article .advgb-accordion-item {
		margin-top: 1.6rem !important;
		margin-bottom: 1.5rem !important;
	}
}

/* Le papier de la carte : plus sourd que le blanc casse d origine, qui
   tranchait trop sur l ardoise du fond. */
.carnets-apropos { --papier-carte: #f1e9db; }

/* --- La carte postale, aux proportions d une vraie carte ---
   Elle faisait cinq fois plus large que haute et se lisait comme une
   banniere. On la resserre, on l incline un peu, on lui donne du grain, et
   le cachet rond devient un timbre dentele. */
.carnets-lettre__carte,
.carnets-apropos .carnets-lettre__carte {
	max-width: 50rem;
	margin: 0 auto;
	grid-template-columns: 1.12fr 1fr;
	min-height: 25rem;
	border-radius: 3px;
	transform: rotate(-0.8deg);
	background-color: var(--papier-carte);
	background-image:
		repeating-linear-gradient(0deg, rgba(90, 70, 45, 0.022) 0 1px, transparent 1px 4px),
		repeating-linear-gradient(90deg, rgba(90, 70, 45, 0.022) 0 1px, transparent 1px 4px),
		linear-gradient(150deg, rgba(255, 255, 255, 0.7), rgba(0, 0, 0, 0.02));
	box-shadow: 0 26px 60px rgba(16, 24, 31, 0.34);
}
.carnets-lettre:hover .carnets-lettre__carte {
	transform: rotate(0deg) translateY(-6px);
}
.carnets-lettre__gauche,
.carnets-lettre__droite {
	display: flex;
	flex-direction: column;
	padding: clamp(1.8rem, 3.4vw, 2.6rem);
}
.carnets-lettre__gauche { justify-content: center; }
.carnets-lettre__droite { position: relative; justify-content: flex-start; }

/* Le timbre : un rectangle dentele, comme sur une vraie carte. La bordure
   en tirets de la couleur du papier fait les dents. */
.carnets-lettre__timbre {
	position: absolute;
	top: clamp(1.5rem, 3vw, 2.2rem);
	right: clamp(1.5rem, 3vw, 2.2rem);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.1rem;
	width: 76px;
	height: 92px;
	padding: 0.4rem 0.3rem;
	border: 5px dashed var(--papier-carte);
	background: linear-gradient(158deg, #f7e2cd 0%, #eec9a6 100%);
	background-clip: padding-box;
	box-shadow: 0 2px 10px rgba(16, 24, 31, 0.14);
	transform: rotate(-4deg);
	text-align: center;
	pointer-events: none;
}
.carnets-lettre__timbre span {
	font-size: 0.5rem;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	line-height: 1.25;
	color: rgba(150, 78, 36, 0.85);
}
.carnets-lettre__timbre strong {
	margin-top: 0.25rem;
	font-size: 0.9rem;
	font-weight: 700;
	color: rgba(150, 78, 36, 0.9);
}
/* Les lignes d adresse, sous le timbre */
.carnets-lettre__lignes {
	/* Sur une vraie carte, les lignes d adresse commencent a hauteur du
	   timbre, a sa gauche. Elles sont donc raccourcies pour passer a cote
	   plutot qu en dessous : toute la colonne remonte d autant. */
	margin: 2.3rem 0 0.9rem;
	display: flex;
	flex-direction: column;
	gap: 0.95rem;
}
.carnets-lettre__lignes i {
	display: block;
	height: 1px;
	width: 62%;
	background: #e6dac6;
}
.carnets-lettre__lignes i:nth-child(2) { width: 52%; }
.carnets-lettre__lignes i:nth-child(3) { width: 40%; }

@media (max-width: 860px) {
	.carnets-apropos .carnets-lettre__carte,
	.carnets-lettre__carte {
		grid-template-columns: 1fr;
		min-height: 0;
		transform: none;
	}
	.carnets-apropos .carnets-lettre:hover .carnets-lettre__carte { transform: translateY(-4px); }
	.carnets-lettre__lignes { margin-top: 6rem; }
}

/* =================================================================
   La dedicace : un mot pour quelqu un, au fil du carnet
   ================================================================= */
.carnets-dedicace {
	display: flex;
	align-items: center;
	gap: clamp(1.1rem, 3vw, 2rem);
	margin: 2.8rem 0;
	padding: clamp(1.3rem, 3vw, 1.9rem) clamp(1.4rem, 3.4vw, 2.2rem);
	border-radius: 16px;
	background: linear-gradient(135deg, #fbf2e8 0%, #f6e7d7 100%);
	box-shadow: inset 0 0 0 1px rgba(212, 112, 52, 0.16);
}
/* Le coeur est trace, pas rempli : il pese moins que l aplat d origine. */
.carnets-dedicace__coeur {
	flex: 0 0 auto;
	width: clamp(3rem, 6.5vw, 4.4rem);
	height: auto;
	fill: none;
	stroke: var(--wp--preset--color--accent);
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.carnets-dedicace p {
	margin: 0;
	color: #3d4f5d;
	font-size: 1.02rem;
	line-height: 1.62;
}
@media (max-width: 640px) {
	.carnets-dedicace { gap: 1rem; }
	.carnets-dedicace p { font-size: 0.96rem; }
}

/* =================================================================
   Page Articles — trois propositions, a departager
   ================================================================= */

/* Deux d entre elles se posent a meme l ardoise : on efface pour elles le
   cadre clair du gabarit de page et son titre, qui ferait doublon. */
.carnets-page-fond:has(.carnets-revue) .carnets-carte-article {
	width: 100%;
	padding-left: 0;
	padding-right: 0;
	background: none;
	box-shadow: none;
}
.carnets-page-fond:has(.carnets-revue) .carnets-page__titre,
.carnets-page-fond:has(.carnets-coupures) .carnets-page__titre { display: none; }

/* ---- A. La revue : une manchette, une une, puis des colonnes ---- */
.carnets-revue { max-width: 68rem; margin: 0 auto; }
.carnets-revue__manchette {
	margin: 0 0 2.8rem;
	padding-bottom: 1.1rem;
	border-bottom: 3px double rgba(255, 255, 255, 0.35);
	text-align: center;
}
.carnets-revue__sur {
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}
.carnets-revue__titre {
	margin: 0 0 0.6rem;
	color: #fff;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2.4rem, 6vw, 4rem);
	font-weight: 400;
	letter-spacing: 0.02em;
	line-height: 1;
}
.carnets-revue__mot {
	margin: 0 auto;
	max-width: 34rem;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.98rem;
	line-height: 1.6;
}

/* La une : l image a gauche, le texte a droite */
.carnets-revue__une { margin-bottom: 0; }
.carnets-revue__une > li {
	display: grid;
	grid-template-columns: 1.25fr 1fr;
	gap: clamp(1.4rem, 3vw, 2.6rem);
	align-items: center;
	margin-bottom: 2.6rem;
	padding-bottom: 2.6rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.carnets-revue__une .wp-block-post-featured-image { margin: 0; }
.carnets-revue__une .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	border-radius: 4px;
}
.carnets-revue__une .wp-block-post-title {
	margin: 0 0 0.5rem;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(1.5rem, 3vw, 2.15rem);
	font-weight: 400;
	line-height: 1.15;
}
.carnets-revue__une .wp-block-post-title a { color: #fff; text-decoration: none; }
.carnets-revue__une .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.carnets-revue__une .wp-block-post-date {
	margin: 0 0 0.9rem;
	color: rgba(255, 255, 255, 0.55);
	font-size: 0.72rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.carnets-revue__une .wp-block-post-excerpt {
	margin: 0;
	color: rgba(255, 255, 255, 0.8);
	font-size: 1rem;
	line-height: 1.65;
}

/* Le reste, en colonnes separees d un filet */
.carnets-revue__colonnes {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
	gap: 0;
}
.carnets-revue__colonnes > * {
	padding: 0 clamp(1rem, 2.2vw, 1.8rem);
	border-left: 1px solid rgba(255, 255, 255, 0.18);
}
.carnets-revue__colonnes > *:first-child { border-left: 0; padding-left: 0; }
.carnets-revue__colonnes .wp-block-post-featured-image { margin: 0 0 0.9rem; }
.carnets-revue__colonnes .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	border-radius: 3px;
}
.carnets-revue__colonnes .wp-block-post-title {
	margin: 0 0 0.35rem;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.15rem;
	font-weight: 400;
	line-height: 1.25;
}
.carnets-revue__colonnes .wp-block-post-title a { color: #fff; text-decoration: none; }
.carnets-revue__colonnes .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.carnets-revue__colonnes .wp-block-post-date {
	margin: 0 0 0.6rem;
	color: rgba(255, 255, 255, 0.5);
	font-size: 0.68rem;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}
.carnets-revue__colonnes .wp-block-post-excerpt {
	margin: 0;
	color: rgba(255, 255, 255, 0.72);
	font-size: 0.9rem;
	line-height: 1.55;
}
@media (max-width: 780px) {
	.carnets-revue__une { grid-template-columns: 1fr; }
	.carnets-revue__colonnes > * { border-left: 0; padding: 0 0 1.6rem; }
}

/* ---- C. Les coupures : des articles decoupes et epingles ---- */
.carnets-coupures__entree { max-width: 40rem; margin: 0 auto 3rem; text-align: center; }
.carnets-coupures__sur {
	margin: 0 0 0.5rem;
	color: var(--wp--preset--color--accent);
	font-size: 0.7rem;
	font-weight: 700;
	letter-spacing: 0.28em;
	text-transform: uppercase;
}
.carnets-coupures .carnets-coupures__titre,
.carnets-coupures__titre {
	margin: 0 0 0.7rem;
	color: #255f8d;
	font-family: Georgia, "Times New Roman", serif;
	font-size: clamp(2.2rem, 5vw, 3.4rem);
	font-weight: 400;
	line-height: 1;
}
.carnets-coupures__mot {
	margin: 0 auto;
	max-width: 32rem;
	color: #5c6773;
	font-size: 0.98rem;
	line-height: 1.6;
}
.carnets-coupures__grille {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(17rem, 1fr));
	gap: clamp(1.8rem, 4vw, 3.2rem);
	align-items: start;
}
/* L ombre est portee par le li : elle epouse ainsi le bord dechire, que le
   decoupage du papier emporterait sinon avec lui. */
.carnets-coupures__grille > li {
	position: relative;
	filter: drop-shadow(0 12px 22px rgba(30, 42, 54, 0.24));
	transition: transform 0.45s cubic-bezier(0.22, 1, 0.36, 1);
}
.carnets-coupures__grille > li:nth-child(3n + 1) { transform: rotate(-1.6deg); }
.carnets-coupures__grille > li:nth-child(3n + 2) { transform: rotate(1.1deg); }
.carnets-coupures__grille > li:nth-child(3n) { transform: rotate(-0.6deg); }
.carnets-coupures__grille > li:hover { transform: rotate(0deg) translateY(-6px); }
.carnets-coupure__papier {
	position: relative;
	padding: 0 0 1.9rem;
	background-color: #f8f2e3;
	background-image:
		repeating-linear-gradient(0deg, rgba(90, 70, 45, 0.02) 0 1px, transparent 1px 3px),
		repeating-linear-gradient(90deg, rgba(90, 70, 45, 0.02) 0 1px, transparent 1px 3px);
	/* Le bord du bas, dechire a la main */
	clip-path: polygon(
		0 0, 100% 0,
		100% calc(100% - 11px), 93% 100%, 86% calc(100% - 7px), 79% calc(100% - 13px),
		72% calc(100% - 4px), 65% calc(100% - 10px), 58% calc(100% - 5px), 51% calc(100% - 12px),
		44% calc(100% - 6px), 37% calc(100% - 11px), 30% calc(100% - 3px), 23% calc(100% - 9px),
		16% calc(100% - 5px), 9% calc(100% - 12px), 0 calc(100% - 6px)
	);
}
.carnets-coupure__papier .wp-block-post-featured-image { margin: 0 0 1rem; }
.carnets-coupure__papier .wp-block-post-featured-image img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	filter: saturate(0.86) contrast(1.04);
}
.carnets-coupure__papier .wp-block-post-title {
	margin: 0 1.3rem 0.4rem;
	color: #26333d;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.28rem;
	font-weight: 400;
	line-height: 1.24;
}
.carnets-coupure__papier .wp-block-post-title a { color: inherit; text-decoration: none; }
.carnets-coupure__papier .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.carnets-coupure__papier .wp-block-post-date {
	margin: 0 1.3rem 0.75rem;
	color: #8a8377;
	font-size: 0.66rem;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}
.carnets-coupure__papier .wp-block-post-excerpt {
	margin: 0 1.3rem;
	color: #5a5852;
	font-size: 0.92rem;
	line-height: 1.55;
}
.carnets-coupure__papier .wp-block-post-excerpt__more-text { display: none; }
/* L epingle, plantee en haut du papier */
.carnets-coupures__grille > li::before {
	content: "";
	position: absolute;
	z-index: 2;
	top: -9px;
	left: 50%;
	width: 15px;
	height: 15px;
	margin-left: -7px;
	border-radius: 50%;
	background: radial-gradient(circle at 34% 30%, #f0a06a, #c9622a 62%, #a4491d);
	box-shadow: 0 3px 5px rgba(30, 42, 54, 0.3);
}
@media (max-width: 640px) {
	.carnets-coupures__grille > li,
	.carnets-coupures__grille > li:hover { transform: none; }
}

/* Deux ajustements pour les deux propositions posees sur l ardoise.
   D abord la largeur : le gabarit borne les enfants d un groupe a la
   largeur de lecture, 44rem, ce qui ne laissait que deux colonnes.
   Ensuite la couleur des titres : la regle du bleu des recits
   (.carnets-carte-article .wp-block-post-content h2) compte un element de
   plus, il faut donc une classe de plus pour la devancer. */
/* La mesure de lecture des pages fixes est posee par
   « .carnets-page-fond .carnets-carte-article > .wp-block-post-content > * »,
   trois classes : il en faut donc quatre pour la lever ici. */
.carnets-page-fond .carnets-carte-article > .wp-block-post-content > .carnets-revue { max-width: 68rem; }
.carnets-page-fond .carnets-carte-article > .wp-block-post-content > .carnets-coupures,
/* ...et la meme chose quand les coupures viennent du gabarit d archive,
   ou il n y a pas de bloc de contenu intermediaire. */
.carnets-page-fond .carnets-carte-article > .carnets-coupures { max-width: 74rem; }
/* La grille des articles, elle aussi, deborde la mesure de lecture. */
.carnets-page-fond .carnets-carte-article > .wp-block-post-content > .wp-block-query { max-width: none; }
.carnets-revue > *,
.carnets-coupures > *,
.carnets-revue .wp-block-query,
.carnets-coupures .wp-block-query { max-width: none; }

.carnets-revue .carnets-revue__une .wp-block-post-title,
.carnets-revue .carnets-revue__une .wp-block-post-title a,
.carnets-revue .carnets-revue__colonnes .wp-block-post-title,
.carnets-revue .carnets-revue__colonnes .wp-block-post-title a { color: #fff; }
.carnets-revue .carnets-revue__une .wp-block-post-title a:hover,
.carnets-revue .carnets-revue__colonnes .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }

/* Le gabarit force « margin-left/right: auto !important » sur les enfants
   d un groupe : le retrait lateral se fait donc au remplissage. */
.carnets-coupures .carnets-coupure__papier .wp-block-post-title {
	margin: 0 0 0.4rem;
	padding: 0 1.3rem;
	max-width: none;
	color: #26333d;
}
.carnets-coupures .carnets-coupure__papier .wp-block-post-date {
	margin: 0 0 0.75rem;
	padding: 0 1.3rem;
}
.carnets-coupures .carnets-coupure__papier .wp-block-post-excerpt {
	margin: 0;
	padding: 0 1.3rem;
}
.carnets-coupures .carnets-coupure__papier .wp-block-post-title a { color: inherit; }
.carnets-coupures .carnets-coupure__papier .wp-block-post-title a:hover { color: var(--wp--preset--color--accent); }
.carnets-coupures .carnets-coupure__papier .wp-block-post-date,
.carnets-coupures .carnets-coupure__papier .wp-block-post-excerpt { max-width: none; }

/* L espace sous le sommaire, le meme partout.
   Certains carnets font suivre le bloc d un espaceur de 100 px, d autres
   d un simple paragraphe vide : l ecart allait de 35 a 159 px. On efface
   l espaceur, et la marge basse du sommaire fait seule la mesure. */
.carnets-carte-article .wp-block-advgb-accordions + .wp-block-spacer,
.carnets-carte-article .wp-block-advgb-accordions + p:empty + .wp-block-spacer,
.carnets-carte-article .wp-block-advgb-accordions + p:empty + p:empty + .wp-block-spacer {
	display: none;
}

/* La legende du tirage, posee dans le bas du cadre blanc. Le cadre ne
   s'agrandit que pour les tirages qui en portent une : la galerie calcule
   ses rangees sur la largeur des images, une hauteur en plus ne la gene
   pas, mais autant ne pas l'imposer partout. */
.carnets-photo__mur .pgcsimplygalleryblock-justified-item.a-legende {
	padding-bottom: 2.4rem;
	background: #fff;
	box-shadow: 0 12px 30px rgba(16, 24, 31, 0.24);
}
.carnets-photo__mur .pgcsimplygalleryblock-justified-item.a-legende img {
	box-shadow: none;
}
.carnets-photo__legende {
	position: absolute;
	left: 10px;
	right: 10px;
	bottom: 0.55rem;
	color: #4a5560;
	font-size: 0.78rem;
	line-height: 1.3;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/* =================================================================
   Les encadres de conseil : un pictogramme, un intitule, une phrase
   ================================================================= */
/* Le gabarit d origine donnait au pictogramme une colonne entiere et le
   laissait grand comme une lettrine, tandis que l intitule flottait loin de
   sa phrase. On resserre : l icone tient dans une pastille, l intitule
   devient un surtitre, et la phrase se pose juste dessous. */
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	gap: clamp(0.75rem, 1.6vw, 1.05rem);
	/* Plus etroit que le recit, et centre : l encadre se detache du fil au
	   lieu d en occuper toute la largeur. Le bloc porte « margin: 0 » en
	   style en ligne, il faut donc passer devant. */
	max-width: 52rem;
	margin: 2.2rem auto !important;
	padding: clamp(1rem, 2.4vw, 1.4rem) clamp(1.1rem, 3vw, 1.7rem) !important;
	border-radius: 14px;
	box-shadow: 0 10px 24px rgba(16, 24, 31, 0.16);
}
/* La colonne du pictogramme se reduit a la pastille : laissee libre, elle
   prenait la moitie de la largeur et centrait l icone au milieu du vide. */
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:first-child {
	flex: 0 0 2.5rem !important;
	width: 2.5rem !important;
	min-width: 0;
}
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) .wp-block-advgb-icon,
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) .advgb-icons {
	width: 2.5rem !important;
	text-align: left !important;
}
/* La pastille : un rond translucide qui detache l icone du fond. */
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) .wp-block-advgb-icon,
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) .advgb-icons,
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) .advgb-icon-wrap {
	margin: 0 !important;
	padding: 0 !important;
}
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) .advgb-icon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: rgba(255, 255, 255, 0.16);
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);
}
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) .advgb-icon i {
	font-size: 1.7rem !important;
	line-height: 1 !important;
}
/* Le texte : un surtitre et une phrase, serres l un contre l autre. */
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:last-child {
	flex: 1 1 auto;
	min-width: 0;
}
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:last-child p {
	margin: 0;
	text-align: left;
}
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:last-child p:first-child {
	margin-bottom: 0.3rem;
	font-size: 0.72rem !important;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	opacity: 0.82;
}
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:last-child p:first-child strong {
	font-weight: inherit;
}
.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) > .wp-block-column:last-child p + p {
	font-size: 1rem;
	line-height: 1.5;
}
/* Sur telephone, le pictogramme passe au-dessus. */
@media (max-width: 560px) {
	.carnets-carte-article .wp-block-columns.has-background:has(> .wp-block-column:first-child > .wp-block-advgb-icon:only-child):not(:has(> .wp-block-column:nth-child(3))) {
		flex-direction: column;
		align-items: flex-start;
		gap: 0.7rem;
	}
}

/* =================================================================
   Le sommaire, en bloc « Details » du coeur de WordPress
   ================================================================= */
/* Reprend l allure de l ancien accordeon — bandeau ardoise, liseret
   orange, corps blanc — sans rien devoir a un greffon. */
.carnets-carte-article .carnets-sommaire {
	margin: 2.4rem 0 2.2rem;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 8px 24px rgba(30, 42, 54, 0.1);
	background: #fff;
}
.carnets-carte-article .carnets-sommaire > summary {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin: 0;
	padding: 1.05rem 1.4rem 1.15rem;
	background: var(--wp--preset--color--slate);
	color: #fff;
	font-size: 1.35rem;
	font-weight: 600;
	cursor: pointer;
	list-style: none;
}
/* Le triangle par defaut des navigateurs cede la place a notre signe. */
.carnets-carte-article .carnets-sommaire > summary::-webkit-details-marker { display: none; }
.carnets-carte-article .carnets-sommaire > summary::marker { content: ""; }
.carnets-carte-article .carnets-sommaire > summary::after {
	content: "";
	flex: 0 0 auto;
	width: 22px;
	height: 22px;
	background:
		linear-gradient(#fff, #fff) center / 12px 2px no-repeat,
		linear-gradient(#fff, #fff) center / 2px 12px no-repeat;
	border: 1px solid rgba(255, 255, 255, 0.55);
	border-radius: 50%;
	transition: transform 0.3s ease;
}
/* Ouvert, la barre verticale disparait : le plus devient un moins. */
.carnets-carte-article .carnets-sommaire[open] > summary::after {
	background: linear-gradient(#fff, #fff) center / 12px 2px no-repeat;
	transform: rotate(180deg);
}
/* Le pied orange, sous le bandeau */
.carnets-carte-article .carnets-sommaire > summary::before {
	content: "";
	position: absolute;
	inset: auto 0 0 0;
	height: 5px;
	background: linear-gradient(90deg, #e3823f, #c9622a);
}
.carnets-carte-article .carnets-sommaire .wp-block-list {
	margin: 0;
	padding: 1.1rem 1.4rem 1.3rem 2.6rem;
	background: #fff;
}
/* Le chevron de l ancien sommaire, plutot que la puce ronde. */
.carnets-carte-article .carnets-sommaire .wp-block-list { list-style: none; }
.carnets-carte-article .carnets-sommaire .wp-block-list li {
	position: relative;
	margin: 0 0 0.45rem;
}
.carnets-carte-article .carnets-sommaire .wp-block-list li::before {
	content: "";
	position: absolute;
	top: 0.55em;
	left: -1.15rem;
	width: 6px;
	height: 6px;
	border-top: 2px solid var(--wp--preset--color--accent);
	border-right: 2px solid var(--wp--preset--color--accent);
	transform: rotate(45deg);
}
.carnets-carte-article .carnets-sommaire .wp-block-list li:last-child { margin-bottom: 0; }
.carnets-carte-article .carnets-sommaire .wp-block-list a {
	color: var(--wp--preset--color--slate);
	text-decoration: none;
}
.carnets-carte-article .carnets-sommaire .wp-block-list a:hover {
	color: var(--wp--preset--color--accent);
	text-decoration: underline;
}
/* Le depliage s anime la ou le navigateur sait interpoler une hauteur
   automatique ; ailleurs il s ouvre d un coup, ce qui reste net. */
@supports (interpolate-size: allow-keywords) {
	.carnets-carte-article .carnets-sommaire {
		interpolate-size: allow-keywords;
	}
	.carnets-carte-article .carnets-sommaire::details-content {
		height: 0;
		overflow: hidden;
		transition: height 0.32s ease, content-visibility 0.32s allow-discrete;
	}
	.carnets-carte-article .carnets-sommaire[open]::details-content { height: auto; }
}

/* =================================================================
   Les pictogrammes des encadres
   ================================================================= */
/* Ils sont ecrits en ligatures — le mot « local_parking » devient un
   dessin — et la police venait du greffon Advanced Gutenberg. Elle est
   maintenant embarquee dans le theme, prise telle quelle : meme fichier,
   meme rendu, aucun appel exterieur. Le navigateur ne la telecharge que
   sur les pages qui s en servent. */
@font-face {
	font-family: "Material Icons Round";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/MaterialIconsRound-Regular.woff2") format("woff2");
}
@font-face {
	font-family: "Material Icons Outlined";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("assets/fonts/MaterialIconsOutlined-Regular.woff2") format("woff2");
}
.material-icons-round,
.material-icons-outlined,
.material-icons,
.material-icons-sharp {
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	font-feature-settings: "liga";
	-webkit-font-feature-settings: "liga";
	-webkit-font-smoothing: antialiased;
}
.material-icons-round,
.material-icons,
.material-icons-sharp { font-family: "Material Icons Round", sans-serif; }
.material-icons-outlined { font-family: "Material Icons Outlined", sans-serif; }

/* =================================================================
   Deux encarts repris au greffon : le conseil et les chiffres
   ================================================================= */
/* L encadre d information : un pictogramme, un mot. Meme famille que les
   encadres de conseil des carnets, en plus sobre. */
.carnets-carte-article .carnets-conseil {
	display: flex;
	align-items: center;
	gap: clamp(0.8rem, 2vw, 1.2rem);
	max-width: 52rem;
	margin: 2.2rem auto;
	padding: clamp(1rem, 2.4vw, 1.3rem) clamp(1.1rem, 3vw, 1.6rem);
	border-radius: 14px;
	background: #eef2f4;
	box-shadow: inset 0 0 0 1px rgba(61, 79, 93, 0.1);
}
.carnets-carte-article .carnets-conseil__picto {
	flex: 0 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.5rem;
	height: 2.5rem;
	border-radius: 50%;
	background: #fff;
	color: var(--wp--preset--color--accent);
	box-shadow: 0 2px 6px rgba(30, 42, 54, 0.12);
}
.carnets-carte-article .carnets-conseil__picto i { font-size: 1.5rem; line-height: 1; }
.carnets-carte-article .carnets-conseil__mot { flex: 1 1 auto; min-width: 0; }
.carnets-carte-article .carnets-conseil__mot p {
	margin: 0;
	color: #3d4f5d;
	font-size: 1rem;
	line-height: 1.5;
	text-align: left;
}
.carnets-carte-article .carnets-conseil__titre {
	margin-bottom: 0.2rem !important;
	font-size: 0.72rem !important;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--accent) !important;
}

/* Les chiffres d un vol : la meme lecture que le bloc de trajet. */
.carnets-carte-article .carnets-chiffres {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: clamp(1.5rem, 6vw, 4rem);
	margin: 2.2rem 0;
	text-align: center;
}
.carnets-carte-article .carnets-chiffre {
	display: flex;
	flex-direction: column;
	gap: 0.3rem;
}
.carnets-carte-article .carnets-chiffre__valeur {
	color: var(--wp--preset--color--slate);
	font-size: clamp(1.6rem, 4vw, 2.2rem);
	font-weight: 300;
	line-height: 1;
}
.carnets-carte-article .carnets-chiffre__quoi {
	color: var(--wp--preset--color--muted);
	font-size: 0.78rem;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}

/* La taille des pictogrammes venait d une feuille que le greffon fabriquait
   bloc par bloc. Le theme pose desormais une taille de base ; celle des
   encadres de conseil, plus serree, la remplace. */
.carnets-carte-article .advgb-icon i { font-size: 2.2rem; line-height: 1; }
.carnets-carte-article .advgb-icons { text-align: center; }