/* Colorfulens - patch mode jour / mode nuit v2 - 2026-05-21
   Objectif : corriger l'inversion visuelle.
   - data-cl-theme="light" doit etre un vrai mode jour clair.
   - data-cl-theme="dark" conserve le mode nuit sombre visible sur les captures.
*/

:root,
:root[data-cl-theme="light"] {
  color-scheme: light;
  --cl-day-bg-main: #f6efe3;
  --cl-day-bg-page: #fbf6ec;
  --cl-day-bg-soft: rgba(255, 250, 242, 0.94);
  --cl-day-bg-card: rgba(255, 250, 242, 0.92);
  --cl-day-bg-card-solid: #fffaf2;
  --cl-day-text-main: #26341f;
  --cl-day-text-muted: #65705a;
  --cl-day-border-soft: rgba(65, 78, 55, 0.16);
  --cl-day-accent: #c99d47;
  --cl-day-accent-soft: rgba(201, 157, 71, 0.18);
  --cl-day-green: #7ea15b;
  --cl-day-nav-bg: rgba(255, 250, 242, 0.86);
  --cl-day-footer-bg: #e6decf;
  --cl-day-shadow-soft: 0 24px 70px rgba(49, 42, 28, 0.12);

  --cl-night-bg-main: #10170f;
  --cl-night-bg-card: rgba(25, 37, 22, 0.9);
  --cl-night-text-main: #fff6e6;
  --cl-night-text-muted: rgba(255, 246, 230, 0.76);
  --cl-night-border-soft: rgba(255, 246, 230, 0.16);
  --cl-night-accent: #e1b75f;
  --cl-night-accent-soft: rgba(225, 183, 95, 0.18);
  --cl-night-nav-bg: rgba(17, 25, 15, 0.84);
  --cl-night-shadow-soft: 0 28px 80px rgba(0, 0, 0, 0.34);
}

/* MODE JOUR : on force explicitement les anciens blocs sombres a redevenir clairs. */
:root[data-cl-theme="light"] body,
:root[data-cl-theme="light"] .site,
:root[data-cl-theme="light"] .site-main,
:root[data-cl-theme="light"] #page,
:root[data-cl-theme="light"] #primary,
:root[data-cl-theme="light"] .content-bg,
:root[data-cl-theme="light"] .entry-content,
:root[data-cl-theme="light"] .cl-page-root,
:root[data-cl-theme="light"] .cl-page {
  background: var(--cl-day-bg-page) !important;
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .cl-page-root,
:root[data-cl-theme="light"] body.blog,
:root[data-cl-theme="light"] body.single-post,
:root[data-cl-theme="light"] body.page {
  background:
    radial-gradient(circle at 16% 10%, rgba(126, 161, 91, 0.18), transparent 26rem),
    radial-gradient(circle at 82% 22%, rgba(201, 157, 71, 0.12), transparent 24rem),
    linear-gradient(180deg, #fbf6ec 0%, #f4eadb 100%) !important;
}

:root[data-cl-theme="light"] .cl-home-hero {
  background:
    linear-gradient(180deg, rgba(194, 213, 215, 0.96) 0%, rgba(229, 224, 204, 0.94) 54%, rgba(251, 246, 236, 1) 100%) !important;
  color: #ffffff !important;
}

:root[data-cl-theme="light"] .cl-home-hero__ground {
  background: linear-gradient(180deg, rgba(229, 224, 204, 0), rgba(251, 246, 236, 0.94)) !important;
}

:root[data-cl-theme="light"] .cl-stars {
  opacity: 0 !important;
}

:root[data-cl-theme="light"] .cl-sunmoon {
  opacity: 1 !important;
  background: radial-gradient(circle, #ffd157 0%, #f5b93a 58%, rgba(245, 185, 58, 0.22) 70%, transparent 72%) !important;
  box-shadow: 0 0 28px rgba(245, 185, 58, 0.52) !important;
}

:root[data-cl-theme="light"] .cl-cloud {
  opacity: 0.42 !important;
  filter: none !important;
}

:root[data-cl-theme="light"] .cl-site-nav,
:root[data-cl-theme="light"] .cl-mobile-panel__inner {
  background: var(--cl-day-nav-bg) !important;
  border-color: var(--cl-day-border-soft) !important;
  box-shadow: var(--cl-day-shadow-soft) !important;
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .cl-site-link,
:root[data-cl-theme="light"] .cl-site-brand,
:root[data-cl-theme="light"] .cl-mobile-panel a,
:root[data-cl-theme="light"] .cl-theme-toggle,
:root[data-cl-theme="light"] .cl-mobile-toggle {
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .cl-site-link[aria-current="page"],
:root[data-cl-theme="light"] .cl-site-link:hover,
:root[data-cl-theme="light"] .cl-mobile-panel a[aria-current="page"] {
  background: var(--cl-day-accent-soft) !important;
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .cl-home-hero__title,
:root[data-cl-theme="light"] .cl-home-hero__subtitle,
:root[data-cl-theme="light"] .cl-home-hero__meta {
  color: #fffaf2 !important;
  text-shadow: 0 2px 18px rgba(52, 43, 27, 0.18) !important;
}

:root[data-cl-theme="light"] .ttl,
:root[data-cl-theme="light"] h1,
:root[data-cl-theme="light"] h2,
:root[data-cl-theme="light"] h3,
:root[data-cl-theme="light"] .entry-title,
:root[data-cl-theme="light"] .cl-page-hero__title,
:root[data-cl-theme="light"] .cl-blog-row__body h3,
:root[data-cl-theme="light"] .cl-teaser-card__body h3,
:root[data-cl-theme="light"] .cl-link-card__title,
:root[data-cl-theme="light"] strong {
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .prose,
:root[data-cl-theme="light"] p,
:root[data-cl-theme="light"] li,
:root[data-cl-theme="light"] .cl-page-hero__subtitle,
:root[data-cl-theme="light"] .cl-teaser-card__body p,
:root[data-cl-theme="light"] .cl-blog-row__body p,
:root[data-cl-theme="light"] .cl-link-card__desc,
:root[data-cl-theme="light"] .cl-site-footer__meta,
:root[data-cl-theme="light"] .entry-content,
:root[data-cl-theme="light"] .entry-summary,
:root[data-cl-theme="light"] .cl-form-feedback {
  color: var(--cl-day-text-muted) !important;
}

:root[data-cl-theme="light"] .lab,
:root[data-cl-theme="light"] .tag,
:root[data-cl-theme="light"] .cl-blog-row__date,
:root[data-cl-theme="light"] .cl-light-card__label,
:root[data-cl-theme="light"] a:not(.bp):not(.bo) {
  color: #7b934e !important;
}

:root[data-cl-theme="light"] .cl-section,
:root[data-cl-theme="light"] .cl-shell,
:root[data-cl-theme="light"] .cl-shell-wide,
:root[data-cl-theme="light"] .cl-shell-narrow {
  background: transparent !important;
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .cl-teaser-card,
:root[data-cl-theme="light"] .cl-blog-row,
:root[data-cl-theme="light"] .cl-link-card,
:root[data-cl-theme="light"] .cl-gallery-card,
:root[data-cl-theme="light"] .cl-contact-card,
:root[data-cl-theme="light"] .cl-form-panel,
:root[data-cl-theme="light"] .cl-light-card,
:root[data-cl-theme="light"] .cl-weather-card,
:root[data-cl-theme="light"] .cl-schedule-item,
:root[data-cl-theme="light"] article.entry,
:root[data-cl-theme="light"] .post,
:root[data-cl-theme="light"] .wp-block-post,
:root[data-cl-theme="light"] .wp-block-group {
  background: var(--cl-day-bg-card) !important;
  border-color: var(--cl-day-border-soft) !important;
  box-shadow: var(--cl-day-shadow-soft) !important;
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .bp {
  background: var(--cl-day-accent) !important;
  border-color: var(--cl-day-accent) !important;
  color: #26341f !important;
}

:root[data-cl-theme="light"] .bo {
  background: rgba(255, 250, 242, 0.72) !important;
  border-color: rgba(65, 78, 55, 0.22) !important;
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] input,
:root[data-cl-theme="light"] textarea,
:root[data-cl-theme="light"] select {
  background: #fffdf8 !important;
  border-color: rgba(65, 78, 55, 0.26) !important;
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] input::placeholder,
:root[data-cl-theme="light"] textarea::placeholder {
  color: rgba(38, 52, 31, 0.48) !important;
}

:root[data-cl-theme="light"] .cl-theme-toggle__track {
  background: rgba(126, 161, 91, 0.28) !important;
  border-color: rgba(126, 161, 91, 0.42) !important;
}

:root[data-cl-theme="light"] .cl-theme-toggle__thumb {
  transform: translateX(0) !important;
  background: var(--cl-day-green) !important;
}

:root[data-cl-theme="light"] .cl-site-footer {
  background: linear-gradient(180deg, #e6decf 0%, #d7cfbf 100%) !important;
  color: var(--cl-day-text-muted) !important;
}

:root[data-cl-theme="light"] .cl-site-footer a,
:root[data-cl-theme="light"] .cl-site-footer__brand,
:root[data-cl-theme="light"] .cl-site-footer__copy {
  color: var(--cl-day-text-main) !important;
}

:root[data-cl-theme="light"] .cl-ghost,
:root[data-cl-theme="light"] .cl-deco,
:root[data-cl-theme="light"] [class*="plant"],
:root[data-cl-theme="light"] [class*="leaf"] {
  opacity: 0.16 !important;
}

/* MODE NUIT : correspond aux captures sombres actuelles. */
:root[data-cl-theme="dark"] {
  color-scheme: dark;
}

:root[data-cl-theme="dark"] body,
:root[data-cl-theme="dark"] .site,
:root[data-cl-theme="dark"] .site-main,
:root[data-cl-theme="dark"] #page,
:root[data-cl-theme="dark"] #primary,
:root[data-cl-theme="dark"] .content-bg,
:root[data-cl-theme="dark"] .cl-page-root,
:root[data-cl-theme="dark"] .cl-page {
  background: var(--cl-night-bg-main) !important;
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] .cl-page-root,
:root[data-cl-theme="dark"] body.blog,
:root[data-cl-theme="dark"] body.single-post,
:root[data-cl-theme="dark"] body.page {
  background:
    radial-gradient(circle at 18% 12%, rgba(225, 183, 95, 0.10), transparent 28rem),
    linear-gradient(180deg, #111b10 0%, #0c130c 100%) !important;
}

:root[data-cl-theme="dark"] .cl-home-hero {
  background:
    radial-gradient(circle at center 32%, rgba(225, 183, 95, 0.12), transparent 26rem),
    linear-gradient(180deg, #152113 0%, #182811 58%, #080d08 100%) !important;
}

:root[data-cl-theme="dark"] .cl-home-hero__ground {
  background: linear-gradient(180deg, rgba(60, 88, 44, 0.36), #071007) !important;
}

:root[data-cl-theme="dark"] .cl-stars {
  opacity: 0.82 !important;
}

:root[data-cl-theme="dark"] .cl-cloud {
  opacity: 0.12 !important;
  filter: grayscale(1) brightness(0.62) !important;
}

:root[data-cl-theme="dark"] .cl-site-nav,
:root[data-cl-theme="dark"] .cl-mobile-panel__inner {
  background: var(--cl-night-nav-bg) !important;
  border-color: var(--cl-night-border-soft) !important;
  box-shadow: var(--cl-night-shadow-soft) !important;
}

:root[data-cl-theme="dark"] .cl-site-link,
:root[data-cl-theme="dark"] .cl-site-brand,
:root[data-cl-theme="dark"] .cl-mobile-panel a,
:root[data-cl-theme="dark"] .cl-theme-toggle,
:root[data-cl-theme="dark"] .cl-mobile-toggle {
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] .cl-site-link[aria-current="page"],
:root[data-cl-theme="dark"] .cl-site-link:hover,
:root[data-cl-theme="dark"] .cl-mobile-panel a[aria-current="page"] {
  background: var(--cl-night-accent-soft) !important;
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] .cl-home-hero__title,
:root[data-cl-theme="dark"] .cl-home-hero__subtitle,
:root[data-cl-theme="dark"] .cl-home-hero__meta,
:root[data-cl-theme="dark"] .ttl,
:root[data-cl-theme="dark"] h1,
:root[data-cl-theme="dark"] h2,
:root[data-cl-theme="dark"] h3,
:root[data-cl-theme="dark"] .entry-title,
:root[data-cl-theme="dark"] .cl-page-hero__title,
:root[data-cl-theme="dark"] .cl-blog-row__body h3,
:root[data-cl-theme="dark"] .cl-teaser-card__body h3,
:root[data-cl-theme="dark"] .cl-link-card__title,
:root[data-cl-theme="dark"] strong {
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] .prose,
:root[data-cl-theme="dark"] p,
:root[data-cl-theme="dark"] li,
:root[data-cl-theme="dark"] .cl-page-hero__subtitle,
:root[data-cl-theme="dark"] .cl-teaser-card__body p,
:root[data-cl-theme="dark"] .cl-blog-row__body p,
:root[data-cl-theme="dark"] .cl-link-card__desc,
:root[data-cl-theme="dark"] .cl-site-footer__meta,
:root[data-cl-theme="dark"] .entry-content,
:root[data-cl-theme="dark"] .entry-summary,
:root[data-cl-theme="dark"] .cl-form-feedback {
  color: var(--cl-night-text-muted) !important;
}

:root[data-cl-theme="dark"] .lab,
:root[data-cl-theme="dark"] .tag,
:root[data-cl-theme="dark"] .cl-blog-row__date,
:root[data-cl-theme="dark"] .cl-light-card__label,
:root[data-cl-theme="dark"] a:not(.bp):not(.bo) {
  color: var(--cl-night-accent) !important;
}

:root[data-cl-theme="dark"] .cl-teaser-card,
:root[data-cl-theme="dark"] .cl-blog-row,
:root[data-cl-theme="dark"] .cl-link-card,
:root[data-cl-theme="dark"] .cl-gallery-card,
:root[data-cl-theme="dark"] .cl-contact-card,
:root[data-cl-theme="dark"] .cl-form-panel,
:root[data-cl-theme="dark"] .cl-light-card,
:root[data-cl-theme="dark"] .cl-weather-card,
:root[data-cl-theme="dark"] .cl-schedule-item,
:root[data-cl-theme="dark"] article.entry,
:root[data-cl-theme="dark"] .post,
:root[data-cl-theme="dark"] .wp-block-post,
:root[data-cl-theme="dark"] .wp-block-group {
  background: var(--cl-night-bg-card) !important;
  border-color: var(--cl-night-border-soft) !important;
  box-shadow: var(--cl-night-shadow-soft) !important;
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] .bp {
  background: var(--cl-night-accent) !important;
  border-color: var(--cl-night-accent) !important;
  color: #10170f !important;
}

:root[data-cl-theme="dark"] .bo {
  background: rgba(255, 246, 230, 0.06) !important;
  border-color: rgba(255, 246, 230, 0.24) !important;
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] input,
:root[data-cl-theme="dark"] textarea,
:root[data-cl-theme="dark"] select {
  background: rgba(255, 246, 230, 0.07) !important;
  border-color: rgba(255, 246, 230, 0.2) !important;
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] input::placeholder,
:root[data-cl-theme="dark"] textarea::placeholder {
  color: rgba(255, 246, 230, 0.48) !important;
}

:root[data-cl-theme="dark"] .cl-theme-toggle__track {
  background: rgba(225, 183, 95, 0.28) !important;
  border-color: rgba(225, 183, 95, 0.44) !important;
}

:root[data-cl-theme="dark"] .cl-theme-toggle__thumb {
  transform: translateX(20px) !important;
  background: var(--cl-night-accent) !important;
}

:root[data-cl-theme="dark"] .cl-site-footer {
  background: linear-gradient(180deg, #243b28 0%, #203522 100%) !important;
  color: var(--cl-night-text-muted) !important;
}

:root[data-cl-theme="dark"] .cl-site-footer a,
:root[data-cl-theme="dark"] .cl-site-footer__brand,
:root[data-cl-theme="dark"] .cl-site-footer__copy {
  color: var(--cl-night-text-main) !important;
}

:root[data-cl-theme="dark"] .cl-ghost,
:root[data-cl-theme="dark"] .cl-deco,
:root[data-cl-theme="dark"] [class*="plant"],
:root[data-cl-theme="dark"] [class*="leaf"] {
  opacity: 0.08 !important;
}