/* Épices & Noisettes — apparence claire / sombre (1.0.27)
   Le petit script du <head> (functions.php) pose data-theme="clair" ou "sombre" sur <html> avant l'affichage :
   choix mémorisé du visiteur (réglage « Apparence » du pied de page), sinon réglage de son appareil.
   Méthode Wakatoo : on redéfinit la palette (html[data-theme] l'emporte sur le :root de WordPress), puis on
   corrige les endroits où une couleur sert à la fois de fond et de texte. Chargé sur le site public seulement :
   l'éditeur reste en clair. Toute couleur écrite en dur ajoutée dans theme.css ou contact.css doit avoir ici
   son équivalent sombre. */

html[data-theme="clair"] { color-scheme: light; }

html[data-theme="sombre"] {
	color-scheme: dark;
	--wp--preset--color--creme: #1B1411;       /* fond de page */
	--wp--preset--color--creme-clair: #231A16; /* sections alternées, sous-menus */
	--wp--preset--color--blanc: #2B211C;       /* cartes, encadrés, formulaire */
	--wp--preset--color--texte: #F1E4D9;
	--wp--preset--color--texte-doux: #C9B2A3;
	--wp--preset--color--brun: #E5B98F;        /* titres, montants */
	--wp--preset--color--bordeaux: #D98E62;    /* accents : cuivre « épices » (choix de Gauthier : ni rosé, ni bois de rose) */
	--wp--preset--color--dore: #DEA24C;
	--wp--preset--color--bois: #120D0A;        /* pied de page */
	--wp--preset--color--ligne: #45362D;       /* filets, bordures */
	--epn-shadow: 0 14px 34px -16px rgba(0, 0, 0, .6);
	--epn-bouton: #9A4254;                     /* boutons pleins : bordeaux foncé, texte blanc */
	--epn-bouton-survol: #7F3545;
}

/* Zones déjà foncées (pied de page bois, bandeaux bordeaux) : leurs textes « crème » et « blanc » restent clairs. */
html[data-theme="sombre"] :is(.epn-footer, .has-bois-background-color, .epn-cta-band, .has-bandeau-gradient-background) {
	--wp--preset--color--creme: #F1E4D9;
	--wp--preset--color--blanc: #FFFDFB;
}

/* Boutons pleins : bordeaux foncé et texte blanc (le bordeaux de la palette sert aux liens et accents). */
html[data-theme="sombre"] :is(.wp-element-button, .wp-block-button__link) { background-color: var(--epn-bouton); color: #fff; }
html[data-theme="sombre"] :is(.wp-element-button, .wp-block-button__link):hover { background-color: var(--epn-bouton-survol); color: #fff; }
html[data-theme="sombre"] .wp-block-button:is(.is-style-contour, .is-style-dore) .wp-block-button__link:hover { color: #1B1411; }
html[data-theme="sombre"] .epn-cta-band .wp-block-button.is-style-contour .wp-block-button__link:hover { color: #8E3B4B; }
html[data-theme="sombre"] .is-menu-open .epn-nav-contact a { background: var(--epn-bouton); }

/* Logo (traits bruns sur fond transparent) : éclairci pour rester lisible, en gardant ses teintes. */
html[data-theme="sombre"] :is(.epn-header .wp-block-site-logo img, .epn-footer .epn-emblem img) { filter: brightness(2.1) saturate(.8); }

/* Qualiopi : l'encadré du pied de page passe en sombre ; le logo garde son cartouche blanc (obligatoire, voir theme.css). */
html[data-theme="sombre"] .epn-footer .epn-qualiopi-bloc { background: transparent; border: 1px solid rgba(255, 255, 255, .14); }

/* Plan d'accès : voile sombre au lieu du voile crème. */
html[data-theme="sombre"] .epn-plan-ecran { background: radial-gradient(circle at center, rgba(35, 26, 22, .96) 0, rgba(35, 26, 22, .9) 45%, rgba(35, 26, 22, .55) 100%); }
html[data-theme="sombre"] .skip-link:focus { color: #1B1411; }

/* Formulaire de contact (extension epn-contact) : champs sombres, erreurs lisibles. */
html[data-theme="sombre"] .epn-cf { --cf-erreur: #FF8F80; }
html[data-theme="sombre"] :is(.epn-cf input:not([type="radio"]):not([type="checkbox"]), .epn-cf select, .epn-cf textarea) { background-color: #1F1713; color: var(--wp--preset--color--texte); }
html[data-theme="sombre"] .epn-cf select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23D98E62' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); }
html[data-theme="sombre"] .epn-cf-carte:has(input:checked) { background: #34271F; }
html[data-theme="sombre"] .epn-cf-erreurs { background: #3A1F1C; }
html[data-theme="sombre"] :is(.epn-cf-pastille input:checked + span, .epn-cf-merci-picto) { color: #1B1411; }
html[data-theme="sombre"] .epn-cf-qui-photos img { border-color: var(--wp--preset--color--blanc); }

/* ---------- Réglage « Apparence » du pied de page (Auto / Clair / Sombre), ajouté par assets/js/apparence.js ---------- */
.epn-apparence { display: inline-flex; align-items: center; gap: 2px; padding: 3px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 999px; font-size: .78rem; line-height: 1; }
.epn-apparence-libelle { padding: 0 8px 0 10px; }
.epn-apparence button { display: inline-flex; align-items: center; gap: 6px; padding: 6px 11px; border: 0; border-radius: 999px; background: transparent; color: inherit; font: inherit; cursor: pointer; transition: background-color .2s ease; }
.epn-apparence button:hover { background: rgba(255, 255, 255, .09); }
.epn-apparence button[aria-pressed="true"] { background: rgba(255, 255, 255, .18); font-weight: 700; }
.epn-apparence button:focus-visible { outline: 2px solid var(--wp--preset--color--dore); outline-offset: 2px; }
.epn-apparence svg { flex: none; }