/* Essai de palettes (temporaire, voir assets/js/palettes.js).
   Chaque palette redéfinit les variables de page : bandes alternées (--page-wash), filets (--page-line)
   et accents (--page-accent). Boutons dorés, emblème et séparateurs restent identiques. */
html[data-palette] body { --page-wash: color-mix(in srgb, var(--page-essence) 22%, #FFFFFF); }
html[data-palette="sang"] body   { --page-essence: #C4877A; --page-accent: #6E2A23; --page-wash: #F5E9E2; }
html[data-palette="brique"] body { --page-essence: #C98468; --page-accent: #9A3B2C; --page-wash: #F4E8E0; }
html[data-palette="terre"] body  { --page-essence: #D0956F; --page-accent: #964826; --page-wash: #F4E6DC; }
html[data-palette="or"] body     { --page-essence: #E6C477; --page-accent: #8D6612; --page-wash: #F9F0DB; }
html[data-palette="sauge"] body  { --page-essence: #A7B99B; --page-accent: #3F6B4E; --page-wash: #EDF1EA; }

/* Bouton après le sélecteur de langue */
.palette-picker { position: relative; display: inline-flex; align-items: center; }
.palette-toggle { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--line-strong); border-radius: 999px; background: #FFFFFF; color: var(--ink-soft); font: inherit; font-size: .72rem; letter-spacing: .08em; text-transform: uppercase; cursor: pointer; transition: border-color .3s, color .3s; }
.palette-toggle:hover, .palette-toggle[aria-expanded="true"] { border-color: var(--page-accent); color: var(--ink); }
.palette-toggle:focus-visible, .palette-option:focus-visible { outline: 2px solid var(--page-accent); outline-offset: 2px; }
.palette-dot, .palette-swatch { display: inline-block; width: 16px; height: 16px; border-radius: 50%; background: linear-gradient(135deg, var(--sw, var(--page-accent)) 50%, var(--sw-wash, var(--page-wash)) 50%); box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .12); flex: none; }
.palette-list { position: absolute; top: calc(100% + 10px); right: 0; z-index: 60; min-width: 190px; padding: 8px; display: grid; gap: 2px; background: #FFFFFF; border: 1px solid var(--line-strong); border-radius: 10px; box-shadow: 0 16px 36px -18px rgba(36, 35, 33, .35); }
.palette-list[hidden] { display: none; }
.palette-option { display: flex; align-items: center; gap: 10px; width: 100%; padding: 8px 10px; border: 0; border-radius: 6px; background: transparent; color: var(--ink-soft); font: inherit; font-size: .86rem; text-align: left; cursor: pointer; }
.palette-option:hover { background: var(--page-wash); color: var(--ink); }
.palette-option[aria-pressed="true"] { color: var(--ink); font-weight: 500; background: var(--page-wash); }
.palette-option .palette-swatch { width: 20px; height: 20px; }

/* Menu mobile : la liste s'affiche sous le bouton, dans le menu */
@media (max-width: 1080px) {
  .palette-picker { flex-direction: column; margin-top: 14px; }
  .palette-list { position: static; margin-top: 10px; box-shadow: none; }
}

/* ------------------------------------------------------------------
   Palettes foncées : une section sur deux en couleur profonde, texte clair.
   --band : fond de la bande ; --band-accent : surtitres et liens sur la bande ;
   --page-accent : accents dans les sections blanches.
------------------------------------------------------------------ */
html[data-palette="mauve-fonce"] body { --page-essence: #8C6E9E; --page-accent: #5A4268; --page-wash: #EEE5F2; --band: #3E2F4A; --band-accent: #D9C6E6; }
html[data-palette="sang-fonce"] body  { --page-essence: #A86A5E; --page-accent: #6E2A23; --page-wash: #F5E9E2; --band: #4A1D18; --band-accent: #E9C3B4; }
html[data-palette="brique-fonce"] body { --page-essence: #B76A55; --page-accent: #8A3426; --page-wash: #F4E8E0; --band: #6B2A1F; --band-accent: #F2CDB9; }
html[data-palette="terre-fonce"] body { --page-essence: #BF7D58; --page-accent: #8E4526; --page-wash: #F4E6DC; --band: #6E3720; --band-accent: #F3D2B8; }
html[data-palette="or-fonce"] body    { --page-essence: #C9A24E; --page-accent: #7A5A12; --page-wash: #F9F0DB; --band: #4A3812; --band-accent: #E6C477; }
html[data-palette="sauge-fonce"] body { --page-essence: #7E9A85; --page-accent: #355A43; --page-wash: #EDF1EA; --band: #263D2F; --band-accent: #CFE0C8; }

/* Bandes foncées : mêmes sections que l'alternance claire (paires), sauf le héro et le lien de retour. */
html[data-palette$="-fonce"] .page-view > section:nth-of-type(even):not(.hero):not(.backlink-section),
html[data-palette$="-fonce"] .page-view > .wp-block-group__inner-container > section:nth-of-type(even):not(.hero):not(.backlink-section) {
  background: var(--band);
  color: #EDE4DC;
  --ink: #FBF7F2; --ink-soft: #EDE4DC; --muted: #D7CCC2;
  --page-accent: var(--band-accent); --page-deep: var(--band-accent);
  --gold: var(--band-accent); --gold-deep: var(--band-accent); --mauve: var(--band-accent); --mauve-deep: var(--band-accent);
  --green: var(--band-accent); --green-deep: var(--band-accent);
  --gold-soft: rgba(255, 255, 255, .35); --mauve-soft: rgba(255, 255, 255, .35); --green-soft: rgba(255, 255, 255, .35);
  --line: rgba(255, 255, 255, .18); --line-strong: rgba(255, 255, 255, .32); --page-line: rgba(255, 255, 255, .25);
  --detail-ink: var(--band-accent);
}
/* Composants à fond blanc dans une bande foncée : ils gardent leur texte foncé (onglets de la page Services compris, 2026-10-31). */
html[data-palette$="-fonce"] .page-view section :is(.booking-panel, .calendar-card, .contact-form, .cta-band, .energy-illustration, .energy-visual, .family-panels, .family-tab, .map-cta, .map-frame, .notice, .service-card, .service-detail, .theme-panel) {
  color: #505155;
  --ink: var(--palette-ink); --ink-soft: #505155; --muted: #66676A;
  --page-accent: var(--fonce-carte-accent, #5A4268); --page-deep: var(--page-accent);
  --gold: var(--page-accent); --gold-deep: var(--page-accent); --mauve: var(--page-accent); --mauve-deep: var(--page-accent);
  --green: var(--page-accent); --green-deep: var(--page-accent);
  --gold-soft: var(--page-essence); --mauve-soft: var(--page-essence); --green-soft: var(--page-essence);
  --line: #E6E0E2; --line-strong: #D3CBCF; --page-line: #DCD4D8;
  --detail-ink: var(--fonce-carte-accent, #5A4268);
}
html[data-palette="mauve-fonce"] body  { --fonce-carte-accent: #5A4268; }
html[data-palette="sang-fonce"] body   { --fonce-carte-accent: #6E2A23; }
html[data-palette="brique-fonce"] body { --fonce-carte-accent: #8A3426; }
html[data-palette="terre-fonce"] body  { --fonce-carte-accent: #8E4526; }
html[data-palette="or-fonce"] body     { --fonce-carte-accent: #7A5A12; }
html[data-palette="sauge-fonce"] body  { --fonce-carte-accent: #355A43; }
/* Liens texte soulignés dans les bandes foncées */
html[data-palette$="-fonce"] .page-view > section:nth-of-type(even):not(.hero):not(.backlink-section) a:not(.btn),
html[data-palette$="-fonce"] .page-view > .wp-block-group__inner-container > section:nth-of-type(even):not(.hero):not(.backlink-section) a:not(.btn) { text-decoration-color: rgba(255, 255, 255, .4); }

/* Liste du sélecteur : intertitres « Clair » / « Foncé » */
.palette-group-title { padding: 8px 10px 4px; font-size: .64rem; letter-spacing: .16em; text-transform: uppercase; color: var(--muted); }
.palette-list { grid-template-columns: 1fr; max-height: min(70vh, 560px); overflow: auto; }

/* Le filet passe après le sélecteur de couleurs, placé juste après la langue. */
.nav .language-switcher { border-right: 0; padding-right: 0; }
.nav .palette-picker { padding-right: clamp(10px, 1.4vw, 20px); border-right: 1px solid var(--line-strong); }
.nav .palette-list { right: auto; left: 0; }
@media (max-width: 1080px) { .nav .palette-picker { padding-right: 0; border-right: 0; margin: 10px 0 18px; } .nav .palette-list { left: auto; } }