/*
 * CSS Styles Octobre Rose
 * Olivier Copetto
 * Derniere Modification : 05/10/2025
 */

[data-bs-theme=light]  {
	--vlq-bandeau-haut-bas : var(--vlq-rose-190c);
	--vlq-fond : var(--vlq-blanc);
	--vlq-lien-hypertexte : var(--vlq-rose-191c);
	--vlq-tab-seance : var(--vlq-rose-191c);
	--vlq-table-jour : var(--vlq-rose-191c);
}
[data-bs-theme=dark] {
	--vlq-bandeau-haut-bas : var(--vlq-rose-190c);
	--vlq-fond : var(--vlq-gris-433c);
	--vlq-lien-hypertexte : var(--vlq-rose-191c);
	--vlq-tab-seance : var(--vlq-rose-191c);
	--vlq-table-jour : var(--vlq-rose-191c);
}

/* Bandeau du haut et du Bas, Menu et Copyright */
.dropdown-menu {
	color: var(--vlq-rose-194c);
	background-color: var(--vlq-rose-189c);
}
.dropdown-menu a:hover {
	color: var(--vlq-blanc);
	background: var(--vlq-rose-194c);
}
.nav-item a, .nav-icone a {
	color: var(--vlq-rose-194c);
}
.nav-item a:hover {
	color: var(--vlq-blanc);
	background: var(--vlq-rose-194c);
}
.nav-icone a:hover, .nav-icone button:hover, a.navbar-toggler:hover {
	color: var(--vlq-rose-194c);
}
.navbar-toggler {
	color: var(--vlq-rose-194c);
}
.iconebandeau {
	color: var(--vlq-rose-194c);
}

/* Formulaire */
input[type=submit],input[type=reset] {
	color: var(--vlq-gris-4545c);
	background-color: var(--vlq-rose-190c);
}
input[type=submit]:hover,input[type=reset]:hover {
	color: var(--vlq-rose-190c);
	background-color: var(--vlq-gris-4545c);
}
.form-control:focus {
	box-shadow: 0 0 5px rgba(156, 30, 61, 1);
	border-color: var(--vlq-rose-194c) !important;
}

/* Affichage Info Note */
.carte-info-bleu {
	color: var(--vlq-rose-194c);
	background: var(--vlq-gris-4545c);
}
.carte-info-rouge {
	color: var(--vlq-rouge-1815c);
	background: var(--vlq-rouge-698c);
}
.carte-info-jaune {
	color: var(--vlq-jaune-140c);
	background: var(--vlq-jaune-1025c);
}

/* Ruban Date */
.ruban-actu {
	color: var(--vlq-rose-194c);
	background: var(--vlq-rose-189c);
}
.ruban-agenda-ok {
	color: var(--vlq-rose-194c);
	background: var(--vlq-rose-189c);
}
.ruban-agenda-ko {
	color: var(--vlq-jaune-803c);
	background-color: var(--vlq-rouge-485c);
}

/* Snowflakes */
.snowflake__inner:before {
	background-image: url("/images/snowflakes/coeur.svg");
	background-color: transparent;
}