/* Current Cabinetry — "Gallery · Sage" theme.
   Overrides the design tokens defined in ndp-portal.css. Loaded only when the
   active brand is Current Cabinetry (enqueued after the base stylesheet), so
   Novellux is never affected. All portal color/type comes from these tokens. */
:root {
    --ndp-dark:   #2c2622;  /* charcoal — dark surfaces, headings, buttons  */
    --ndp-mid:    #574d43;  /* body text                                    */
    --ndp-muted:  #9a9186;  /* greige — captions, meta                      */
    --ndp-rule:   #d8cfc0;  /* stone — stronger borders/inputs              */
    --ndp-rule-lt:#e7e1d7;  /* linen — light hairlines                      */
    --ndp-gold:   #5c7a55;  /* sage-deep — the accent (links, marks, active)*/
    --ndp-gold-lt:#7d9b76;  /* sage — softer accent / subtext               */
    --ndp-cream:  #faf8f4;  /* paper — page ground                          */
    --ndp-warm:   #f4f1ea;  /* soft warm ground (auth pages)                */
    --ndp-serif:  'Playfair Display', Georgia, 'Times New Roman', serif;
    --ndp-sans:   'Archivo', ui-sans-serif, system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}

/* The cc-theme site header (#head) is NOT sticky/fixed — it scrolls away. The base
   stylesheet sticks the portal nav at top:76px (assuming a fixed 76px site header),
   which leaves a 76px gap above the bar where the page shows through as you scroll.
   Pin it to the very top instead. */
.ndp-portal-nav { top: 0; }

/* ── Customer-portal chrome (pre-go-live 2026) ─────────────────────────────
   On portal pages, hide the public website header entirely — only the portal
   nav shows at the top. */
body.ndp-portal-page .cc-head { display: none !important; }
body.ndp-portal-page #main,
body.ndp-portal-page main { padding-top: 0; }
/* The site header is hidden on portal pages, so the content no longer needs to
   clear it — the 76px header-clearance padding would otherwise be dead space
   between the portal nav and the page. */
body.ndp-portal-page .ndp-portal__content { padding-top: 0; }
body.ndp-portal-page .ndp-portal-nav { top: 0; }

/* Slightly larger, more legible portal menu names — but keep them on one line. */
.ndp-portal-nav__links a { font-size: 11px; letter-spacing: 1px; padding: 0 13px; white-space: nowrap; }

/* "‹ Back to website" — muted, set apart from the section links. */
.ndp-portal-nav__links .ndp-nav-back { color: #8a8780; font-weight: 600; }
.ndp-portal-nav__links .ndp-nav-back:hover { color: #5c7a55; }

/* Dashboard hero: logo top-right, no redundant name/discount line. */
.ndp-dash-hero { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; }
.ndp-dash-hero__logo { height: 46px; width: auto; margin-left: auto; }