/* =========================================================================
   Le Naturium · bandeau de consentement aux cookies (07/10/2026)

   Une carte crème posée en bas à gauche, aux couleurs de la section nuit de
   l accueil (#03273E). « Refuser » et « Accepter » ont exactement le même
   style : la CNIL demande que refuser soit aussi simple et aussi visible
   qu accepter. « Choisir » est un lien, parce qu il n engage rien.

   Le bandeau ne bloque pas la page : on peut naviguer sans répondre, et
   tant qu il n y a pas de réponse, rien n est déposé.
   ========================================================================= */

.nat-cookies{
	--nc-encre:#03273E;
	--nc-fond:#f2eee3;
	--nc-accent:#056673;
	--nc-jaune:#F3BC29;
	position:fixed;left:24px;bottom:24px;z-index:99999;
	width:440px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);overflow-y:auto;
	background:var(--nc-fond);color:var(--nc-encre);
	border:1px solid rgba(3,39,62,.14);border-radius:6px;
	box-shadow:0 18px 50px rgba(3,39,62,.22);
	padding:26px 26px 22px;
	font-size:14.5px;line-height:1.55;text-align:left;
}
.nat-cookies[hidden]{display:none;}

.nat-cookies-titre{
	font-family:'NOIR et BLANC MediumB',Georgia,serif;
	font-size:20px;line-height:1.25;margin:0 0 10px;color:var(--nc-encre);
	text-wrap:balance;
}
.nat-cookies-titre:focus{outline:none;}
.nat-cookies-texte{margin:0 0 18px;color:var(--nc-encre);}

.nat-cookies-detail{border-top:1px solid rgba(3,39,62,.14);padding-top:16px;margin:0 0 18px;}
.nat-cookies-detail[hidden]{display:none;}
.nat-cookies-choix{display:flex;gap:12px;align-items:flex-start;margin:0 0 14px;cursor:pointer;font-weight:400;}
.nat-cookies-choix input{flex:0 0 auto;width:18px;height:18px;margin:2px 0 0;accent-color:var(--nc-accent);cursor:pointer;}
.nat-cookies-choix strong,.nat-cookies-toujours strong{font-weight:600;}
.nat-cookies-toujours{margin:4px 0 0;font-size:13px;line-height:1.5;opacity:.85;}

.nat-cookies-boutons{display:flex;flex-wrap:wrap;gap:10px;align-items:center;}
.nat-cookies-bouton{
	flex:1 1 0;min-width:110px;
	background:var(--nc-encre);color:var(--nc-fond);
	border:1px solid var(--nc-encre);border-radius:999px;
	padding:10px 18px;font:inherit;font-weight:600;letter-spacing:.02em;
	cursor:pointer;transition:background-color .2s,color .2s;
}
.nat-cookies-bouton{white-space:nowrap;}
.nat-cookies-bouton:hover{background:var(--nc-accent);border-color:var(--nc-accent);}
.nat-cookies-bouton[hidden]{display:none;}

/* Volet déplié : « Tout refuser » et « Tout accepter » côte à côte, à
   égalité ; « Enregistrer » dessous, en contour, puisque c est le choix
   personnalisé. Sans ça, « Tout accepter » passait sur deux lignes et
   devenait plus gros que « Tout refuser ». */
.nat-cookies.est-deplie [data-action="enregistrer"]{
	order:3;flex-basis:100%;background:transparent;color:var(--nc-encre);
}
.nat-cookies.est-deplie [data-action="enregistrer"]:hover{background:var(--nc-encre);color:var(--nc-fond);border-color:var(--nc-encre);}
.nat-cookies-lien{
	flex:0 0 auto;background:none;border:0;padding:10px 6px;
	font:inherit;color:var(--nc-encre);text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.nat-cookies-lien[hidden]{display:none;}
.nat-cookies button:focus-visible,.nat-cookies input:focus-visible{outline:3px solid var(--nc-jaune);outline-offset:2px;}

/* Le lien du pied de page, qui rouvre le bandeau : il prend l allure des
   autres liens du pied, sur fond jaune. */
.nat-cookies-ouvrir{
	background:none;border:0;padding:0;font:inherit;color:inherit;
	text-decoration:underline;text-underline-offset:3px;cursor:pointer;
}
.nat-cookies-ouvrir:focus-visible{outline:2px solid #03273E;outline-offset:3px;}

@media (prefers-reduced-motion:no-preference){
	.nat-cookies:not([hidden]){animation:nat-cookies-entree .45s ease-out both;}
	@keyframes nat-cookies-entree{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:none;}}
}

@media (max-width:575px){
	.nat-cookies{left:12px;right:12px;bottom:12px;width:auto;max-width:none;padding:22px 20px 18px;}
	.nat-cookies-titre{font-size:18px;}
}