/* Carina Hellmich – Header-Anpassungen (von Hand gepflegt, nicht aus Design-Exporten)
 * Quelle: carina-website/wp-build/sections/ch-header.css = uploads/carina-hellmich/ch-header.css
 * Geladen über das MU-Plugin carina-hellmich-site.php nach ch-styles.css.
 * Maße aus dem Design (Startseite v4): Logo clamp(1.6rem, 1.8vw + 0.7rem, 2.6rem), Menü 1.1rem –
 * hier in px umgerechnet, weil Woodmart die Root-Schrift auf 14 px setzt (Design: 16 px). */

/* Logo „Carina Hellmich“ + lila Quadrat-Punkt */
.whb-header .ch-logo { display: inline-flex; align-items: baseline; gap: 8px; line-height: 1;
  font-size: clamp(25.6px, calc(1.8vw + 11.2px), 41.6px); }
.whb-header .ch-logo::after { content: ""; display: inline-block; flex: none; width: 9px; height: 9px;
  background: var(--accent); border-radius: 1px; }

/* Menüpunkte größer */
.whb-header .wd-nav-main > li > a, .whb-header .wd-nav-main > li.current-menu-item > a { font-size: 17.6px; }

/* Untermenü „Zusammenarbeit“ – Desktop-Dropdown im Stil der Seite (statt Woodmart-Lato/grau) */
.whb-header .wd-nav-main .wd-dropdown-menu { border: 1px solid var(--line-hairline); border-radius: var(--radius-sm);
  box-shadow: 0 12px 32px rgba(23, 24, 26, 0.08); }
.whb-header .wd-nav-main .wd-sub-menu > li > a, .whb-header .wd-nav-main .wd-sub-menu > li.current-menu-item > a {
  font-family: var(--font-sans); font-size: 15.75px; font-weight: 500; text-transform: none; letter-spacing: 0;
  color: var(--text-body); padding-top: 8px; padding-bottom: 8px; }
.whb-header .wd-nav-main .wd-sub-menu > li > a:hover { color: var(--text-accent); }

/* Untermenü im mobilen Seitenmenü */
.mobile-nav .wd-nav-mobile .wd-sub-menu > li > a, .mobile-nav .wd-nav-mobile .wd-sub-menu > li.current-menu-item > a {
  font-family: var(--font-sans); font-size: 15px; font-weight: 400; text-transform: none; letter-spacing: 0;
  color: var(--text-body); padding-left: 32px; }
.mobile-nav .wd-nav-mobile .wd-sub-menu > li > a:hover { color: var(--text-accent); }
.mobile-nav .wd-nav-mobile .wd-nav-opener { background-color: transparent; color: var(--text-strong); }
.mobile-nav .wd-nav-mobile .wd-nav-opener.wd-active { background-color: var(--accent); color: var(--accent-contrast); }

/* Kleine Desktops (1025–1199 px): 5 Menüpunkte passen sonst nicht in eine Zeile */
@media (max-width: 1199px) {
  .whb-header .wd-nav-main { --nav-gap: 16px; column-gap: 16px; }
  .whb-header .wd-nav-main > li > a, .whb-header .wd-nav-main > li.current-menu-item > a { font-size: 15.4px; }
  .whb-header a.btn.ch-hdr-btn { padding: 0.65rem 1.1rem; }
}

/* ===== Footer (Block 231) mobil < 768 px – 19.10.2026, Wunsch Marc. Gilt auf allen Seiten mit Footer.
   Vorher Links 12,6 px, Spaltenüberschriften 10,5 px, Unterzeile 11,2 px (Woodmart-Grundschrift 14 px). ===== */
@media (max-width: 767px) {
  .ch-footer .ch-label { font-size: 12px; }
  .ch-footer [style*="font-size:0.9rem"] { font-size: 15px !important; }                 /* Kurztext + Linkspalten */
  .ch-footer div[style*="flex-direction:column"][style*="gap:0.5rem"] { gap: 0.8rem !important; }   /* größere Tippflächen */
  .ch-footer div[style*="font-size:0.8rem"] { font-size: 13px !important; }              /* © · Impressum · Datenschutz */
}

/* >>> FARBEN 2026-10-27 – Farbkonzept (Wunsch Marc): dunkel #111111, Akzent Pink #B729B5 statt Taupe/Mauve, Grau #F2F0EE.
   Gilt auf allen Seiten; auf Own Yourself (Seite 309, body.page-id-309) nur für Header, Mobilmenü, Footer und Mini-Warenkorb (seit 27.10.2026, Wunsch Marc) – die Seiteninhalte (.ch-sec) behalten dort ihr Magenta.
   Selektor mit html body:not(...) .ch-sec ist spezifischer als die .ch-sec-Farben in pages/<key>/page-sections.css
   und als body.ch-shop im Shop-MU-Plugin. Zurücknehmen: Block zwischen den Markern löschen. */
html body:not(.page-id-309),
html body:not(.page-id-309) .ch-sec,
html body.page-id-309 :is(.whb-header, .mobile-nav, .wd-footer, .cart-widget-side) {
  /* Rohfarben */
  --ch-terracotta-700: #811C7F;
  --ch-terracotta-600: #9C2299;
  --ch-terracotta-500: #B729B5;
  --ch-terracotta-300: #D99BD8;
  --ch-terracotta-100: #F6E7F5;
  --ch-ink-900: #111111;
  --ch-ink-800: #222222;
  --ch-ink-700: #3A3A3A;
  --ch-greige-600: #625E5A;
  --ch-greige-500: #807B76;
  --ch-greige-400: #A29D98;
  --ch-greige-300: #C9C4BF;
  --ch-greige-200: #DEDAD6;
  --ch-greige-100: #EAE7E4;
  --ch-canvas: #F2F0EE;
  --ch-paper: #FAF9F7;
  /* Bedeutungs-Tokens (direkt gesetzt, weil var()-Ketten am :root schon aufgelöst sind) */
  --bg-page: #F2F0EE;
  --bg-page-dark: #111111;
  --surface-card: #FAF9F7;
  --surface-raised: #EAE7E4;
  --surface-tint: #F6E7F5;
  --surface-inverse: #111111;
  --text-strong: #111111;
  --text-body: #222222;
  --text-muted: #625E5A;
  --text-caption: #807B76;
  --text-on-dark: #F2F0EE;
  --text-on-dark-muted: #A29D98;
  --text-accent: #9C2299;
  --accent: #B729B5;
  --accent-hover: #9C2299;
  --accent-press: #811C7F;
  --accent-contrast: #FFFFFF;
  --line-hairline: #C9C4BF;
  --line-strong: #111111;
  --line-accent: #B729B5;
  --line-on-dark: rgba(242, 240, 238, 0.22);
  --frame: #111111;
  --focus-ring: #B729B5;
  --link: #9C2299;
  --link-hover: #811C7F;
  /* Woodmart / WooCommerce */
  --wd-primary-color: #B729B5;
  --btn-accented-bgcolor: #B729B5;
  --btn-accented-bgcolor-hover: #9C2299;
}
/* Startseiten-Hero: Hintergrund war fest #F2F2F2 */
html body:not(.page-id-309) .ch-sec.ch-s--hero { background: #F2F0EE; }
/* Seitlicher Mini-Warenkorb (Inline-CSS im Shop-MU-Plugin mit festen Farben) */
html body .cart-widget-side .woocommerce-mini-cart__buttons .checkout { background: #B729B5 !important; border-color: #B729B5 !important; }
html body .cart-widget-side .woocommerce-mini-cart__buttons .checkout:hover { background: #9C2299 !important; border-color: #9C2299 !important; }
html body .cart-widget-side .amount,
html body .cart-widget-side .widget-heading .title { color: #111111; }
/* <<< FARBEN 2026-10-27 */