/**
 * Styles front du module Cookies — La Ferme de Belval.
 * Hérite des variables de charte définies dans belval-front.css
 * (chargé en dépendance). Tout est préfixé « .belval-ferme ».
 */

/* ---------------------------------------------------------------------
 *  Bandeau d'information (pied de page)
 * ------------------------------------------------------------------- */
.belval-ferme.belval-cookies-bandeau {
	position: fixed;
	left: 16px;
	right: 16px;
	bottom: 16px;
	z-index: 9999;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: 920px;
	margin: 0 auto;
	padding: 16px 20px;
	background: var(--blanc-naturel);
	color: var(--vert-profond);
	border: 1px solid var(--gris-clair);
	border-left: 5px solid var(--vert-belval);
	border-radius: 12px;
	box-shadow: 0 8px 28px rgba(30, 42, 27, 0.18);
	animation: belval-cookies-apparition 0.35s ease;
}

@keyframes belval-cookies-apparition {
	from {
		opacity: 0;
		transform: translateY(12px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.belval-cookies-bandeau .belval-cookies-bandeau-texte {
	flex: 1 1 340px;
	margin: 0;
	font-size: 15px;
	line-height: 1.5;
}

.belval-cookies-bandeau .belval-cookies-bandeau-emoji {
	margin-right: 4px;
}

.belval-cookies-bandeau .belval-cookies-bandeau-actions {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px;
}

.belval-cookies-bandeau .belval-cookies-bandeau-lien {
	color: var(--vert-belval);
	font-weight: 600;
	text-decoration: underline;
}

.belval-cookies-bandeau .belval-cookies-bandeau-lien:hover,
.belval-cookies-bandeau .belval-cookies-bandeau-lien:focus {
	color: var(--vert-clair);
}

.belval-cookies-bandeau .belval-cookies-accepter {
	padding: 10px 22px;
	font-size: 15px;
}

@media (max-width: 600px) {
	.belval-ferme.belval-cookies-bandeau {
		left: 8px;
		right: 8px;
		bottom: 8px;
		padding: 14px 16px;
	}

	.belval-cookies-bandeau .belval-cookies-bandeau-actions {
		width: 100%;
		justify-content: space-between;
	}
}

/* ---------------------------------------------------------------------
 *  Page « Politique de cookies »
 * ------------------------------------------------------------------- */
.belval-ferme.belval-cookies-politique {
	max-width: 820px;
}

.belval-cookies-politique h2 {
	font-family: "Alan Sans", "Segoe UI", sans-serif;
	font-weight: 700;
	color: var(--noir-vegetal);
	margin: 0 0 4px;
}

.belval-cookies-politique h3 {
	margin: 28px 0 8px;
	color: var(--vert-profond);
}

.belval-cookies-politique .belval-cookies-maj {
	margin: 0 0 8px;
	font-size: 14px;
	color: var(--gris-pierre);
	font-style: italic;
}

.belval-cookies-politique p,
.belval-cookies-politique li {
	font-size: 16px;
	line-height: 1.65;
}

.belval-cookies-politique ul {
	margin: 8px 0 0;
	padding-left: 22px;
}

.belval-cookies-politique li {
	margin-bottom: 4px;
}

/* Tableau des cookies. */
.belval-cookies-politique .belval-cookies-tableau-wrap {
	overflow-x: auto;
	margin: 12px 0 4px;
}

.belval-cookies-politique .belval-cookies-tableau {
	width: 100%;
	border-collapse: collapse;
	background: #fff;
	border: 1px solid var(--gris-clair);
	border-radius: 10px;
	overflow: hidden;
}

.belval-cookies-politique .belval-cookies-tableau th,
.belval-cookies-politique .belval-cookies-tableau td {
	padding: 12px 14px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid var(--gris-clair);
	font-size: 15px;
	line-height: 1.5;
}

.belval-cookies-politique .belval-cookies-tableau thead th {
	background: var(--vert-belval);
	color: #fff;
	font-family: "Alan Sans", "Segoe UI", sans-serif;
	font-weight: 600;
}

.belval-cookies-politique .belval-cookies-tableau tbody tr:last-child td {
	border-bottom: none;
}

.belval-cookies-politique .belval-cookies-tableau tbody tr:nth-child(even) td {
	background: var(--blanc-naturel);
}

.belval-cookies-politique .belval-cookies-tableau code {
	background: var(--vert-tendre);
	color: var(--vert-profond);
	padding: 1px 6px;
	border-radius: 4px;
	font-size: 13px;
	white-space: nowrap;
}