/* Bandeau de consentement. Les couleurs viennent des variables du thème (style.css), avec une valeur de repli. */

.gabarit-cookies[hidden],
.gabarit-cookies__rouvrir[hidden],
.gabarit-cookies [hidden] {
	display: none !important;
}

.gabarit-cookies {
	position: fixed;
	z-index: 100000;
	right: 0.75rem;
	bottom: 0.75rem;
	left: 0.75rem;
	max-width: 46rem;
	max-height: calc(100vh - 1.5rem);
	overflow-y: auto;
	padding: 1rem 1.1rem;
	background: var(--couleur-fond, #fff);
	color: var(--couleur-texte, #1f2933);
	border: 1px solid var(--couleur-bordure, #d9d4cc);
	border-radius: var(--rayon, 0.5rem);
	box-shadow: 0 0.5rem 2rem rgba(15, 26, 36, 0.28);
	font-family: var(--police-texte, system-ui, sans-serif);
	font-size: 0.9375rem;
	line-height: 1.5;
}

.gabarit-cookies__titre {
	margin: 0 0 0.35rem;
	color: var(--couleur-titre, #12304f);
	font-size: 1.0625rem;
	font-weight: 700;
}

.gabarit-cookies__texte {
	margin: 0 0 0.9rem;
}

.gabarit-cookies a {
	color: var(--couleur-accent-texte, #b8460a);
}

/* « Tout refuser » et « Tout accepter » : même taille, même couleur, même poids. */
.gabarit-cookies__actions {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 0.6rem;
	align-items: center;
}

.gabarit-cookies__bouton {
	min-height: 2.75rem;
	padding: 0.5rem 1rem;
	background: var(--couleur-bouton, #b8460a);
	color: #fff;
	border: 2px solid var(--couleur-bouton, #b8460a);
	border-radius: var(--rayon, 0.5rem);
	font: inherit;
	font-weight: 700;
	cursor: pointer;
}

.gabarit-cookies__bouton:hover {
	background: var(--couleur-bouton-survol, #8f3606);
	border-color: var(--couleur-bouton-survol, #8f3606);
}

.gabarit-cookies__lien {
	grid-column: 1 / -1;
	justify-self: start;
	min-height: 2.75rem;
	padding: 0.25rem 0;
	background: none;
	border: 0;
	color: var(--couleur-accent-texte, #b8460a);
	font: inherit;
	text-decoration: underline;
	cursor: pointer;
}

.gabarit-cookies button:focus-visible,
.gabarit-cookies input:focus-visible,
.gabarit-cookies a:focus-visible,
.gabarit-cookies__rouvrir:focus-visible {
	outline: 3px solid var(--couleur-focus, #1d4ed8);
	outline-offset: 2px;
}

.gabarit-cookies fieldset {
	margin: 0 0 0.8rem;
	padding: 0;
	border: 0;
}

.gabarit-cookies__ligne {
	display: flex;
	gap: 0.7rem;
	align-items: flex-start;
	padding: 0.55rem 0;
	border-top: 1px solid var(--couleur-bordure, #d9d4cc);
}

.gabarit-cookies__ligne input {
	flex: none;
	width: 1.375rem;
	height: 1.375rem;
	margin: 0.1rem 0 0;
	accent-color: var(--couleur-bouton, #b8460a);
}

.gabarit-cookies__ligne label {
	font-weight: 700;
}

.gabarit-cookies__ligne label span {
	display: block;
	color: var(--couleur-texte-doux, #4a5560);
	font-weight: 400;
}

.gabarit-cookies__rouvrir {
	position: fixed;
	z-index: 99999;
	bottom: 0.75rem;
	left: 0.75rem;
	min-height: 2.75rem;
	padding: 0.4rem 0.9rem;
	background: var(--couleur-fond, #fff);
	color: var(--couleur-texte, #1f2933);
	border: 1px solid var(--couleur-bordure, #d9d4cc);
	border-radius: 999px;
	box-shadow: 0 0.25rem 1rem rgba(15, 26, 36, 0.2);
	font: 0.875rem/1.2 var(--police-texte, system-ui, sans-serif);
	cursor: pointer;
}

@media (min-width: 48rem) {
	.gabarit-cookies {
		right: auto;
		bottom: 1rem;
		left: 1rem;
	}
}