/* THE NESTING CLUB – nc-pages.css (Relaunch A r6 · Rest-Seiten), ausgelagert in r19 aus nesting-club.css.
   Laedt NUR auf: Seiten (canonical /pages/), Blog, Artikel, Suche, 404, Kundenkonto – siehe snippets/nc-head-css.liquid
   (gerendert am Ende des <head> nach nesting-club.css, sowie in layout/lp.liquid).
   Zonen-Akzent je LP (vorher html:has(canonical …)) setzt das Snippet als Inline-<style> auf html. */
/* === RELAUNCH-A r6 · Rest-Seiten (Nachtblau & Sand, rund) ========================
   Nur Design. Seiten (/pages/...), LP-Templates, Blog + Artikel, Suche, 404, Konto.
   NICHT: Warenkorb/Drawer, PDPs, Kollektionen, Startseite.
   Scope: alles haengt an html:is(:has(canonical /pages/), :has(.main-blog), ...) ->
   die auch auf Startseite/PDP/Kollektion laufenden nc-lp-Sections, nc-faq und nc-tst
   bleiben dort unveraendert. Zonen-Akzent je LP ueber die canonical-URL (Mikrodosis:
   Eyebrow-Linie/-Text, Chip, Tint, Icon). Gold nur Linien/Sterne. Salbei/Aprikot/Gold
   NIE als Text (nur Text-Varianten). Ecken: Karten 18-20px, Buttons Pille.
   !important nur, wo Section-<style>/{%style%} (spaeter im <body>) gleiche Spezifitaet hat. */

/* ---- Zonen-Variablen ---------------------------------------------------------- */
html {
  --r6-a: var(--nc-gold);                 /* Linie/Deko (neutral: Gold) */
  --r6-t: var(--nc-steel);                /* Eyebrow-/Chip-Text */
  --r6-tint: var(--nc-cream);
}
/* Scope-Selektor: immer wahr (die Datei laedt nur auf den Ziel-Templates). Spezifitaet (0,2,2) = wie der fruehere
   html:is(:has(link[rel=canonical][href*="/pages/"]),…)-Scope, damit die Kaskade unveraendert bleibt. */
html:not(.nc-r6-aus):not(.nc-r6-aus2):not(nc-r6) {
/* ---- Seiten-Hintergrund Palette A (Dawn-Schema im Theme ist noch Alt-Palette) ---- */
body, #MainContent .color-scheme-1, #MainContent .color-scheme-2 {
  --color-foreground: 28, 43, 64;
  --color-background: 244, 239, 232;
  --color-button: 34, 57, 90;
  --color-button-text: 255, 253, 249;
  --color-link: 34, 57, 90;
  --color-base-text: 28, 43, 64;
}
body { background-color: var(--nc-cream); color: var(--nc-grey); }
#MainContent { background: var(--nc-cream); }

/* ---- Abschnitts-Rhythmus: ungerade Cream, gerade Paper ------------------------- */
#MainContent > .shopify-section { --r6-bg: var(--nc-cream); --r6-alt: var(--nc-paper); }
#MainContent > .shopify-section:nth-child(even) { --r6-bg: var(--nc-paper); --r6-alt: var(--nc-cream); }
.nc-lph, .nc-lpbf, .nc-lpb, .nc-lps:not(.nc-lps--dark), .nc-faq, .nc-tst {
  background: var(--r6-bg);
}
#MainContent > .shopify-section:nth-child(even) .nc-lpbf,
#MainContent > .shopify-section:nth-child(even) .nc-lpb,
#MainContent > .shopify-section:nth-child(even) .nc-lps:not(.nc-lps--dark),
#MainContent > .shopify-section:nth-child(even) .nc-faq,
#MainContent > .shopify-section:nth-child(even) .nc-tst { border-top: 1px solid var(--nc-sand); border-bottom: 1px solid var(--nc-sand); }

/* ---- Eyebrow-System: 40x2-Linie in Zonenfarbe + Text in Text-Variante ---------- */
.nc-lph__eyebrow, .nc-lpbf__eyebrow, .nc-lpb__eyebrow, .nc-lps__eyebrow,
.nc-faq__eyebrow, .nc-tst__eyebrow, .nc-spar__eyebrow, .nc-pillar__eyebrow {
  color: var(--r6-t) !important; font-weight: 500; font-size: 12px; letter-spacing: .18em;
}
.nc-lph__eyebrow::before, .nc-lpbf__eyebrow::before, .nc-lpb__eyebrow::before, .nc-lps__eyebrow::before,
.nc-faq__eyebrow::before, .nc-tst__eyebrow::before, .nc-spar__eyebrow::before, .nc-pillar__eyebrow::before {
  content: ""; display: inline-block; width: 40px; height: 2px; background: var(--r6-a);
  vertical-align: middle; margin: 0 12px 3px 0;
}
.nc-lps--dark .nc-lps__eyebrow { color: var(--nc-mist) !important; }
.nc-lps--dark .nc-lps__eyebrow::before { background: var(--nc-mist); }

/* ---- Headlines/Fliesstext ------------------------------------------------------- */
.nc-lph__title, .nc-lpbf__title, .nc-lpbf__tile-title, .nc-lpb__title, .nc-lpb-card__name,
.nc-lps__title, .nc-faq__title, .nc-tst__title, .nc-spar__title, .nc-spar-card__name { color: var(--nc-ink); font-weight: 600; }
.nc-lph__sub, .nc-lpbf__tile-text, .nc-lps__body, .nc-spar { color: var(--nc-grey); }
.nc-lpb__sub, .nc-lph__trust, .nc-lps__note, .nc-lpb__hint, .nc-lpb-card__note, .nc-lpb-card__label,
.nc-spar__sub, .nc-spar__hint { color: var(--nc-steel); }

/* ---- LP-Hero ------------------------------------------------------------------- */
.nc-lph__img { border-radius: 20px; box-shadow: 0 18px 40px -24px rgba(28,43,64,.45); border: 1px solid var(--nc-sand); }
.nc-lph__badge { background: var(--r6-tint); color: var(--r6-t); border: 1px solid var(--r6-a); border-radius: 999px; padding: 6px 14px; font-weight: 500; }
.nc-lph__cta, .nc-lps__cta, .nc-lpb__atc {
  background: var(--nc-navy); color: var(--nc-paper); border-radius: 999px; min-height: 48px;
  display: inline-flex; align-items: center; justify-content: center; padding: 12px 32px; font-weight: 500; font-size: 16px; letter-spacing: .01em;
}
.nc-lph__cta:hover, .nc-lps__cta:hover, .nc-lpb__atc:hover { background: var(--nc-ink); color: var(--nc-paper); }
.nc-lph__cta2 { color: var(--nc-navy); }

/* ---- LP-Benefits --------------------------------------------------------------- */
.nc-lpbf__tile { background: var(--r6-alt); border: 1px solid var(--nc-sand); border-radius: 18px; box-shadow: none; }
.nc-lpbf__arch { background: var(--r6-tint); border: 1px solid var(--nc-sand); color: var(--r6-t); }
.nc-lpbf__rule { background: var(--r6-a); opacity: 1; height: 2px; }

/* ---- LP-Bundle (Set-Auswahl) --------------------------------------------------- */
.nc-lpb-card { background: var(--r6-alt); border: 1px solid var(--nc-sand); border-radius: 20px; }
.nc-lpb-card:hover { box-shadow: 0 18px 40px -26px rgba(28,43,64,.45); }
.nc-lpb-card--featured { background: var(--r6-tint); border-color: var(--r6-a); }
.nc-lpb-card__badge { background: var(--nc-navy); color: var(--nc-paper); border-radius: 999px; font-weight: 500; }
.nc-lpb-card__media { border-radius: 14px; background: var(--nc-cream); }
.nc-lpb-card__check { background: var(--nc-navy); color: var(--nc-paper); }
.nc-lpb-card:has(.nc-lpb-card__input:checked), .nc-lpb-card.is-on { border-color: var(--nc-navy); box-shadow: 0 0 0 2px var(--nc-navy); }
.nc-lpb-card__price { color: var(--nc-ink); }
.nc-lpb-card__compare, .nc-lpb-card__soldout { color: var(--nc-steel); }
.nc-lpb-card__save { color: var(--r6-t); }
.nc-lpb-card__ship { background: var(--r6-tint); color: var(--r6-t); border: 1px solid var(--nc-sand); border-radius: 999px; }

/* ---- LP-Story ------------------------------------------------------------------ */
.nc-lps__img { border-radius: 20px; box-shadow: 0 18px 40px -24px rgba(28,43,64,.45); border: 1px solid var(--nc-sand); }
.nc-lps__body a, .nc-lps__note a { color: var(--nc-navy); text-decoration: underline; text-underline-offset: 2px; }
.nc-lps__body strong { color: var(--nc-ink); font-weight: 600; }
.nc-lps--dark { background: var(--nc-ink); }
.nc-lps--dark .nc-lps__title { color: var(--nc-paper); }
.nc-lps--dark .nc-lps__body, .nc-lps--dark .nc-lps__note { color: var(--nc-mist); }
.nc-lps--dark .nc-lps__body a, .nc-lps--dark .nc-lps__note a { color: var(--nc-paper); }
.nc-lps--dark .nc-lps__body strong { color: var(--nc-paper); }
.nc-lps--dark .nc-lps__cta { background: var(--nc-paper); color: var(--nc-ink); }
.nc-lps--dark .nc-lps__cta:hover { background: var(--nc-mist); color: var(--nc-ink); }

/* ---- FAQ + Kundenstimmen (auf /pages/ inkl. FAQ-Seite) ------------------------- */
.nc-faq__item { border-bottom: 1px solid var(--nc-sand); }
.nc-faq__q { color: var(--nc-ink); }
.nc-faq__a, .nc-faq__a p { color: var(--nc-grey); }
.nc-faq__cat { color: var(--r6-t); font-weight: 500; letter-spacing: .02em; border-bottom: 1px solid var(--nc-sand); }
.nc-tst__card { background: var(--r6-alt); border: 1px solid var(--nc-sand); border-radius: 18px; box-shadow: none; }
.nc-tst__quote, .nc-tst__name { color: var(--nc-ink); }
.nc-tst__summary-text, .nc-tst__occasion { color: var(--nc-steel); }

/* ---- Pillar-Seite (/pages/rubbelkalender) + Seiteninhalt (main-page) ----------- */
.nc-pillar__crumb a { color: var(--nc-steel); }
.nc-pillar__crumb a:hover, .nc-pillar__body a:hover { color: var(--nc-ink); }
.nc-pillar__crumb span { color: var(--nc-steel); }
.nc-pillar__body li::marker { color: var(--nc-gold); }
.nc-pillar__body a { color: var(--nc-navy); text-decoration-color: rgba(34,57,90,.35); }
.nc-pillar__title, .nc-pillar__body h2, .nc-pillar__body h3, .nc-pillar__body strong { color: var(--nc-ink); }
.nc-pillar__body blockquote { background: var(--nc-paper); border: 1px solid var(--nc-sand); border-left: 3px solid var(--nc-gold); border-radius: 18px; }
.nc-pillar__body a.nc-pillar__link-btn { border: 1px solid var(--nc-navy); border-radius: 999px; min-height: 44px; padding: 10px 22px; }
.nc-pillar__body a.nc-pillar__link-btn:hover { background: var(--nc-navy); color: var(--nc-paper); }
.nc-pillar__media { border-radius: 20px; }
.nc-pillar__cta { background: var(--nc-ink); border-radius: 20px; }
.nc-pillar__cta .nc-pillar__cta-title { color: var(--nc-paper); }
.nc-pillar__cta .nc-pillar__cta-sub { color: var(--nc-mist); }
.nc-pillar__cta .nc-pillar__cta-primary { background: var(--nc-paper); color: var(--nc-ink); border-radius: 999px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }
.nc-pillar__cta .nc-pillar__cta-secondary { border: 1px solid var(--nc-mist); color: var(--nc-paper); border-radius: 999px; min-height: 48px; display: inline-flex; align-items: center; justify-content: center; }
.nc-pillar__cta .nc-pillar__cta-primary:hover { background: var(--nc-mist); opacity: 1; }
.page-title, .main-page-title { color: var(--nc-ink); }
/* r19b: Seiten-Fließtext-Regeln NICHT im Footer (dessen Textblock ist auch .rte → Footer-Link war Navy auf Nachtblau, 1,2:1).
   :not(:where(…)) hält die Spezifität (0,1,0) unverändert. */
.rte:not(:where(.footer .rte)) a:not(.button):not([class*="nc-"]) { color: var(--nc-navy); text-decoration-color: rgba(34,57,90,.4); text-underline-offset: 2px; }
.rte:not(:where(.footer .rte)) h1, .rte:not(:where(.footer .rte)) h2, .rte:not(:where(.footer .rte)) h3, .rte:not(:where(.footer .rte)) h4, .rte:not(:where(.footer .rte)) strong { color: var(--nc-ink); }
.rte:not(:where(.footer .rte)) blockquote { border-left: 3px solid var(--nc-gold); background: var(--nc-paper); border-radius: 0 18px 18px 0; padding: 16px 20px; }
.rte:not(:where(.footer .rte)) img { border-radius: 18px; }
.rte:not(:where(.footer .rte)) table { border-radius: 18px; }
.rte:not(:where(.footer .rte)) th, .rte:not(:where(.footer .rte)) td { border-color: var(--nc-sand); }

/* ---- Seitenbausteine aus custom-liquid: Welten-Kacheln, So-funktioniert's, Tanja ---- */
.nc-welten { border-radius: 20px; border-color: #aebbc9; }
.nc-welt { background: var(--nc-paper); border: 1px solid var(--nc-sand); border-radius: 20px; overflow: hidden; }
a.nc-welt:hover { box-shadow: 0 18px 40px -26px rgba(28,43,64,.45); }
.nc-welt[href*="geschenk-kalender"]  { --wa: #7d3b4a !important; --wt-text: #6b2f3e !important; }
.nc-welt[href*="beschaeftigung"]     { --wa: #8fa08a !important; --wt-text: #4b6350 !important; }
.nc-welt[href*="vorfreude"]          { --wa: #d29d7e !important; --wt-text: #8a4e2c !important; }
.nc-welt__title { color: var(--nc-ink); }
.nc-welt__label { color: var(--nc-steel); }
.nc-welt__ck { color: var(--wt-text, var(--nc-steel)); }
.nc-welt__more { color: var(--nc-navy); }
.nc-welten__eyebrow { color: var(--nc-ink); }
.nc-how-wrap { background: var(--nc-paper); border-top: 1px solid var(--nc-sand); border-bottom: 1px solid var(--nc-sand); }
.nc-how__number { background: var(--nc-cream) !important; color: var(--nc-ink) !important; border: 1px solid var(--nc-sand); font-family: var(--nc-font-head); }
.nc-how-head h2, .nc-how__step h3 { color: var(--nc-ink); }
.nc-tanja { background: var(--nc-paper); }
.nc-tanja__eyebrow { color: var(--nc-steel); }
.nc-tanja__photo img { border-radius: 20px; }
.nc-tanja__photo figcaption { color: var(--nc-steel); }
.nc-tanja__cred { color: var(--nc-ink); border: 1px solid var(--nc-sand); background: var(--nc-cream); border-radius: 999px; }

/* ---- Spar-Set-Seite ------------------------------------------------------------ */
.nc-spar__title { font-family: var(--nc-font-head); font-weight: 600; }
.nc-spar__atc { background: var(--nc-navy); color: var(--nc-paper); border-radius: 999px; min-height: 52px; font-weight: 500; }
.nc-spar__atc:hover { background: var(--nc-ink); }
.nc-spar__atc[disabled] { background: var(--nc-mist); color: var(--nc-ink); opacity: .75; }
.nc-spar-card { background: var(--nc-paper); border: 1px solid var(--nc-sand); border-radius: 18px; }
.nc-spar-card--gift  { --accent: #7d3b4a; --tint: #f0e1e0; --txt: #6b2f3e; }
.nc-spar-card--play  { --accent: #8fa08a; --tint: #e5ebe0; --txt: #4b6350; }
.nc-spar-card--count { --accent: #d29d7e; --tint: #f7e4d6; --txt: #8a4e2c; }
.nc-spar-card.is-on { border-color: var(--nc-navy); background: var(--tint); box-shadow: 0 0 0 2px var(--nc-navy); }
.nc-spar-card__media { border-radius: 12px; background: var(--nc-cream); }
.nc-spar-card__check { background: var(--nc-navy); color: var(--nc-paper); }
.nc-spar-card__price { color: var(--txt, var(--nc-steel)); }
.nc-spar__preview { background: var(--nc-paper); border: 1px solid var(--nc-sand); border-radius: 20px; box-shadow: 0 -10px 30px -22px rgba(28,43,64,.45); }
.nc-spar__chip { background: var(--nc-cream); color: var(--nc-grey); border: 1px solid var(--nc-sand); }
.nc-spar__empty { color: var(--nc-steel); }
.nc-spar__row--save { color: var(--nc-navy); }
.nc-spar__row--total { color: var(--nc-ink); border-top-color: var(--nc-sand); }

/* ---- Kontakt-Formular / Eingabefelder auf Seiten ------------------------------- */
.field__input, .select__select, .text-area, .customer .field__input {
  border-radius: 14px; background: var(--nc-paper); color: var(--nc-ink);
}
.field::after, .select::after, .text-area-wrapper::after { border-radius: 14px; box-shadow: 0 0 0 1px var(--nc-sand); }
.field:hover::after { box-shadow: 0 0 0 1px var(--nc-steel); }
.field__input:focus-visible { outline: 2px solid var(--nc-navy); outline-offset: 2px; }
.field__label { color: var(--nc-steel); }
.button:not(.button--secondary):not(.button--tertiary), button.button, .contact__button .button {
  background: var(--nc-navy); color: var(--nc-paper); border-radius: 999px; min-height: 48px; font-weight: 500; letter-spacing: .01em;
}
.button:not(.button--secondary):not(.button--tertiary):hover { background: var(--nc-ink); }
.button::before, .button::after { border-radius: 999px; box-shadow: none; }
.button--secondary { border-radius: 999px; min-height: 48px; color: var(--nc-navy); }
.button--secondary::after { border-radius: 999px; box-shadow: 0 0 0 1px var(--nc-navy); }

/* ---- Blog + Artikel ------------------------------------------------------------ */
.main-blog .title--primary, .article-template__title, .blog-articles h2, .blog-articles h3 { color: var(--nc-ink); }
.blog-articles .card-wrapper, .blog-articles .card--card, .blog-articles .card--standard { --color-background: 255, 253, 249; }
.blog-articles .article-card, .blog-articles .card { background: var(--nc-paper); border: 1px solid var(--nc-sand); border-radius: 18px; overflow: hidden; box-shadow: none; }
.blog-articles .card__inner, .blog-articles .card__media, .blog-articles .media { border-radius: 18px 18px 0 0; background: transparent; }
.blog-articles .card__heading a, .blog-articles .card__heading { color: var(--nc-ink); }
.blog-articles .caption, .article-template .caption, .article-card__info, .article-card__footer { color: var(--nc-steel); letter-spacing: .12em; }
.article-template__hero-container img, .article-template__hero-container .media { border-radius: 20px; }
.article-template__back a, .article-template__link { color: var(--nc-navy); }
.article-template .rte p, .article-template .rte li { color: var(--nc-grey); }
.article-template .rte a:not(.button) { color: var(--nc-navy); }
.article-template .rte img { border-radius: 18px; }
.article-template__social-sharing, .article-template__comments { border-top: 1px solid var(--nc-sand); }

/* ---- Suche --------------------------------------------------------------------- */
.template-search h1, .template-search h2 { color: var(--nc-ink); }
.template-search .card-wrapper, .template-search .card--card, .template-search .card--standard { --color-background: 255, 253, 249; }
.template-search .card { background: var(--nc-paper); border: 1px solid var(--nc-sand); border-radius: 18px; overflow: hidden; box-shadow: none; }
.template-search .card__inner, .template-search .card__media, .template-search .media { border-radius: 18px 18px 0 0; background: transparent; }
.template-search .card__heading, .template-search .card__heading a { color: var(--nc-ink); }
.template-search .price, .template-search .price-item { color: var(--nc-ink); }
.template-search .nc-save-badge { background: var(--nc-navy); color: var(--nc-paper); border-radius: 999px; }
.template-search .badge { background: var(--nc-navy); color: var(--nc-paper); border-radius: 999px; border: 0; }
.template-search .field__input { border-radius: 999px; padding-left: 20px; }
.template-search .field::after, .template-search .field::before { border-radius: 999px; }
.template-search .field__button { min-width: 44px; min-height: 44px; }
.template-search .facets__summary, .template-search .facets__label, .template-search .facet-filters__label { color: var(--nc-ink); }
.template-search .pagination__item { border-radius: 999px; min-width: 44px; min-height: 44px; }
.template-search .pagination__item--current { background: var(--nc-navy); color: var(--nc-paper); }

/* ---- 404 ----------------------------------------------------------------------- */
.template-404 .title, .template-404 h1, .template-404 h2 { color: var(--nc-ink); }
.template-404 .button { padding: 12px 36px; }

/* ---- Kunden-Konto (Login, Register, Reset, Aktivierung, Konto, Bestellung, Adressen) --- */
.customer { color: var(--nc-grey); }
.customer h1, .customer h2, .customer h3, .customer .customer__title { color: var(--nc-ink); }
.customer a { color: var(--nc-navy); text-underline-offset: 2px; }
.customer .button { border-radius: 999px; min-height: 48px; padding: 12px 32px; }
.customer .field { margin-bottom: 14px; }
.customer table, .customer .order-history { border-color: var(--nc-sand); }
.customer th, .customer td { border-color: var(--nc-sand); color: var(--nc-grey); }
.customer th { color: var(--nc-ink); font-weight: 500; }
.customer .address, .customer .customer__section { border-radius: 18px; }
.customer .form__message, .customer .form-status { color: var(--nc-ink); }

/* ---- Layout lp (page.lp-*): Kopf/Fuss aus layout/lp.liquid per CSS auf Palette A ---- */
body.template-lp { background: var(--nc-cream); color: var(--nc-grey); }
.lp-header { background: var(--nc-cream); border-bottom: 1px solid var(--nc-sand); }
.lp-logo__text { color: var(--nc-ink); }
.lp-footer { background: var(--nc-ink); color: var(--nc-mist); border-top: 0; }
.lp-footer a { color: var(--nc-paper); display: inline-block; padding: 12px 6px; margin: 0; }

/* ---- Fokus (Gold-Ring, CI) ------------------------------------------------------ */
a:focus-visible, button:focus-visible, summary:focus-visible, .nc-lpb-card:has(:focus-visible) { outline: 3px solid var(--nc-gold); outline-offset: 3px; }

/* ---- Mobil: Button-Pille volle Breite im Hero/Bundle -------------------------- */
@media (max-width: 749px) {
  .nc-lpb__atc { max-width: none; }
  .nc-lph__img, .nc-lps__img { border-radius: 18px; }
}
}
/* Ende RELAUNCH-A r6 */