/* InfiniCookies - mise en page structurelle uniquement (plugin agnostique
   de toute charte graphique). Le skin (couleurs, police, boutons) vient
   TOUJOURS des vraies classes du site, via class_bandeau/class_bouton/
   class_toggle en config -- jamais impose ici, pour rester copiable tel
   quel d'un site a l'autre sans heriter d'une couleur qui n'est pas la
   sienne. */

/* Bandeau flottant (Tout accepter + lien vers la page Cookies) */
.infinicookies-bandeau {
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 16px;
	padding: 14px 20px;
	text-align: center;
}
.infinicookies-texte {
	margin: 0;
	line-height: 1.5;
}
.infinicookies-boutons {
	flex-shrink: 0;
}

/* Formulaire de preferences (page Cookies) : mise en page uniquement.
   Le style du bouton/toggle vient TOUJOURS des vraies classes du site
   (class_bouton/class_toggle en config), jamais d'un skin par defaut
   du plugin -- si le site oublie de les renseigner, ca reste moche
   (case a cocher/bouton natifs), volontairement, plutot que de
   masquer l'oubli avec une apparence generique. */
#infinicookies-formulaire h2 {
	margin-top: 0;
}
#infinicookies-formulaire .infinicookies-intro {
	line-height: 1.6;
	margin-bottom: 20px;
}
/* Mise en page de la categorie : le div englobant empile simplement le label
   (toggle + libelle) et le p.infinicookies-exemple l'un sous l'autre (flux
   block normal, pas de flex ici). C'est le label qui aligne toggle et texte
   horizontalement -- pas configurable via class_toggle, qui vise l'input. */
.infinicookies-categorie {
	margin: 0 0 16px;
}
.infinicookies-categorie label {
	display: flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
}
/* Le bouton passe sous la liste des categories, jamais a cote (mise en page,
   pas du skin -- vise via l'attribut data-* pour ne toucher a aucune classe) */
#infinicookies-formulaire [data-infinicookies-btn] {
	display: block;
	margin-top: 8px;
}

/* Facade des iframes tierces neutralisees avant consentement (YouTube, Maps...) */
.ir-iframe-facade {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 10px;
	padding: 24px 16px;
	margin-bottom: 16px;
	text-align: center;
}
.ir-iframe-facade-bouton {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 20px;
	border: none;
	cursor: pointer;
}
.ir-iframe-facade-icone {
	font-size: 12px;
}
.ir-iframe-facade-texte {
	margin: 0;
	line-height: 1.5;
}

@media only screen and (max-width: 640px) {
	.infinicookies-bandeau {
		flex-direction: column;
		gap: 10px;
		text-align: center;
	}
}