/**
 * Bandeau de consentement.
 * Barre discrète en bas d'écran : elle ne recouvre pas la boutique et ne
 * bloque pas la navigation. Reprend la typographie et le noir du thème.
 */

.ma-cnb {
	position: fixed;
	inset: auto 0 0 0;
	z-index: 9998; /* sous le panneau panier (9999), au-dessus du reste. */
	background: #fff;
	border-top: 1px solid #e5e5e5;
	box-shadow: 0 -4px 24px rgba(0, 0, 0, .08);
	padding: 18px 20px calc(18px + env(safe-area-inset-bottom));
	font-family: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	animation: ma-cnb-monte .28s ease-out both;
}

@keyframes ma-cnb-monte {
	from { transform: translateY(100%); }
	to   { transform: translateY(0); }
}

/* Le mouvement n'apporte rien à qui le refuse, et peut gêner. */
@media (prefers-reduced-motion: reduce) {
	.ma-cnb { animation: none; }
}

.ma-cnb__ecran[hidden] { display: none; }

.ma-cnb__titre {
	margin: 0 0 6px;
	font-size: 15px;
	font-weight: 600;
	color: #111;
}

.ma-cnb__texte {
	margin: 0 0 14px;
	font-size: 13.5px;
	line-height: 1.5;
	color: #333;
}

/* Le lien reste un lien : souligné, en couleur de lien, au fil de la phrase.
   Ce n'est pas un bouton, et il ne doit pas en avoir l'air. */
.ma-cnb__lien {
	color: #0b5fff;
	text-decoration: underline;
	white-space: nowrap;
}

.ma-cnb__actions { display: flex; }

.ma-cnb__actions--deux { gap: 10px; }

.ma-cnb__bouton {
	flex: 1 1 0;
	min-width: 0; /* sans cela un bouton au libellé long déborde la grille. */
	padding: 13px 18px;
	border: 1px solid #111;
	border-radius: 2px;
	background: #111;
	color: #fff;
	font-family: inherit;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: .06em;
	text-transform: uppercase;
	cursor: pointer;
	transition: background .18s ease, color .18s ease;
}

.ma-cnb__bouton:hover { background: #333; border-color: #333; }

.ma-cnb__bouton:focus-visible { outline: 2px solid #0b5fff; outline-offset: 2px; }

.ma-cnb__bouton--secondaire {
	background: #fff;
	color: #111;
}

.ma-cnb__bouton--secondaire:hover { background: #f2f2f2; border-color: #111; color: #111; }

/* À partir de la tablette, le bandeau reste une barre : le texte à gauche,
   les boutons à droite, sans occuper toute la hauteur. */
@media (min-width: 782px) {
	.ma-cnb {
		display: flex;
		justify-content: center;
		padding: 20px 32px;
	}
	.ma-cnb__ecran {
		display: flex;
		align-items: center;
		gap: 28px;
		width: 100%;
		max-width: 1200px;
	}
	.ma-cnb__ecran[data-cnb-ecran="2"] { flex-wrap: wrap; }
	.ma-cnb__texte { margin: 0; flex: 1 1 auto; }
	.ma-cnb__titre { flex: 1 0 100%; }
	.ma-cnb__actions { flex: 0 0 auto; }
	.ma-cnb__bouton { flex: 0 0 auto; min-width: 190px; }
}

/* ── Où le bandeau ne doit jamais apparaître (2026-08-22) ─────────────
   Mesuré en mobile : le bandeau (≈ 20 % de l'écran) recouvrait le champ
   « Code postal » du tunnel de commande, et se superposait au panneau
   panier. Aux deux endroits le visiteur est en train d'acheter : on ne
   lui pose aucune question. Le bandeau revient sur les autres pages. */
body.woocommerce-checkout .ma-cnb,
body.ma-drawer-actif .ma-cnb{display:none!important}