/*
Theme Name: Garde Véto La Côte — Clinique douce
Description: Thème enfant de Twenty Twenty-Four pour le site du Regroupement Vétérinaire de la Côte — Service de garde. Direction graphique « Clinique douce » : vert d'eau médical, bleu du lac, formes arrondies et boutons en pilule.
Template: twentytwentyfour
Version: 1.0.0
Requires at least: 6.6
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: garde-lacote
*/

/* ==========================================================================
   Sommaire
   1. Icônes (tracés SVG en data-URI, utilisés comme masques)
   2. Base : titres, liens, focus, sélection
   3. Styles de blocs (contrat §4) : carte, carte-menthe, numero-garde,
      surtitre, tarifs, coches
   4. Icônes : pastille des cartes, boutons, textes
   5. Boutons
   6. Utilitaires : garde-hero, garde-cout
   7. En-tête (site-header, bouton-appel-header)
   8. Pied de page (site-footer) et barre d'appel mobile (barre-appel)
   9. Accessibilité : mouvement réduit, contraste forcé, impression
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Icônes
   Tracés repris de l'objet ICONS de la maquette (viewBox 24, trait 2, arrondi).
   La couleur du tracé est sans importance : le SVG sert de masque et la
   couleur visible vient de background-color.
   -------------------------------------------------------------------------- */

:root {
	--garde-icone-telephone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A16 16 0 0 1 3 5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E");
	--garde-icone-repere: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 21s-7-6.2-7-11.5A7 7 0 0 1 19 9.5C19 14.8 12 21 12 21z'/%3E%3Ccircle cx='12' cy='9.5' r='2.5'/%3E%3C/svg%3E");
	--garde-icone-croix: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 3h6v6h6v6h-6v6H9v-6H3V9h6z'/%3E%3C/svg%3E");
	--garde-icone-pansement: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2.5' y='8' width='19' height='8' rx='4' transform='rotate(-35 12 12)'/%3E%3Cpath d='M10.5 11.2h.01M13.5 12.8h.01M11.2 13.5h.01M12.8 10.5h.01'/%3E%3C/svg%3E");
	--garde-icone-alerte: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 2 20h20z'/%3E%3Cpath d='M12 10v4M12 17h.01'/%3E%3C/svg%3E");
	--garde-icone-horloge: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E");
	--garde-icone-coche: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");
	/* Pastille 42px, rayon 12px, couleur base-2 (#EDF6F5) : fond des icônes de cartes. */
	--garde-pastille: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 42 42'%3E%3Crect width='42' height='42' rx='12' fill='%23EDF6F5'/%3E%3C/svg%3E");
}

.icone-telephone { --garde-icone: var(--garde-icone-telephone); }
.icone-repere { --garde-icone: var(--garde-icone-repere); }
.icone-croix { --garde-icone: var(--garde-icone-croix); }
.icone-pansement { --garde-icone: var(--garde-icone-pansement); }
.icone-alerte { --garde-icone: var(--garde-icone-alerte); }
.icone-horloge { --garde-icone: var(--garde-icone-horloge); }

/* Les boutons d'appel portent toujours l'icône téléphone. */
.bouton-appel-header,
.barre-appel { --garde-icone: var(--garde-icone-telephone); }

/* --------------------------------------------------------------------------
   2. Base
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: no-preference) {
	html { scroll-behavior: smooth; }
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Padding racine : le plancher de 16px est déclaré dans theme.json
   (styles.spacing.padding = max(16px, var(--wp--preset--spacing--30))). */

h1, h2, h3, h4, h5, h6 { text-wrap: balance; }

p { text-wrap: pretty; }

a:where(:not(.wp-element-button)) {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.18em;
}

a:where(:not(.wp-element-button)):hover {
	text-decoration-thickness: 2px;
}

::selection {
	background-color: var(--wp--preset--color--accent-2);
	color: var(--wp--preset--color--contrast);
}

/* Focus visible : anneau 3px Sarcelle foncée décalé de 2px (clavier uniquement),
   blanc sur les fonds foncés : au moins 3:1 sur chaque fond (WCAG 1.4.11). */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[tabindex]:not([tabindex="-1"]):focus-visible,
.wp-element-button:focus-visible,
.wp-block-button__link:focus-visible {
	outline: 3px solid var(--wp--preset--color--accent-6);
	outline-offset: 2px;
}

.has-accent-background-color :focus-visible,
.has-accent-6-background-color :focus-visible,
.has-contrast-background-color :focus-visible {
	outline-color: var(--wp--preset--color--base);
}

/* Pages secondaires : plus d'air avant chaque nouvelle section. */
.wp-block-post-content > h2:not(:first-child) {
	margin-block-start: max(2.25rem, var(--wp--preset--spacing--40));
}

/* --------------------------------------------------------------------------
   3. Styles de blocs (contrat §4 de docs/theme-spec.md)
   -------------------------------------------------------------------------- */

/* core/group — carte */
.wp-block-group.is-style-carte {
	background-color: var(--wp--preset--color--base);
	border: 1.5px solid var(--wp--preset--color--accent-5);
	border-radius: var(--wp--custom--radius--md);
	padding: max(1.125rem, var(--wp--preset--spacing--20));
}

/* Cartes alignées en hauteur dans des colonnes. */
.wp-block-column > .wp-block-group.is-style-carte:only-child {
	height: 100%;
}

/* core/group — carte-menthe (carte du héros, encadrés) */
.wp-block-group.is-style-carte-menthe {
	background-color: var(--wp--preset--color--base-2);
	border-radius: var(--wp--custom--radius--lg);
	padding: clamp(1.25rem, 4vw, 2.75rem);
}

.wp-block-group.is-style-carte-menthe.garde-hero,
.wp-block-group.is-style-carte-menthe:has(> .garde-hero) {
	padding-block: clamp(1.75rem, 5vw, 3.5rem);
}

/* Encadrés (carte-menthe hors héros) : plus légers, comme .m-callout de la maquette. */
.wp-block-group.is-style-carte-menthe:not(.garde-hero):not(:has(> .garde-hero)) {
	border-radius: calc(var(--wp--custom--radius--md) + 4px);
	padding: 1.25rem;
}

/* core/paragraph — numero-garde */
.is-style-numero-garde {
	color: var(--wp--preset--color--contrast);
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--numero);
	font-variant-numeric: tabular-nums;
	font-weight: 700;
	letter-spacing: 0.01em;
	line-height: 1.05;
}

.is-style-numero-garde a {
	color: inherit;
	text-decoration: none;
}

.is-style-numero-garde a:hover {
	color: inherit;
	text-decoration: underline;
	text-decoration-thickness: 0.06em;
	text-underline-offset: 0.12em;
}

/* core/paragraph — surtitre */
.is-style-surtitre {
	color: var(--wp--preset--color--contrast-2);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	line-height: 1.4;
	text-transform: uppercase;
}

/* Bloc téléphone resserré, comme .m-phone de la maquette :
   surtitre « Ligne de garde » → numéro → coût. */
.is-style-surtitre + :is(h1, h2, h3) {
	margin-block-start: 0.625rem;
}

.is-style-surtitre + .is-style-numero-garde {
	margin-block-start: 0.25rem;
}

.is-style-numero-garde + .garde-cout {
	margin-block-start: 0.35rem;
}

/* core/table — tarifs */
.wp-block-table.is-style-tarifs table {
	border-collapse: collapse;
	border-top: 1px solid var(--wp--preset--color--accent-5);
	table-layout: auto;
	width: 100%;
}

.wp-block-table.is-style-tarifs thead,
.wp-block-table.is-style-tarifs tfoot {
	border: 0;
}

.wp-block-table.is-style-tarifs th,
.wp-block-table.is-style-tarifs td {
	border: 0;
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
	color: var(--wp--preset--color--contrast);
	padding: 0.8rem 0;
	vertical-align: baseline;
	word-break: normal;
}

.wp-block-table.is-style-tarifs :is(th, td):where(:not([class*="has-text-align-"])) {
	text-align: start;
}

.wp-block-table.is-style-tarifs thead th {
	color: var(--wp--preset--color--contrast-2);
	font-size: 0.75rem;
	font-weight: 700;
	letter-spacing: 0.16em;
	text-transform: uppercase;
}

/* 2e colonne (montants) : à droite, Plus Jakarta Sans 600, chiffres tabulaires. */
.wp-block-table.is-style-tarifs :is(th, td):last-child:not(:first-child) {
	font-family: var(--wp--preset--font-family--heading);
	font-variant-numeric: tabular-nums;
	font-weight: 600;
	padding-inline-start: 1rem;
	white-space: nowrap;
	width: 1%;
}

.wp-block-table.is-style-tarifs :is(th, td):last-child:not(:first-child):where(:not([class*="has-text-align-"])) {
	text-align: end;
}

.wp-block-table.is-style-tarifs td small {
	color: var(--wp--preset--color--contrast-2);
	display: block;
	font-size: 0.8125rem;
}

.wp-block-table.is-style-tarifs figcaption {
	text-align: start;
}

/* core/list — coches */
ul.is-style-coches,
ol.is-style-coches {
	list-style: none;
	padding-inline-start: 0;
}

.is-style-coches > li {
	padding-inline-start: 1.75em;
	position: relative;
}

.is-style-coches > li + li {
	margin-block-start: 0.4em;
}

.is-style-coches > li::before {
	background-color: var(--wp--preset--color--accent);
	content: "";
	height: 1.15em;
	inset-inline-start: 0;
	position: absolute;
	top: 0.22em;
	width: 1.15em;
	-webkit-mask: var(--garde-icone-coche) center / contain no-repeat;
	mask: var(--garde-icone-coche) center / contain no-repeat;
}

/* --------------------------------------------------------------------------
   4. Icônes
   -------------------------------------------------------------------------- */

/* 4a. Cartes de services (groupe is-style-carte + icone-…) :
   pastille 42px fond base-2 rayon 12px, tracé 26px couleur accent
   (cf. .lay-cards .svc svg). La pastille est peinte en fond du groupe,
   calée sur la boîte de contenu : elle suit le padding quel qu'il soit. */
.wp-block-group.is-style-carte[class*="icone-"] {
	background-image: var(--garde-pastille);
	background-origin: content-box;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: 42px 42px;
}

.wp-block-group.is-style-carte[class*="icone-"]::before {
	background-color: var(--wp--preset--color--accent);
	align-self: flex-start;
	content: "";
	display: block;
	flex: none;
	height: 26px;
	justify-self: start;
	margin: 8px 8px calc(8px + 0.75rem);
	width: 26px;
	-webkit-mask: var(--garde-icone) center / contain no-repeat;
	mask: var(--garde-icone) center / contain no-repeat;
}

/* Contenu des cartes à icône : titre compact, texte secondaire (cf. .svc). */
.wp-block-group.is-style-carte[class*="icone-"] > :is(h2, h3, h4) {
	font-size: 1.0625rem;
	line-height: 1.3;
	margin-block-end: 0;
}

.wp-block-group.is-style-carte[class*="icone-"] > :is(h2, h3, h4) + p {
	margin-block-start: 0.5rem;
}

.wp-block-group.is-style-carte[class*="icone-"] > p {
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
}

/* Grille de cartes à icône : 4 → 2 → 1 colonnes, jamais 3 + 1 sur tablette. */
@media (min-width: 600px) and (max-width: 899.98px) {
	.wp-block-group.is-layout-grid:has(> .is-style-carte[class*="icone-"]) {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* 4b. Boutons : icône avant le libellé, dans la couleur du texte. */
.wp-block-button[class*="icone-"] > .wp-block-button__link::before,
.bouton-appel-header .wp-block-button__link::before,
.barre-appel .wp-block-button__link::before {
	background-color: currentColor;
	content: "";
	display: inline-block;
	height: 1.05em;
	margin-inline-end: 0.5em;
	vertical-align: -0.15em;
	width: 1.05em;
	-webkit-mask: var(--garde-icone) center / contain no-repeat;
	mask: var(--garde-icone) center / contain no-repeat;
}

/* 4c. Textes (paragraphe, titre, élément de liste) : icône en ligne. */
:is(p, h1, h2, h3, h4, h5, h6, li)[class*="icone-"]::before {
	background-color: var(--wp--preset--color--accent);
	content: "";
	display: inline-block;
	height: 1em;
	margin-inline-end: 0.4em;
	vertical-align: -0.12em;
	width: 1em;
	-webkit-mask: var(--garde-icone) center / contain no-repeat;
	mask: var(--garde-icone) center / contain no-repeat;
}

/* --------------------------------------------------------------------------
   5. Boutons
   -------------------------------------------------------------------------- */

.wp-element-button,
.wp-block-button__link {
	transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
}

/* Variante outline : survol doux (le parent TT4 passe en gris foncé). */
.wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.has-text-color, .has-background):hover,
.wp-block-button.is-style-outline > .wp-block-button__link.wp-element-button:not(.has-text-color, .has-background):focus-visible {
	background-color: var(--wp--preset--color--accent-2);
	border-color: var(--wp--preset--color--accent);
	color: var(--wp--preset--color--accent-6);
}

/* Bouton blanc sur bandeau sarcelle (pattern appel) : les classes de couleur
   du cœur sont en !important et annulent le survol de theme.json. */
.has-accent-background-color .wp-block-button__link.has-base-background-color:is(:hover, :focus-visible) {
	background-color: var(--wp--preset--color--accent-2) !important;
	color: var(--wp--preset--color--accent-6) !important;
}

/* --------------------------------------------------------------------------
   6. Utilitaires
   -------------------------------------------------------------------------- */

/* garde-hero : texte + bloc « De garde », 2 colonnes dès 782px. */
:is(.wp-block-group, .wp-block-columns).garde-hero {
	align-items: center;
	display: grid;
	gap: clamp(1.25rem, 4vw, 3rem);
	grid-template-columns: minmax(0, 1fr);
}

/* Neutralise les marges des mises en page flow/constrained à l'intérieur de la grille
   (les marges auto de « constrained » sont déclarées en !important par le cœur). */
:is(.wp-block-group, .wp-block-columns).garde-hero > * {
	flex-basis: auto;
	margin-block: 0 !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	max-width: none;
	min-width: 0;
	width: auto;
}

@media (min-width: 782px) {
	:is(.wp-block-group, .wp-block-columns).garde-hero {
		grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
	}
}

/* garde-cout : coût de la ligne sous le numéro. */
.garde-cout {
	color: var(--wp--preset--color--contrast-2);
	font-size: var(--wp--preset--font-size--small);
	font-variant-numeric: tabular-nums;
}

/* --------------------------------------------------------------------------
   7. En-tête
   -------------------------------------------------------------------------- */

.site-header {
	background-color: var(--wp--preset--color--base);
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
	padding-block: 14px;
}

:where(.site-header, .site-footer) .wp-block-site-logo:not(.is-style-rounded) img {
	background-color: var(--wp--preset--color--base);
	border-radius: var(--wp--custom--radius--sm);
	object-fit: cover;
}

.site-header .wp-block-navigation a[aria-current="page"] {
	color: var(--wp--preset--color--accent);
}

/* Ligne flex sans retour : le logo garde ses 56px, le bouton ne se comprime pas,
   et aucun libellé ne se coupe (« Appele / r »). */
.site-header .wp-block-site-logo,
.site-header .wp-block-buttons {
	flex-shrink: 0;
}

.bouton-appel-header .wp-block-button__link,
.site-header .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation-item__content {
	white-space: nowrap;
}

/* Bouton du menu mobile : cible tactile de 44px. */
.site-header .wp-block-navigation__responsive-container-open {
	align-items: center;
	justify-content: center;
	min-height: 44px;
	min-width: 44px;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	font-family: var(--wp--preset--font-family--heading);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 700;
}

/* Menu ouvert : liste alignée à gauche, séparée par des filets, comme une fiche. */
.site-header .wp-block-navigation__responsive-container.is-menu-open {
	background-color: var(--wp--preset--color--base);
	color: var(--wp--preset--color--contrast);
	padding: var(--wp--preset--spacing--20) max(16px, var(--wp--preset--spacing--30));
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
	align-items: stretch;
	gap: 0;
	width: 100%;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
	border-bottom: 1px solid var(--wp--preset--color--accent-5);
	width: 100%;
}

.site-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: block;
	padding-block: 0.9rem;
	width: 100%;
}

/* Menu en overlay (bouton burger) jusqu'à 1023px : sur tablette, les liens et le
   bouton ne tiennent pas sur une ligne à côté du logo et du titre.
   Pas dans l'éditeur, où les liens restent modifiables directement. */
@media (min-width: 600px) and (max-width: 1023.98px) {
	body:not(.editor-styles-wrapper) .site-header .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: flex;
	}

	body:not(.editor-styles-wrapper) .site-header .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

/* Le bouton « Appeler » de l'en-tête laisse la place à la barre d'appel
   tant qu'elle est affichée (< 782px). Toujours visible dans l'éditeur. */
@media (max-width: 781.98px) {
	body:not(.editor-styles-wrapper) .bouton-appel-header {
		display: none !important;
	}
}

/* --------------------------------------------------------------------------
   8. Pied de page et barre d'appel
   -------------------------------------------------------------------------- */

.site-footer {
	background-color: var(--wp--preset--color--base-2);
}

/* Pas de bande blanche entre la dernière section et le pied de page :
   le blockGap racine (1.2rem) ne s'applique pas au pied de page. */
.wp-site-blocks > footer.wp-block-template-part {
	margin-block-start: 0;
}

/* barre-appel : fixée en bas de l'écran sous 782px, masquée au-delà.
   Les règles ne s'appliquent pas dans l'éditeur (body.editor-styles-wrapper),
   où la barre reste visible et modifiable à sa place dans le pied de page. */
@media (min-width: 782px) {
	body:not(.editor-styles-wrapper) .barre-appel {
		display: none !important;
	}
}

@media (max-width: 781.98px) {
	/* Le focus clavier ne finit jamais caché sous la barre fixe (WCAG 2.4.11). */
	html {
		scroll-padding-bottom: calc(6rem + env(safe-area-inset-bottom, 0px));
	}

	/* Place réservée sous le pied de page pour la barre fixe (jusqu'à 86px quand
	   le libellé passe sur deux lignes à 320px), peinte en menthe comme le pied de page. */
	body:not(.editor-styles-wrapper) .wp-site-blocks > footer.wp-block-template-part {
		background-color: var(--wp--preset--color--base-2);
		padding-bottom: calc(5.5rem + env(safe-area-inset-bottom, 0px));
	}

	body:not(.editor-styles-wrapper) .barre-appel {
		background-color: var(--wp--preset--color--base);
		border-top: 1px solid var(--wp--preset--color--accent-5);
		bottom: 0;
		box-shadow: 0 -12px 28px -20px rgba(14, 80, 78, 0.5);
		box-sizing: border-box;
		left: 0;
		margin: 0;
		max-width: none;
		padding: 0.625rem max(16px, env(safe-area-inset-right, 0px)) calc(0.625rem + env(safe-area-inset-bottom, 0px)) max(16px, env(safe-area-inset-left, 0px));
		position: fixed;
		right: 0;
		width: auto;
		z-index: 50;
	}

	@supports (backdrop-filter: blur(8px)) {
		body:not(.editor-styles-wrapper) .barre-appel {
			-webkit-backdrop-filter: blur(8px);
			backdrop-filter: blur(8px);
			background-color: rgba(255, 255, 255, 0.94);
		}
	}

	body:not(.editor-styles-wrapper) .barre-appel .wp-block-buttons {
		margin: 0;
		width: 100%;
	}

	body:not(.editor-styles-wrapper) .barre-appel .wp-block-button {
		flex: 1 1 100%;
		width: 100%;
	}

	body:not(.editor-styles-wrapper) .barre-appel .wp-block-button__link {
		box-sizing: border-box;
		min-height: 48px;
		width: 100%;
	}
}

/* --------------------------------------------------------------------------
   9. Accessibilité
   -------------------------------------------------------------------------- */

@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
	}
}

/* Contraste forcé (Windows) : les icônes masquées restent visibles. */
@media (forced-colors: active) {
	[class*="icone-"]::before,
	.wp-block-button__link::before,
	.is-style-coches > li::before {
		background-color: CanvasText;
		forced-color-adjust: none;
	}

	.wp-block-group.is-style-carte,
	.wp-block-group.is-style-carte-menthe {
		border: 1px solid CanvasText;
	}
}

@media print {
	.barre-appel,
	.bouton-appel-header,
	.wp-block-navigation__responsive-container-open {
		display: none !important;
	}

	.wp-site-blocks > footer.wp-block-template-part {
		padding-bottom: 0 !important;
	}
}