/**
 * Archange 140 — en-tête, pied de page, en-tête de commande, menu mobile et mini-panier.
 * Mobile d'abord. Les couleurs et typographies viennent de theme.json (--wp--preset--*).
 */

:root {
	--a140-annonce-h: 3rem;
	--a140-barre-h: 4rem;
	--a140-entete-h: calc(var(--a140-annonce-h) + var(--a140-barre-h));
	--a140-icone: 2.5rem;
	--a140-ico-cadenas: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linejoin='round'%3E%3Crect x='4.75' y='10.25' width='14.5' height='10' rx='1.5'/%3E%3Cpath d='M8 10.25V7.5a4 4 0 0 1 8 0v2.75'/%3E%3Cpath d='M12 14.25v2.25' stroke-linecap='round'/%3E%3C/svg%3E");
	--a140-ico-retour: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4.5 12a7.5 7.5 0 1 0 2.2-5.3'/%3E%3Cpath d='M4.5 4.25v4.5H9'/%3E%3C/svg%3E");
}

@media (min-width: 782px) {
	:root {
		--a140-annonce-h: 2.375rem;
		--a140-barre-h: var(--wp--custom--header-height, 76px);
	}
}

/* Écrans tactiles : zones de toucher de 44px, pictogrammes inchangés. */
@media (pointer: coarse) {
	:root {
		--a140-icone: 2.75rem;
	}
}

/* Téléphone à l'horizontale : la barre collante ne doit pas manger un quart de l'écran. */
@media (max-height: 500px) and (orientation: landscape) {
	:root {
		--a140-annonce-h: 2rem;
		--a140-barre-h: 3.5rem;
	}
}

html {
	scroll-padding-top: calc(var(--a140-barre-h) + 1.5rem);
}

/* =========================================================================
   En-tête collant : le bandeau d'annonce défile, la barre principale reste.
   ========================================================================= */

header.wp-block-template-part:has(> .a140-entete) {
	position: sticky;
	top: calc(var(--a140-annonce-h) * -1);
	z-index: 100;
}

@media (min-width: 601px) {
	.admin-bar header.wp-block-template-part:has(> .a140-entete) {
		top: calc(46px - var(--a140-annonce-h));
	}
}

@media (min-width: 783px) {
	.admin-bar header.wp-block-template-part:has(> .a140-entete) {
		top: calc(32px - var(--a140-annonce-h));
	}
}

.a140-entete {
	margin: 0;
}

.a140-entete > * {
	margin-block: 0;
}

/* ---------- Bandeau d'annonce ---------- */
.a140-annonce {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: var(--a140-annonce-h);
	overflow: hidden;
	font-size: 0.75rem; /* 12px sur téléphone (deux lignes au plus jusqu'à 320px) ; 11px en capitales au-delà de 782px */
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0.08em;
}

.a140-annonce__rangee {
	justify-content: center;
	gap: 1.5rem;
}

.a140-annonce p {
	margin: 0;
}

.a140-annonce__devise,
.a140-annonce__paiement {
	display: none;
}

.a140-annonce__message {
	text-align: center;
	text-wrap: balance;
}

.a140-annonce__message::before,
.a140-annonce__message::after {
	content: "";
	display: inline-block;
	vertical-align: -0.05em;
	width: 0.85em;
	height: 0.85em;
	margin-inline: 0.6em;
	background-color: var(--wp--preset--color--or);
	-webkit-mask: var(--a140-cross) center / contain no-repeat;
	mask: var(--a140-cross) center / contain no-repeat;
}

@media (min-width: 782px) {
	.a140-annonce {
		font-size: 0.6875rem;
		letter-spacing: 0.16em;
		text-transform: uppercase;
	}

	/* La rangée prend toute la largeur « wide » : devise et paiement s'alignent sur la grille
	   du logo et des icônes (le parent est une colonne flex : sans largeur, elle se réduirait
	   à son contenu, centrée). */
	.a140-annonce__rangee {
		box-sizing: border-box;
		width: 100%;
		max-width: var(--wp--style--global--wide-size);
		justify-content: space-between;
	}

	.a140-annonce__devise {
		font-family: var(--wp--preset--font-family--inscription);
		font-weight: 600;
		letter-spacing: 0.28em;
		color: var(--wp--preset--color--or);
	}

	.a140-annonce__paiement {
		text-align: right;
		color: rgba(251, 248, 242, 0.72);
	}

	.a140-annonce__message {
		flex: 0 1 auto;
		white-space: nowrap;
	}

	.a140-annonce__message::before,
	.a140-annonce__message::after {
		margin-inline: 0.9em;
	}
}

/* Les trois mentions ne tiennent sur une ligne qu'à partir de 1180px (≈ 990px de texte) :
   en dessous, seul le message, centré. */
@media (min-width: 1180px) {
	.a140-annonce__devise,
	.a140-annonce__paiement {
		display: block;
		flex: 1 1 0;
		min-width: max-content;
		white-space: nowrap;
	}
}

/* ---------- Barre principale ---------- */
.a140-barre {
	position: relative;
	background-color: var(--wp--preset--color--parchemin);
	border-bottom: 1px solid var(--wp--preset--color--lin);
}

@supports (animation-timeline: scroll()) {
	.a140-barre {
		animation: a140-barre-ombre linear both;
		animation-timeline: scroll(root);
		animation-range: 0 160px;
	}

	@keyframes a140-barre-ombre {
		from { box-shadow: 0 0 0 rgba(19, 17, 22, 0); }
		to { box-shadow: 0 14px 28px -24px rgba(19, 17, 22, 0.55); }
	}
}

.a140-barre__rangee {
	min-height: var(--a140-barre-h);
	gap: 0.5rem;
}

/* Marque : emblème (la croix du logo, sans son lettrage illisible à cette taille, fond blanc
   fondu dans le parchemin) + titre gothique. Un seul lien vers l'accueil : celui du titre,
   étendu à toute la marque (l'emblème est décoratif, alt vide). */
.a140-marque {
	position: relative;
	flex: 0 1 auto;
	min-width: 0;
	gap: 0.55rem;
}

.a140-marque .a140-marque__logo {
	flex: 0 0 auto;
	margin: 0;
	line-height: 0;
}

.a140-marque .a140-marque__logo img {
	--a140-embleme-h: 2.25rem;
	display: block;
	width: calc(var(--a140-embleme-h) * 159 / 176); /* largeur : l'éditeur force height:auto en ligne */
	max-width: none;
	height: auto;
	aspect-ratio: 159 / 176;
	mix-blend-mode: multiply;
	border-radius: 0;
}

.a140-marque__titre {
	margin: 0;
	font-size: 1.55rem;
	line-height: 1;
	white-space: nowrap;
}

.a140-marque__titre a {
	color: var(--wp--preset--color--nuit);
	text-decoration: none;
}

/* Hors éditeur seulement : dans l'éditeur de site, l'emblème doit rester sélectionnable. */
:where(body:not(.editor-styles-wrapper)) .a140-marque__titre a::after {
	content: "";
	position: absolute;
	inset: 0;
}

.a140-marque:hover .a140-marque__titre a {
	color: var(--wp--preset--color--pourpre);
}

/* Très petits écrans : le nom disparaît visuellement mais le lien reste, étendu à l'emblème. */
@media (max-width: 359px) {
	.a140-barre .a140-marque__titre {
		width: 1px;
		overflow: hidden;
		margin-left: -0.55rem;
	}

	.a140-barre .a140-marque__titre a {
		color: transparent;
	}
}

@media (min-width: 782px) {
	.a140-barre__rangee {
		gap: 1.25rem;
	}

	.a140-marque {
		gap: 0.75rem;
	}

	.a140-marque .a140-marque__logo img {
		--a140-embleme-h: 2.6rem;
	}

	.a140-marque__titre {
		font-size: 1.9rem;
	}
}

@media (max-height: 500px) and (orientation: landscape) {
	.a140-barre .a140-marque .a140-marque__logo img {
		--a140-embleme-h: 2rem;
	}

	.a140-barre .a140-marque__titre {
		font-size: 1.5rem;
	}
}

/* ---------- Outils : recherche, compte, mini-panier ---------- */
.a140-outils {
	flex: 0 0 auto;
	gap: 0;
}

.a140-barre__rangee > .a140-outils {
	margin-left: auto; /* colle les outils au bouton menu tant que la navigation est repliée */
}

.a140-outils > * {
	margin: 0;
}

.a140-outils svg {
	width: 22px;
	height: 22px;
}

/* Recherche : bouton loupe seul. Ouverte, elle se déplie :
   - mobile et tablette portrait : dans un panneau parchemin accroché sous la barre ;
   - 782–1279px : dans la barre, à gauche des icônes (la navigation y est repliée) ;
   - 1280px et plus : au centre de la barre, à la place de la navigation qui s'efface.
   Le bouton « Fermer » (ajouté au rendu, inc/header-footer.php) se loge au bout du champ. */
.a140-entete__recherche.wp-block-search {
	position: static;
}

.a140-entete__recherche .wp-block-search__inside-wrapper {
	position: static;
	width: auto !important; /* largeur inline posée par le script du bloc */
	min-width: 0;
	padding: 0;
	border: 0;
	background: none;
}

.a140-entete__recherche .wp-block-search__button,
.a140-entete__recherche .wp-block-search__button.has-icon {
	display: grid;
	place-items: center;
	width: var(--a140-icone);
	height: var(--a140-icone);
	min-width: 0;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 2px;
	background: transparent;
	color: var(--wp--preset--color--nuit);
	line-height: 0;
}

.a140-entete__recherche .wp-block-search__button svg {
	min-width: 0;
	min-height: 0;
	width: 24px;
	height: 24px;
}

.a140-entete__recherche .wp-block-search__button:hover,
.a140-entete__recherche .wp-block-search__button:focus-visible {
	background: transparent;
	color: var(--wp--preset--color--pourpre);
}

.a140-entete__recherche .wp-block-search__input {
	position: absolute;
	z-index: 2;
	left: var(--wp--style--root--padding-left, 1rem);
	right: var(--wp--style--root--padding-right, 1rem);
	top: calc(100% + 0.75rem);
	width: auto;
	height: 3rem;
	margin: 0;
	padding: 0 3rem 0 1rem;
	font-size: 1rem;
	background: var(--wp--preset--color--blanc);
	border: 1px solid var(--wp--preset--color--or-profond);
	border-radius: 2px;
	box-shadow: none;
}

/* Une seule croix : celle du bouton « Fermer » (la croix native ne fait que vider le champ). */
.a140-entete__recherche .wp-block-search__input::-webkit-search-cancel-button {
	-webkit-appearance: none;
	appearance: none;
	display: none;
}

/* Panneau parchemin sous la barre (mobile). */
.a140-entete__recherche::before {
	content: "";
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 100%;
	height: 4.5rem;
	background-color: var(--wp--preset--color--parchemin);
	border-bottom: 1px solid var(--wp--preset--color--lin);
	box-shadow: 0 22px 32px -26px rgba(19, 17, 22, 0.5);
}

.a140-recherche-fermer {
	position: absolute;
	z-index: 3;
	top: calc(100% + 0.75rem);
	right: var(--wp--style--root--padding-right, 1rem);
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 2px;
	background: transparent;
	color: var(--wp--preset--color--pierre);
	cursor: pointer;
}

.a140-recherche-fermer:hover,
.a140-recherche-fermer:focus-visible {
	color: var(--wp--preset--color--pourpre);
}

.a140-recherche-fermer:focus-visible {
	outline-offset: -4px;
}

.a140-entete__recherche.wp-block-search__searchfield-hidden::before,
.a140-entete__recherche.wp-block-search__searchfield-hidden .a140-recherche-fermer {
	display: none;
}

.a140-entete__recherche.wp-block-search__searchfield-hidden .wp-block-search__input {
	opacity: 0;
	pointer-events: none;
	box-shadow: none;
}

@media (prefers-reduced-motion: no-preference) {
	.a140-entete__recherche:not(.wp-block-search__searchfield-hidden) .wp-block-search__input,
	.a140-entete__recherche:not(.wp-block-search__searchfield-hidden) .a140-recherche-fermer {
		animation: a140-entete-recherche-ouvre 220ms cubic-bezier(0.2, 0.7, 0.2, 1);
	}

	.a140-entete__recherche:not(.wp-block-search__searchfield-hidden)::before {
		animation: a140-entete-recherche-panneau 220ms cubic-bezier(0.2, 0.7, 0.2, 1);
	}

	@keyframes a140-entete-recherche-ouvre {
		from { opacity: 0; }
		to { opacity: 1; }
	}

	@keyframes a140-entete-recherche-panneau {
		from { opacity: 0; transform: translateY(-0.5rem); }
		to { opacity: 1; transform: none; }
	}
}

@media (min-width: 782px) {
	.a140-entete__recherche.wp-block-search {
		position: relative;
	}

	.a140-entete__recherche::before {
		display: none;
	}

	.a140-entete__recherche .wp-block-search__input {
		left: auto;
		right: calc(100% + 0.25rem);
		top: 50%;
		width: min(22rem, 40vw) !important;
		height: 2.75rem;
		padding-right: 2.75rem;
		transform: translateY(-50%);
		box-shadow: var(--wp--preset--shadow--douce);
	}

	.a140-recherche-fermer {
		top: 50%;
		right: calc(100% + 0.25rem);
		width: 2.75rem;
		height: 2.75rem;
		transform: translateY(-50%);
	}
}

/* Grand écran : le champ prend la place de la navigation, centré dans la barre. */
@media (min-width: 1280px) {
	.a140-barre__rangee {
		position: relative;
	}

	.a140-entete__recherche.wp-block-search {
		position: static;
	}

	.a140-entete__recherche .wp-block-search__input {
		left: 50%;
		right: auto;
		width: 32.5rem !important;
		transform: translate(-50%, -50%);
		box-shadow: none;
	}

	.a140-recherche-fermer {
		left: calc(50% + 16.25rem - 2.75rem);
		right: auto;
	}

	.a140-nav.wp-block-navigation {
		transition: opacity 200ms ease, visibility 0s;
	}

	.a140-barre:has(.a140-entete__recherche:not(.wp-block-search__searchfield-hidden)) .a140-nav.wp-block-navigation {
		visibility: hidden;
		opacity: 0;
		pointer-events: none;
		transition: opacity 150ms ease, visibility 0s linear 150ms;
	}
}

/* Compte client */
.a140-compte .wc-block-customer-account__link {
	display: grid;
	place-items: center;
	width: var(--a140-icone);
	height: var(--a140-icone);
	padding: 0;
	color: var(--wp--preset--color--nuit);
	text-decoration: none;
	border-radius: 2px;
}

.a140-compte .wc-block-customer-account__account-icon {
	width: 22px;
	height: 22px;
	padding: 0;
}

.a140-compte .wc-block-customer-account__link:hover {
	color: var(--wp--preset--color--pourpre);
}

/* Mini-panier : bouton */
.a140-panier .wc-block-mini-cart__button {
	display: grid;
	place-items: center;
	width: var(--a140-icone);
	height: var(--a140-icone);
	padding: 0;
	color: var(--wp--preset--color--nuit);
	border-radius: 2px;
}

.a140-panier .wc-block-mini-cart__button:hover:not([disabled]) {
	opacity: 1;
	color: var(--wp--preset--color--pourpre);
}

.a140-panier .wc-block-mini-cart__quantity-badge {
	position: relative;
	display: block;
}

.a140-panier .wc-block-mini-cart__icon {
	display: block;
	width: 26px;
	height: 26px;
	margin: 0;
}

.a140-panier .wc-block-mini-cart__badge {
	position: absolute;
	top: -0.2rem;
	left: auto;
	right: -0.45rem;
	min-width: 1.1rem;
	height: 1.1rem;
	padding: 0 0.25rem;
	margin: 0;
	transform: none;
	border: 0;
	border-radius: 999px;
	background: var(--wp--preset--color--pourpre) !important; /* WooCommerce pose une couleur en ligne */
	color: var(--wp--preset--color--ivoire) !important;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.625rem;
	font-weight: 600;
	line-height: 1.1rem;
	letter-spacing: 0;
	box-shadow: 0 0 0 2px var(--wp--preset--color--parchemin);
}

/* Panier, commande, confirmation : WooCommerce y rend le mini-panier masqué (visibility:hidden,
   aria-hidden) mais il garderait sa place : on le retire, les icônes se resserrent. */
.a140-outils .a140-panier[aria-hidden="true"] {
	display: none;
}

@media (max-width: 599px) {
	.a140-outils .a140-compte {
		display: none; /* « Mon compte » est proposé dans le menu mobile. */
	}
}

/* =========================================================================
   Navigation principale (bureau)
   ========================================================================= */

.wp-block-navigation.a140-nav {
	flex: 0 0 auto;
	gap: clamp(1rem, 1.45vw, 2rem);
	font-size: 0.75rem;
	letter-spacing: 0.13em;
}

.a140-nav .wp-block-navigation-item__content {
	position: relative;
	padding: 0.5rem 0;
	color: var(--wp--preset--color--nuit);
}

.a140-nav .wp-block-navigation-item__content::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0.15em; /* compense l'interlettrage final */
	bottom: 0.15rem;
	height: 1px;
	background-color: var(--wp--preset--color--or);
	transform: scaleX(0);
	transform-origin: center;
	transition: transform var(--a140-ease);
}

.a140-nav .wp-block-navigation-item__content:hover,
.a140-nav .wp-block-navigation-item__content:focus-visible {
	color: var(--wp--preset--color--pourpre);
}

.a140-nav .wp-block-navigation-item__content:hover::after,
.a140-nav .wp-block-navigation-item__content[aria-current]::after {
	transform: scaleX(1);
}

.a140-nav .a140-nav__promo > .wp-block-navigation-item__content {
	color: var(--wp--preset--color--pourpre);
}

.a140-nav .a140-nav__promo > .wp-block-navigation-item__content::after {
	background-color: var(--wp--preset--color--pourpre);
}

/* Liens annexes (Qui sommes-nous, Contact, Mon compte) : seulement dans le menu mobile. */
.a140-nav .wp-block-navigation__responsive-container:not(.is-menu-open) .a140-nav__annexe {
	display: none;
}

/* Bouton « burger » */
.a140-nav .wp-block-navigation__responsive-container-open {
	place-items: center;
	width: var(--a140-icone);
	height: var(--a140-icone);
	margin-right: -0.5rem;
	color: var(--wp--preset--color--nuit);
	border-radius: 2px;
}

.a140-nav .wp-block-navigation__responsive-container-open:hover {
	color: var(--wp--preset--color--pourpre);
}

.a140-nav .wp-block-navigation__responsive-container-open svg {
	width: 28px;
	height: 28px;
}

/* Le menu complet ne tient sur une ligne qu'à partir de 1280px :
   entre 600 et 1279px, on garde le menu superposé (comme sur mobile). */
@media (max-width: 1279.98px) {
	.a140-nav .wp-block-navigation__responsive-container-open:not(.always-shown) {
		display: grid;
	}
}

@media (min-width: 600px) and (max-width: 1279.98px) {

	.a140-nav .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
		display: none;
	}
}

@media (max-width: 1279.98px) {
	.a140-barre__rangee > .a140-nav {
		order: 3;
	}
}

@media (min-width: 1280px) {
	.wp-block-navigation.a140-nav {
		flex: 1 1 auto;
		justify-content: center;
	}

	.a140-barre__rangee > .a140-outils {
		margin-left: 0;
	}
}

/* =========================================================================
   Menu mobile (superposition parchemin)
   ========================================================================= */

.a140-nav .wp-block-navigation__responsive-container.is-menu-open {
	--navigation-layout-justification-setting: stretch;
	--navigation-layout-justify: flex-start;
	padding: 0 var(--wp--style--root--padding-right, 1rem) 2.5rem var(--wp--style--root--padding-left, 1rem);
	background-color: var(--wp--preset--color--parchemin);
	background-image:
		radial-gradient(120% 60% at 100% 100%, rgba(194, 160, 99, 0.16), transparent 60%);
	color: var(--wp--preset--color--nuit);
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-close {
	max-width: 40rem;
	margin-inline: auto;
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog {
	min-height: 100%;
}

/* Petite croix d'or en tête du menu, en écho au logo. */
.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::before {
	content: "";
	position: absolute;
	top: 1.4rem;
	left: 0;
	width: 22px;
	height: 22px;
	background-color: var(--wp--preset--color--or);
	-webkit-mask: var(--a140-cross) center / contain no-repeat;
	mask: var(--a140-cross) center / contain no-repeat;
}

/* Rosace en filigrane au pied du menu. */
.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-dialog::after {
	content: "";
	position: absolute;
	right: -5rem;
	bottom: -6rem;
	width: 18rem;
	height: 18rem;
	background-color: var(--wp--preset--color--or);
	opacity: 0.12;
	-webkit-mask: var(--a140-rosace) center / contain no-repeat;
	mask: var(--a140-rosace) center / contain no-repeat;
	pointer-events: none;
}

.a140-nav .wp-block-navigation__responsive-container-close {
	display: grid;
	place-items: center;
	top: 0.8rem;
	right: -0.5rem;
	width: 2.75rem;
	height: 2.75rem;
	color: var(--wp--preset--color--nuit);
}

.a140-nav .wp-block-navigation__responsive-container-close svg {
	width: 28px;
	height: 28px;
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	padding-top: 5rem;
	align-items: stretch;
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
	--navigation-layout-justification-setting: stretch;
	--navigation-layout-justify: flex-start;
	gap: 0;
	width: 100%;
	align-items: stretch;
	border-top: 1px solid var(--wp--preset--color--lin);
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item {
	width: 100%;
	align-items: stretch;
	border-bottom: 1px solid var(--wp--preset--color--lin);
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	padding: 1rem 0;
	font-family: var(--wp--preset--font-family--inscription);
	font-size: clamp(1.3rem, 5.5vw, 1.6rem);
	font-weight: 500;
	letter-spacing: 0.04em;
	text-transform: none;
	line-height: 1.2;
}

/* Chevron fin à droite de chaque entrée. */
.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content::after {
	position: static;
	flex: 0 0 auto;
	width: 0.45rem;
	height: 0.45rem;
	background: none;
	border-top: 1px solid var(--wp--preset--color--or-profond);
	border-right: 1px solid var(--wp--preset--color--or-profond);
	transform: rotate(45deg);
	transition: transform var(--a140-ease);
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:hover::after {
	transform: translateX(4px) rotate(45deg);
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content[aria-current] {
	color: var(--wp--preset--color--or-profond);
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .a140-nav__promo > .wp-block-navigation-item__content::after {
	border-color: var(--wp--preset--color--pourpre);
	background: none;
}

/* Liens annexes : petites capitales Inter, sans filet. */
.a140-nav .wp-block-navigation__responsive-container.is-menu-open .a140-nav__annexe {
	border-bottom: 0;
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .a140-nav__annexe--premier {
	margin-top: 1.75rem;
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .a140-nav__annexe > .wp-block-navigation-item__content {
	justify-content: flex-start;
	box-sizing: border-box;
	min-height: 2.75rem; /* rangées de 44px au doigt */
	padding: 0.45rem 0;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.78rem;
	font-weight: 500;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--pierre);
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .a140-nav__annexe > .wp-block-navigation-item__content::after {
	display: none;
}

.a140-nav .wp-block-navigation__responsive-container.is-menu-open .a140-nav__annexe > .wp-block-navigation-item__content:hover {
	color: var(--wp--preset--color--pourpre);
}

/* Anneau de focus : seulement au clavier. theme.json le pose sur :focus (liens et boutons),
   si bien qu'il apparaissait sur la première entrée du menu ouvert au doigt, ou sur la loupe
   refermée à la souris. L'anneau :focus-visible de base.css reste intact. */
.a140-entete :is(a, button):focus:not(:focus-visible),
.a140-entete-commande :is(a, button):focus:not(:focus-visible),
.a140-pied :is(a, button):focus:not(:focus-visible),
.wc-block-mini-cart__drawer :is(a, button):focus:not(:focus-visible) {
	outline: none;
}

/* =========================================================================
   Mini-panier : tiroir
   ========================================================================= */

.wc-block-components-drawer__screen-overlay {
	background-color: rgba(19, 17, 22, 0.5);
	transition: opacity 0.3s, visibility 0s;
}

/* Tiroir fermé : WooCommerce le rend transparent (opacity:0) et aria-hidden, mais ses liens et
   boutons restaient atteignables au clavier. visibility:hidden les retire de la tabulation ;
   le délai laisse jouer l'animation de fermeture. */
.wc-block-components-drawer__screen-overlay--is-hidden {
	visibility: hidden;
	transition: opacity 0.3s, visibility 0s linear 0.3s;
}

.wc-block-mini-cart__drawer {
	--a140-tiroir-marge: 1rem;
}

@media (min-width: 480px) {
	.wc-block-mini-cart__drawer {
		--a140-tiroir-marge: 1.5rem;
	}
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__items {
	padding-inline: var(--a140-tiroir-marge);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
	padding-inline: var(--a140-tiroir-marge);
}

/* Lignes du panier : la colonne produit absorbe la place, le total reste visible. */
.wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-items__row {
	grid-template-columns: 80px minmax(0, 1fr) auto;
}

.wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__product {
	grid-column: 2 / 3;
}

.wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__total {
	grid-column: 3 / 4;
	grid-row: 1;
}

.wc-block-mini-cart__drawer.wc-block-components-drawer {
	background: var(--wp--preset--color--ivoire);
	color: var(--wp--preset--color--nuit);
	box-shadow: var(--wp--preset--shadow--profonde);
}

.wc-block-mini-cart__drawer .wp-block-woocommerce-mini-cart-contents {
	background: var(--wp--preset--color--ivoire);
}

.wc-block-mini-cart__drawer .wc-block-components-drawer__close {
	color: var(--wp--preset--color--nuit);
	background: transparent;
	border: 0;
	padding: 0.5rem;
	opacity: 1;
}

.wc-block-mini-cart__drawer .wc-block-components-drawer__close:hover {
	color: var(--wp--preset--color--pourpre);
	background: transparent;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__title {
	position: relative;
	margin: 0;
	padding: 0 3.5rem 1.25rem var(--a140-tiroir-marge);
	font-family: var(--wp--preset--font-family--inscription);
	font-size: var(--wp--preset--font-size--large);
	font-weight: 500;
	letter-spacing: 0.04em;
	border-bottom: 1px solid var(--wp--preset--color--lin);
	mask-image: none;
	-webkit-mask-image: none;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__title::before {
	content: "";
	display: inline-block;
	width: 0.7em;
	height: 0.7em;
	margin-right: 0.6em;
	vertical-align: 0.02em;
	background-color: var(--wp--preset--color--or);
	-webkit-mask: var(--a140-cross) center / contain no-repeat;
	mask: var(--a140-cross) center / contain no-repeat;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__title .wp-block-woocommerce-mini-cart-title-items-counter-block,
.wc-block-mini-cart__drawer .wc-block-mini-cart__title > span:last-child {
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.8rem;
	font-weight: 400;
	letter-spacing: 0.02em;
	color: var(--wp--preset--color--pierre);
}

.wc-block-mini-cart__drawer .wc-block-cart-items__row {
	border-bottom: 1px solid var(--wp--preset--color--lin);
}

.wc-block-mini-cart__drawer .wc-block-cart-item__image img {
	box-sizing: border-box;
	background: var(--wp--preset--color--blanc);
	border: 1px solid var(--wp--preset--color--lin);
	border-radius: 2px;
}

.wc-block-mini-cart__drawer .wc-block-components-product-name {
	font-family: var(--wp--preset--font-family--inscription);
	font-size: 0.9rem;
	font-weight: 500;
	letter-spacing: 0.03em;
	line-height: 1.35;
	color: var(--wp--preset--color--nuit);
	text-decoration: none;
}

/* Noms saisis en casse mêlée (« Sweat SACRE COEUR BRODE », « T-shirt Vierge marie ») : comme sur
   les cartes et dans le panier, petites capitales Cinzel, initiale en capitale. La règle ne vaut
   que parce que le nom est composé en Cinzel (pas de minuscules dans cette police) : en Inter,
   « Coque pour iPhone® » deviendrait « Coque pour iphone® ». */
.wc-block-mini-cart__drawer .wc-block-components-product-name {
	text-transform: lowercase;
}

.wc-block-mini-cart__drawer .wc-block-components-product-name::first-letter {
	text-transform: uppercase;
}

.wc-block-mini-cart__drawer .wc-block-components-product-name:hover {
	color: var(--wp--preset--color--pourpre);
}

.wc-block-mini-cart__drawer .wc-block-components-product-metadata,
.wc-block-mini-cart__drawer .wc-block-components-product-details {
	font-size: 0.8rem;
	color: var(--wp--preset--color--pierre);
}

/* Seules les options choisies (Couleur, Taille), pas l'extrait de description (comme dans le panier). */
.wc-block-mini-cart__drawer .wc-block-components-product-metadata__description {
	display: none;
}

.wc-block-mini-cart__drawer .wc-block-components-quantity-selector {
	border-color: var(--wp--preset--color--lin);
	border-radius: 2px;
	background: var(--wp--preset--color--blanc);
}

.wc-block-mini-cart__drawer .wc-block-components-quantity-selector::after {
	border-color: var(--wp--preset--color--lin);
	border-radius: 2px;
}

/* Anneau de focus autour du sélecteur entier (champ ou boutons − / +), comme les autres anneaux du thème. */
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector:focus-within {
	outline: 2px solid var(--a140-focus, var(--wp--preset--color--or-profond));
	outline-offset: 2px;
}

/* Clic à la souris sur − ou + : pas d'anneau (le bouton garde le focus sans :focus-visible). Sans
   :has(), la règle est ignorée et l'anneau reste affiché. */
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector:focus-within:not(:has(:focus-visible)) {
	outline: none;
}

.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link {
	color: var(--wp--preset--color--pierre);
	font-size: 0.78rem;
}

/* Zones de toucher de 44px : stepper et corbeille (le pictogramme garde sa taille). */
.wc-block-mini-cart__drawer .wc-block-components-quantity-selector .wc-block-components-quantity-selector__button {
	min-width: 2.75rem;
	min-height: 2.75rem;
}

.wc-block-mini-cart__drawer .wc-block-components-quantity-selector input.wc-block-components-quantity-selector__input {
	box-sizing: border-box;
	height: 2.75rem;
	padding-block: 0; /* base.css donne 0.7rem aux champs : le stepper montait à 66px */
}

.wc-block-mini-cart__drawer table.wc-block-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
	box-sizing: content-box;
	padding: 0.625rem;
	margin: -0.625rem -0.625rem -0.625rem -0.375rem;
}

.wc-block-mini-cart__drawer .wc-block-cart-item__remove-link:hover {
	color: var(--wp--preset--color--pourpre);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer {
	border-top: 1px solid var(--wp--preset--color--lin);
	background: var(--wp--preset--color--parchemin);
	box-shadow: none;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal {
	font-weight: 600;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-subtotal .wc-block-components-totals-item__label {
	font-family: var(--wp--preset--font-family--inscription);
	font-weight: 600;
	letter-spacing: 0.06em;
}

.wc-block-mini-cart__drawer .wc-block-components-totals-item__description,
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer .wc-block-components-totals-item__description {
	font-size: 0.78rem;
	color: var(--wp--preset--color--pierre);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions {
	gap: 0.75rem;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button,
.wc-block-mini-cart__drawer .wc-block-mini-cart__shopping-button {
	box-sizing: border-box; /* WooCommerce les met en content-box : 3rem + marges internes = 79px */
	min-height: 3.25rem;
	padding: 0.9rem 1.25rem;
	border-radius: 2px;
	font-family: var(--wp--preset--font-family--sans);
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.14em;
	text-transform: uppercase;
	text-decoration: none;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined,
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button.is-style-outline {
	background: transparent;
	color: var(--wp--preset--color--nuit);
	border: 1px solid var(--wp--preset--color--nuit);
	box-shadow: none;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button.outlined:hover,
.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button.is-style-outline:hover {
	background: var(--wp--preset--color--nuit);
	color: var(--wp--preset--color--ivoire);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button.contained,
.wc-block-mini-cart__drawer .wc-block-mini-cart__shopping-button {
	background: var(--wp--preset--color--nuit);
	color: var(--wp--preset--color--ivoire);
	border: 1px solid var(--wp--preset--color--nuit);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__footer-actions .wc-block-components-button.contained:hover,
.wc-block-mini-cart__drawer .wc-block-mini-cart__shopping-button:hover {
	background: var(--wp--preset--color--pourpre);
	border-color: var(--wp--preset--color--pourpre);
	color: var(--wp--preset--color--ivoire);
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__empty-cart-wrapper {
	text-align: center;
}

.wc-block-mini-cart__drawer .wc-block-mini-cart__empty-cart-wrapper p,
.wc-block-mini-cart__drawer .wc-block-mini-cart__empty-cart-wrapper strong {
	font-family: var(--wp--preset--font-family--serif);
	font-size: var(--wp--preset--font-size--large);
	font-style: italic;
	font-weight: 500;
}

/* =========================================================================
   Pied de page
   ========================================================================= */

.a140-pied {
	position: relative;
	overflow: hidden;
	font-size: 0.9375rem;
	line-height: 1.6;
}

/* La rosace se concentre sous le verset, en haut du pied de page. */
.a140-pied.is-style-vitrail::before {
	background-size: 140px 140px;
	opacity: 0.14;
	-webkit-mask-image: radial-gradient(ellipse 55% 42% at 50% 0%, #000 0%, transparent 100%);
	mask-image: radial-gradient(ellipse 55% 42% at 50% 0%, #000 0%, transparent 100%);
}

.a140-pied a {
	color: inherit;
	text-decoration: none;
}

.a140-pied a:hover {
	color: var(--wp--preset--color--or);
}

/* ---------- Verset ---------- */
.a140-pied__verset {
	padding-bottom: var(--wp--preset--spacing--50);
}

/* L'accueil a déjà son grand verset (« Qui est comme Dieu ? ») : on n'en garde qu'un, et la
   suite sombre communauté → pied de page s'en trouve raccourcie. */
body.home .a140-pied__verset {
	display: none;
}

body.home .wp-block-group.a140-pied__colonnes {
	padding-top: 0;
	border-top: 0;
}

.a140-pied__verset > * {
	margin-block: 0;
}

.a140-pied__citation.is-style-verset {
	margin-top: var(--wp--preset--spacing--30);
	font-size: clamp(2rem, 1.2rem + 3vw, 3.25rem);
	line-height: 1.15;
	color: var(--wp--preset--color--ivoire);
}

.a140-pied__source.is-style-surtitre {
	margin-top: 1rem;
	color: var(--wp--preset--color--or);
}

/* ---------- Colonnes ---------- */
.wp-block-group.a140-pied__colonnes {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
	padding-top: var(--wp--preset--spacing--50);
	padding-bottom: var(--wp--preset--spacing--50);
	border-top: 1px solid var(--a140-line);
}

.a140-pied__marque {
	grid-column: 1 / -1;
	max-width: 26rem;
}

.a140-pied__marque > * {
	margin-block: 0;
}

.a140-pied__marque > * + * {
	margin-top: 1.1rem;
}

@media (min-width: 782px) {
	.wp-block-group.a140-pied__colonnes {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (min-width: 1080px) {
	.wp-block-group.a140-pied__colonnes {
		grid-template-columns: minmax(0, 1.5fr) repeat(3, minmax(0, 1fr));
	}

	.a140-pied__marque {
		grid-column: auto;
		padding-right: var(--wp--preset--spacing--40);
	}
}

/* Sceau : l'emblème (croix du logo, fond blanc) dans une petite arche ivoire, liseré d'or. */
.a140-pied__marque .a140-sceau.wp-block-image {
	isolation: isolate;
	width: fit-content;
	margin: 5px;
	padding: 1.05rem 0.85rem 0.55rem;
	line-height: 0;
	background: var(--wp--preset--color--ivoire);
	border-radius: 999px 999px 3px 3px;
	outline: 1px solid rgba(194, 160, 99, 0.65);
	outline-offset: 4px;
}

.a140-pied__marque .a140-sceau img {
	display: block;
	width: 2.75rem;
	max-width: none;
	height: auto;
	aspect-ratio: 159 / 176;
	mix-blend-mode: multiply; /* le blanc de l'image se fond dans l'ivoire de l'arche */
}

.a140-pied__mission {
	max-width: 34ch;
	color: rgba(251, 248, 242, 0.82);
}

.a140-pied__lieu {
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.75;
	color: rgba(251, 248, 242, 0.66);
}

.a140-pied__lieu a {
	color: rgba(251, 248, 242, 0.86);
	border-bottom: 1px solid rgba(194, 160, 99, 0.45);
}

.a140-pied__lieu a:hover {
	border-bottom-color: currentColor;
}

/* Instagram */
.a140-pied__reseaux.wp-block-social-links {
	gap: 0;
	font-size: 0.85rem;
}

.a140-pied__reseaux .wp-social-link {
	color: var(--wp--preset--color--ivoire);
}

.a140-pied__reseaux .wp-block-social-link-anchor {
	gap: 0.6rem;
	padding: 0;
	font-weight: 500;
	letter-spacing: 0.04em;
}

.a140-pied__reseaux .wp-block-social-link-anchor svg {
	width: 1.25rem;
	height: 1.25rem;
	color: var(--wp--preset--color--or);
	fill: currentColor;
}

.a140-pied__reseaux.wp-block-social-links .wp-social-link .wp-block-social-link-label {
	margin: 0;
	font-size: 0.875rem;
	line-height: 1.4;
	border-bottom: 1px solid rgba(194, 160, 99, 0.5);
	padding-bottom: 1px;
}

.a140-pied__reseaux .wp-social-link:hover {
	transform: none;
}

.a140-pied__reseaux .wp-block-social-link-anchor:hover .wp-block-social-link-label {
	color: var(--wp--preset--color--or);
	border-color: currentColor;
}

/* Titres et listes de liens */
.a140-pied__bloc > * {
	margin-block: 0;
}

.a140-pied__titre.wp-block-heading {
	margin-bottom: 1.25rem;
	font-family: var(--wp--preset--font-family--inscription);
	font-size: var(--wp--preset--font-size--x-small);
	font-weight: 600;
	letter-spacing: 0.26em;
	text-transform: uppercase;
	color: var(--wp--preset--color--or);
}

.a140-pied__liens {
	margin: 0;
	padding: 0;
	list-style: none;
}

.a140-pied__liens li + li {
	margin-top: 0.65rem;
}

.a140-pied__liens a {
	color: rgba(251, 248, 242, 0.8);
	overflow-wrap: anywhere;
	background: linear-gradient(currentColor, currentColor) left bottom / 0 1px no-repeat;
	transition: color var(--a140-ease), background-size var(--a140-ease);
}

.a140-pied__liens a:hover,
.a140-pied__liens a:focus-visible {
	color: var(--wp--preset--color--or);
	background-size: 100% 1px;
}

/* Au doigt : chaque lien du pied de page devient une rangée de 44px (même rythme visuel,
   les marges internes remplacent l'interligne). */
@media (pointer: coarse) {
	.a140-pied__liens {
		margin-block: -0.625rem;
	}

	.a140-pied__liens li + li {
		margin-top: 0;
	}

	.a140-pied__liens a {
		display: inline-block;
		padding-block: 0.625rem;
		background-origin: content-box;
	}

	.a140-pied__reseaux .wp-block-social-link-anchor {
		padding-block: 0.625rem;
	}

	.a140-pied__marque > .a140-pied__reseaux {
		margin-top: 0.5rem;
	}
}

/* ---------- Garanties ---------- */
.wp-block-group.a140-garanties {
	grid-template-columns: minmax(0, 1fr);
	gap: 1.25rem var(--wp--preset--spacing--40);
	padding-block: var(--wp--preset--spacing--40);
	border-top: 1px solid var(--a140-line);
	border-bottom: 1px solid var(--a140-line);
}

@media (min-width: 782px) {
	.wp-block-group.a140-garanties {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.a140-garantie {
	position: relative;
	margin: 0;
	padding-left: 2.4rem;
	font-size: var(--wp--preset--font-size--small);
	line-height: 1.5;
	color: rgba(251, 248, 242, 0.68);
}

.a140-garantie strong {
	display: block;
	margin-bottom: 0.1rem;
	font-size: 0.75rem;
	font-weight: 600;
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: var(--wp--preset--color--ivoire);
}

.a140-garantie::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.05rem;
	width: 1.5rem;
	height: 1.5rem;
	background-color: var(--wp--preset--color--or);
	-webkit-mask: var(--a140-ico-cadenas) center / contain no-repeat;
	mask: var(--a140-ico-cadenas) center / contain no-repeat;
}

.a140-garantie--retour::before {
	-webkit-mask-image: var(--a140-ico-retour);
	mask-image: var(--a140-ico-retour);
}

.a140-garantie--eglise::before {
	width: 1.25rem;
	height: 1.25rem;
	top: 0.15rem;
	left: 0.125rem;
	-webkit-mask-image: var(--a140-cross-pattee);
	mask-image: var(--a140-cross-pattee);
}

/* ---------- Mentions ---------- */
.wp-block-group.a140-pied__mentions {
	gap: 0.5rem 2rem;
	padding-top: var(--wp--preset--spacing--30);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.06em;
	color: rgba(251, 248, 242, 0.6);
}

.a140-pied__mentions > p {
	margin: 0;
}

/* Écart de 1rem sur téléphone : les quatre liens (avec « Confidentialité ») tiennent sur une
   ligne dès 375px, avec une marge pour les écarts de rendu de police. */
.a140-pied__petits-liens {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25rem 1rem;
}

@media (min-width: 782px) {
	.a140-pied__petits-liens {
		column-gap: 1.5rem;
	}
}

.a140-pied__petits-liens a:hover {
	text-decoration: underline;
}

@media (pointer: coarse) {
	.a140-pied__petits-liens {
		row-gap: 0;
	}

	.a140-pied__petits-liens a {
		display: inline-block;
		padding-block: 0.75rem;
	}
}

/* ---------- Emblème : le nom en gothique, en filigrane d'or ---------- */
.a140-pied__embleme.wp-block-site-title {
	margin-top: var(--wp--preset--spacing--40);
	margin-bottom: -0.2em;
	font-size: clamp(3.5rem, 16vw, 15rem);
	line-height: 0.9;
	text-align: center;
	white-space: nowrap;
	color: transparent;
	background: linear-gradient(180deg, rgba(194, 160, 99, 0.24) 0%, rgba(194, 160, 99, 0.04) 85%);
	-webkit-background-clip: text;
	background-clip: text;
	user-select: none;
}

.a140-pied__embleme a {
	color: inherit;
}

.a140-pied__embleme a:hover {
	color: inherit;
}

/* =========================================================================
   En-tête de commande
   ========================================================================= */

.a140-entete-commande {
	border-bottom: 1px solid var(--wp--preset--color--lin);
}

/* Grille plutôt que flex : sur téléphone, marque | retour au panier sur une rangée, la mention
   « Paiement sécurisé » en bandeau dessous ; dès 600px, une seule rangée où la mention reste
   centrée tant que la place le permet. */
.wp-block-group.a140-entete-commande__rangee {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	grid-template-areas:
		"marque retour"
		"securise securise";
	align-items: center;
	gap: 0.25rem 1rem;
	min-height: 4.25rem;
	padding-block: 0.5rem 0.6rem;
}

.a140-entete-commande .a140-marque {
	grid-area: marque;
	justify-self: start; /* le lien étendu ne couvre que la marque, pas toute la colonne */
	gap: 0.5rem;
}

.a140-entete-commande .a140-marque .a140-marque__logo img {
	--a140-embleme-h: 2.125rem;
}

.a140-entete-commande .a140-marque__titre {
	font-size: 1.4rem;
}

.a140-securise {
	grid-area: securise;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.55rem;
	margin: 0;
	padding-top: 0.6rem;
	border-top: 1px solid var(--wp--preset--color--lin);
	font-size: var(--wp--preset--font-size--x-small);
	letter-spacing: 0.12em;
	text-transform: uppercase;
	white-space: nowrap;
	color: var(--wp--preset--color--pierre);
}

.a140-securise::before {
	content: "";
	flex: 0 0 auto;
	width: 1.1rem;
	height: 1.1rem;
	background-color: var(--wp--preset--color--or-profond);
	-webkit-mask: var(--a140-ico-cadenas) center / contain no-repeat;
	mask: var(--a140-ico-cadenas) center / contain no-repeat;
}

.a140-securise strong {
	font-weight: 600;
	color: var(--wp--preset--color--nuit);
}

/* « Carte bancaire & PayPal » : seulement quand il y a la place (bandeau ≥ 480px, rangée ≥ 1024px). */
.a140-securise span {
	display: none;
}

.a140-securise span::before {
	content: "·";
	margin-right: 0.55rem;
	color: var(--wp--preset--color--or-profond);
}

@media (min-width: 480px) and (max-width: 599px) {
	.a140-securise span {
		display: inline;
	}
}

.a140-retour-panier {
	grid-area: retour;
	justify-self: end;
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
}

.a140-retour-panier a {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	min-height: 2.75rem;
	padding: 0;
	white-space: nowrap;
	color: var(--wp--preset--color--nuit);
	text-decoration: none;
	font-weight: 500;
}

.a140-retour-panier a::before {
	content: "";
	flex: 0 0 auto;
	width: 0.45rem;
	height: 0.45rem;
	border-bottom: 1px solid currentColor;
	border-left: 1px solid currentColor;
	transform: rotate(45deg);
	transition: transform var(--a140-ease);
}

.a140-retour-panier a:hover {
	color: var(--wp--preset--color--pourpre);
}

.a140-retour-panier a:hover::before {
	transform: translateX(-3px) rotate(45deg);
}

/* Petits téléphones : marque et retour tiennent encore sur une rangée. */
@media (max-width: 399px) {
	.a140-entete-commande .a140-marque__titre {
		font-size: 1.25rem;
	}

	.a140-retour-panier {
		font-size: 0.8125rem;
	}

	.a140-retour-panier a {
		gap: 0.4rem;
	}
}

@media (max-width: 339px) {
	.a140-entete-commande .a140-marque .a140-marque__logo img {
		display: none;
	}
}

@media (min-width: 600px) {
	.wp-block-group.a140-entete-commande__rangee {
		grid-template-columns: minmax(max-content, 1fr) auto minmax(max-content, 1fr);
		grid-template-areas: "marque securise retour";
		gap: 1.5rem;
		padding-block: 0.6rem;
	}

	.a140-securise {
		padding-top: 0;
		border-top: 0;
	}
}

@media (min-width: 782px) {
	.wp-block-group.a140-entete-commande__rangee {
		min-height: var(--wp--custom--header-height, 76px);
	}

	.a140-entete-commande .a140-marque {
		gap: 0.7rem;
	}

	.a140-entete-commande .a140-marque .a140-marque__logo img {
		--a140-embleme-h: 2.5rem;
	}

	.a140-entete-commande .a140-marque__titre {
		font-size: 1.75rem;
	}
}

@media (min-width: 1024px) {
	.a140-securise span {
		display: inline;
	}
}

/* Référence biblique : chiffres en Inter (le « 1 » de Cinzel se lit comme un « I »). */
.a140-pied__source {
	font-family: var(--wp--preset--font-family--sans) !important;
	font-weight: 500;
	letter-spacing: 0.2em;
}