/* Gesund & Beschwingt - Scoped warm night mode v1.2.0.
 * Applies only when the existing plugin is set to auto and the browser
 * expresses prefers-color-scheme:dark. Does not affect the light site.
 * Uses real 2026-11-08 CT600 Gutenberg classes, avoids generic block recoloring.
 */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --gb-night-bg: #29221D;
    --gb-night-surface: #352D27;
    --gb-night-panel: #3B322B;
    --gb-night-border: #69594C;
    --gb-night-ink: #F6EEE3;
    --gb-night-soft: #DCD0C2;
    --gb-night-orange: #F3930D;
    --gb-night-cream: #F3E5CE;
  }

  html, body.gb-night-mode-auto,
  body.gb-night-mode-auto .wp-site-blocks {
    background-color: var(--gb-night-bg) !important;
    color: var(--gb-night-ink);
  }

  /* Explicit Gutenberg warm-white sections; no blanket overrides of layout. */
  body.gb-night-mode-auto .wp-block-group.has-gb-cream-background-color,
  body.gb-night-mode-auto .wp-block-group.has-gb-neutral-background-color,
  body.gb-night-mode-auto .wp-block-cover.has-gb-cream-background-color {
    background-color: var(--gb-night-bg) !important;
    color: var(--gb-night-ink) !important;
  }

  /* Sticky header and navigation: same warm palette, including mobile overlay. */
  body.gb-night-mode-auto header.wp-block-template-part,
  body.gb-night-mode-auto .gb-site-header,
  body.gb-night-mode-auto .gb-site-header.has-gb-cream-background-color,
  body.gb-night-mode-auto .gb-site-header .wp-block-group {
    background-color: var(--gb-night-bg) !important;
  }
  body.gb-night-mode-auto .gb-site-header {
    border-bottom-color: var(--gb-night-border) !important;
    box-shadow: 0 1px 0 rgba(243,229,206,.12);
  }
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation__responsive-container,
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation__responsive-container.is-menu-open,
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation__responsive-dialog,
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation__responsive-container-content {
    background-color: var(--gb-night-bg) !important;
    color: var(--gb-night-ink) !important;
  }
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation a,
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation-item__content,
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation__responsive-container-open,
  body.gb-night-mode-auto .gb-site-header .wp-block-navigation__responsive-container-close,
  body.gb-night-mode-auto .gb-site-header button {
    color: var(--gb-night-ink) !important;
  }

  /* Text only in the sections we recolor; preserve white-on-dark story section. */
  body.gb-night-mode-auto .wp-block-group.has-gb-cream-background-color h1,
  body.gb-night-mode-auto .wp-block-group.has-gb-cream-background-color h2,
  body.gb-night-mode-auto .wp-block-group.has-gb-cream-background-color h3,
  body.gb-night-mode-auto .wp-block-group.has-gb-neutral-background-color h1,
  body.gb-night-mode-auto .wp-block-group.has-gb-neutral-background-color h2,
  body.gb-night-mode-auto .gb-standard-hero h1,
  body.gb-night-mode-auto .gb-standard-hero h2 {
    color: var(--gb-night-ink) !important;
  }
  body.gb-night-mode-auto .wp-block-group.has-gb-cream-background-color p,
  body.gb-night-mode-auto .wp-block-group.has-gb-cream-background-color li,
  body.gb-night-mode-auto .wp-block-group.has-gb-neutral-background-color p,
  body.gb-night-mode-auto .wp-block-group.has-gb-neutral-background-color li,
  body.gb-night-mode-auto .gb-standard-hero p,
  body.gb-night-mode-auto .gb-standard-hero .has-gb-muted-color {
    color: var(--gb-night-soft) !important;
  }
  body.gb-night-mode-auto .wp-block-group.has-gb-cream-background-color a:not(.wp-element-button),
  body.gb-night-mode-auto .wp-block-group.has-gb-neutral-background-color a:not(.wp-element-button) {
    color: #FFC16D;
  }

  /* Primary booking CTAs: explicitly orange even without Gutenberg color class.
   * The header and main hero use plain wp:button blocks. */
  body.gb-night-mode-auto .gb-site-header .wp-block-button__link,
  body.gb-night-mode-auto .gb-standard-hero .wp-block-button__link,
  body.gb-night-mode-auto .gb-direct-contact > summary,
  body.gb-night-mode-auto .gb-direct-contact-panel .gb-direct-links a,
  body.gb-night-mode-auto .gb-direct-phone-person a,
  body.gb-night-mode-auto .wpcf7-submit,
  body.gb-night-mode-auto .wp-block-button__link.has-gb-orange-background-color {
    background-color: var(--gb-night-orange) !important;
    color: #302B27 !important;
  }
  body.gb-night-mode-auto .gb-site-header .wp-block-button__link:hover,
  body.gb-night-mode-auto .gb-standard-hero .wp-block-button__link:hover {
    background-color: #FFB449 !important;
    color: #302B27 !important;
  }

  /* All other common secondary CTAs stay light cream. Explicit orange and
   * white-on-dark story buttons are preserved as separate styles. */
  body.gb-night-mode-auto .wp-block-button__link:not(.has-gb-orange-background-color):not(.has-gb-white-background-color):not(.is-style-outline) {
    background-color: var(--gb-night-cream);
    color: #302B27;
  }
  body.gb-night-mode-auto .gb-direct-phone > summary {
    background-color: var(--gb-night-cream) !important;
    color: #302B27 !important;
    filter: none !important;
  }
  body.gb-night-mode-auto .gb-direct-contact-icon {
    background-color: #302B27 !important;
    color: #FFFFFF !important;
  }
  body.gb-night-mode-auto .gb-direct-phone-icon {
    background-color: var(--gb-night-orange) !important;
    color: #302B27 !important;
  }

  /* Story section: preserve visually intentional darker emphasis. */
  body.gb-night-mode-auto .wp-block-group.has-gb-dark-background-color {
    background-color: #211B17 !important;
    color: var(--gb-night-ink) !important;
  }
  body.gb-night-mode-auto .wp-block-group.has-gb-dark-background-color h2,
  body.gb-night-mode-auto .wp-block-group.has-gb-dark-background-color p {
    color: var(--gb-night-ink) !important;
  }
  body.gb-night-mode-auto .wp-block-group.has-gb-dark-background-color .wp-block-button__link.has-gb-white-background-color {
    background-color: var(--gb-night-cream) !important;
    color: #302B27 !important;
  }

  /* Panels are separately styled; never recolor all WordPress groups. */
  body.gb-night-mode-auto .gb-direct-contact-panel,
  body.gb-night-mode-auto .gb-direct-phone-panel {
    background-color: var(--gb-night-panel) !important;
    color: var(--gb-night-ink) !important;
    border-color: var(--gb-night-border) !important;
  }
  body.gb-night-mode-auto .gb-direct-contact-head strong,
  body.gb-night-mode-auto .gb-direct-phone-head strong {color: var(--gb-night-ink) !important;}
  body.gb-night-mode-auto .gb-direct-contact-head span,
  body.gb-night-mode-auto .gb-direct-phone-head span,
  body.gb-night-mode-auto .gb-direct-contact-note {color: var(--gb-night-soft) !important;}

  body.gb-night-mode-auto .wpcf7 input[type="text"],
  body.gb-night-mode-auto .wpcf7 input[type="email"],
  body.gb-night-mode-auto .wpcf7 input[type="tel"],
  body.gb-night-mode-auto .wpcf7 textarea,
  body.gb-night-mode-auto .wpcf7 select {
    background: var(--gb-night-panel) !important;
    border-color: var(--gb-night-border) !important;
    color: var(--gb-night-ink) !important;
  }
  body.gb-night-mode-auto .wpcf7 label {color: var(--gb-night-ink) !important;}
  body.gb-night-mode-auto input::placeholder,
  body.gb-night-mode-auto textarea::placeholder {color: #C6B09B; opacity: 1;}

  /* Keep original artwork and photo colors. Avoid forced image filters. */
  body.gb-night-mode-auto .wp-block-site-logo img,
  body.gb-night-mode-auto .wp-block-image img,
  body.gb-night-mode-auto .wp-block-post-featured-image img {filter: none !important;}
}


/* GB_NIGHT_BLOG_HEADINGS_V1
 * Blogueberschriften im automatischen Nachtmodus.
 * Nur einzelne Blogartikel; kein Einfluss auf hellen Modus.
 * Design-Plugin 1.4.0; bestehende Samsung-Regeln bleiben erhalten.
 */
@media (prefers-color-scheme: dark) {
  body.single-post.gb-night-mode-auto
  .wp-block-post-content h1,
  body.single-post.gb-night-mode-auto
  .wp-block-post-content h2,
  body.single-post.gb-night-mode-auto
  .wp-block-post-content h3,
  body.single-post.gb-night-mode-auto
  .wp-block-post-content h4,
  body.single-post.gb-night-mode-auto
  .wp-block-post-content h5,
  body.single-post.gb-night-mode-auto
  .wp-block-post-content h6 {
    color: var(--gb-night-ink, #F6EEE3) !important;
  }
}

/* GB_NIGHT_PAGE_HEADINGS_FIX1_20261109
 * Normale WordPress-Seiten (nicht Blogartikel) in Auto-Nachtmodus.
 * Explizite Gutenberg-Textfarben und weisse Hintergruende werden ausgespart.
 * Kein Einfluss auf Hellmodus, Header, Buttons oder Samsung-Sonderregeln.
 */
@media (prefers-color-scheme: dark) {
  body.page.gb-night-mode-auto .wp-block-post-content
  :is(h1, h2, h3, h4, h5, h6):not(.has-text-color):not(.has-gb-white-background-color *):not(.has-white-background-color *) {
    color: var(--gb-night-ink, #F6EEE3) !important;
  }
}
