/* ==========================================================================
   Thème blanc : fond blanc, texte noir, accents jaunes.
   Miroir de stylenoir.css : mêmes points d'adaptation, mêmes classes UIkit
   gardées telles quelles, seules les couleurs changent selon le thème.
   Ne redéfinit jamais une classe UIkit en entier, seulement les quelques
   règles nécessaires pour l'adapter au thème.
   ========================================================================== */

body.theme-blanc {
	background: #fff;
	color: #000;
}

body.theme-blanc a {
	color: inherit;
}

body.theme-blanc em {
	color: var(--accent);
	font-style: italic;
}

body.theme-blanc h1,
body.theme-blanc h2,
body.theme-blanc h3,
body.theme-blanc h4,
body.theme-blanc h5 {
	color: #000;
	font-weight: 700;
}

/* --- Menu actif souligné en jaune --- */
body.theme-blanc .uk-navbar-nav > li > a {
	position: relative;
	text-transform: none;
	font-weight: 800;
	font-size: 20px;
	color: #000;
}

body.theme-blanc .uk-navbar-nav > li {
	padding: 0px 0px;
}

body.theme-blanc .uk-navbar-nav > li > a::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	background: var(--accent);
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.25s ease;
}

body.theme-blanc .uk-navbar-nav > li.uk-active > a::before,
body.theme-blanc .uk-navbar-nav > li > a:hover::before,
body.theme-blanc .uk-navbar-nav > li > a:focus::before {
	transform: scaleX(1);
}

/* Texte du lien actif : le gris clair par défaut d'UIkit (#999) manque de contraste sur fond blanc */
body.theme-blanc .uk-navbar-nav > li.uk-active > a {
	color: #000;
}

/* --- Adaptation de .uk-overlay-default (badge logo partenaire) au thème blanc :
   le fond clair d'UIkit se fond déjà dans la page blanche, on ajoute juste
   un liseré jaune pour le détacher --- */
body.theme-blanc .uk-overlay-default {
	border: 1px solid var(--accent);
}

/* --- Variante de bouton avec l'accent jaune, à utiliser au cas par cas --- */
body.theme-blanc .uk-button-accent {
	background: var(--accent);
	color: #000;
}

body.theme-blanc .uk-button-accent:hover {
	background: #000;
	color: #fff;
}

body.theme-blanc .uk-button-primary {
	background-color: var(--accent);
	color: #000;
	border-color: transparent;
}

body.theme-blanc .uk-button-primary:hover,
body.theme-blanc .uk-button-primary:active,
body.theme-blanc .uk-button-primary.uk-active {
	background-color: var(--accent);
	color: #000;
}

/* --- Formulaire de contact : champs transparents, bordure jaune --- */
body.theme-blanc .uk-input,
body.theme-blanc .uk-textarea,
body.theme-blanc .uk-select {
	background: transparent;
	color: #000;
	border-color: var(--accent);
}

body.theme-blanc .uk-input:focus,
body.theme-blanc .uk-textarea:focus,
body.theme-blanc .uk-select:focus {
	background: transparent;
	color: #000;
	border-color: var(--accent);
}

body.theme-blanc .uk-input::placeholder,
body.theme-blanc .uk-textarea::placeholder {
	color: rgba(0, 0, 0, 0.5);
}

body.theme-blanc .uk-form-label {
	color: #000;
}

/* --- Accordion --- */
body.theme-blanc .uk-accordion-default .uk-accordion-title {
	color: #000;
	font-weight: 700;
	font-size: 25px;
}

body.theme-blanc .uk-accordion-default .uk-accordion-title:hover {
	color: var(--accent);
}

body.theme-blanc .uk-accordion-default .uk-accordion-icon {
	color: rgba(0, 0, 0, 0.7);
}

body.theme-blanc .uk-accordion-default > .uk-open > .uk-accordion-title,
body.theme-blanc .uk-accordion-default > .uk-open > .uk-accordion-title .uk-accordion-icon {
	color: var(--accent);
}
