/* Bandeau des cookies (includes/cookies.php) : une carte crème en bas à
   gauche, sous le panneau de l'aperçu (plans --og-plan-*) ; « Refuser » et
   « Accepter » de même taille, côte à côte. Pleine largeur sur téléphone. */
.og-cookies {
	position: fixed;
	bottom: 24px;
	left: 24px;
	z-index: var(--og-plan-bandeau);
	box-sizing: border-box;
	width: min(400px, calc(100vw - 32px));
	padding: 20px 22px;
	border: 1px solid var(--og-gris-perle);
	border-radius: var(--og-arrondi);
	background: var(--og-creme-clair);
	box-shadow: var(--og-ombre-flottant);
	color: var(--og-texte);
}

.og-cookies[hidden] {
	display: none;
}

.og-cookies-titre {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 8px;
	color: var(--og-brun);
	font: 700 var(--og-taille-l)/1.3 var(--og-police);
}

.og-cookies-titre .og-accueil-icone {
	flex: none;
	width: var(--og-icone-s);
	height: var(--og-icone-s);
	color: var(--og-or);
}

.og-cookies-texte {
	margin: 0 0 16px;
	font: 400 var(--og-taille-m)/1.5 var(--og-police-texte);
}

.og-cookies-texte a {
	color: var(--og-or);
	text-underline-offset: 3px;
}

.og-cookies-choix {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
}

@media (max-width: 576px) {
	.og-cookies {
		bottom: 16px;
		left: 16px;
	}
}

@media print {
	.og-cookies {
		display: none;
	}
}