/*
Theme Name: NutritiousDr
Theme URI: https://www.nutritiousdr.com
Description: Custom child theme for NutritiousDr — functional clinical nutrition for women. Built on Hello Elementor. Houses the brand color tokens, editorial typography (Playfair Display + Lato — Brand Guide v2), and accessibility scaffolding. Visual layout lives in the Elementor Global Kit; this theme provides site-wide tokens + a11y. © AJD Digital Solutions.
Author: AJD Digital Solutions
Author URI: https://ajddigitalsolutions.com
Template: hello-elementor
Version: 1.0.21
Requires at least: 6.0
Requires PHP: 8.0
License: Proprietary — client deliverable
Text Domain: nutritiousdr
*/

/* ============================================================
   BRAND COLOR TOKENS  (Brand Guide v2 — CLIENT, authoritative)
   Mirrored into the Elementor Global Kit; kept here so
   schema-driven / non-Elementor markup stays on-brand too.
   Token NAMES preserved for back-compat; values map to v2.
   ============================================================ */
:root{
  --ndr-rose:#D9A38F;      --ndr-rose-d:#C0876F;   --ndr-dusty:#E3B6A4;   /* Rose Clay family */
  --ndr-tangerine:#E76F51; --ndr-teal:#6FC5C5;     --ndr-teal-d:#5F8F89;  /* Coral Bloom · Aqua · Sage Teal */
  --ndr-sage:#5F8F89;      --ndr-gold:#E9C46A;     --ndr-ink:#374151;     /* Sage Teal · Golden Marigold · Charcoal */
  --ndr-soft:#8C8278;      --ndr-cream:#F8F6F3;    --ndr-cream2:#E8DCCF;  /* muted taupe · Warm Cream · Soft Sand */
  --ndr-blush:#F2E7E2;     --ndr-line:#E5DBCA;
  --ndr-medblue:#5B8DB8;   --ndr-aqua:#6FC5C5;     --ndr-beigegray:#BDB6AC; /* v2 accents */
  --ndr-serif:'Playfair Display', Georgia, 'Times New Roman', serif;
  --ndr-sans:'Lato', 'Segoe UI', -apple-system, Helvetica, Arial, sans-serif;
}

/* Base typography fallback (Elementor Global Fonts drive the live design) */
body{
  font-family:var(--ndr-sans);
  color:var(--ndr-ink);
  background:var(--ndr-cream);
  line-height:1.65;
}
h1,h2,h3,h4{ font-family:var(--ndr-serif); line-height:1.14; letter-spacing:.2px; }

/* ============================================================
   ACCESSIBILITY — skip link + sr-only (AUDXY: usability/agentic)
   ============================================================ */
.screen-reader-text{
  position:absolute !important; width:1px; height:1px; padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0;
}
.skip-link:focus{
  position:fixed; top:8px; left:8px; z-index:100000; width:auto; height:auto;
  clip:auto; clip-path:none; padding:12px 20px; border-radius:0 0 8px 0;
  background:var(--ndr-rose); color:#fff; font-family:var(--ndr-sans);
  font-weight:800; text-decoration:none;
}

/* Visible focus ring for keyboard users (a11y) */
a:focus-visible, button:focus-visible,
input:focus-visible, textarea:focus-visible, select:focus-visible{
  outline:3px solid var(--ndr-teal-d); outline-offset:2px;
}

/* Dual-color wordmark helper (legacy text logo): <span class="ndr-logo">Nutritious<b>Dr</b></span> */
.ndr-logo{ font-family:var(--ndr-serif); font-weight:700; letter-spacing:.5px; color:var(--ndr-rose); }
.ndr-logo b{ color:var(--ndr-teal-d); font-weight:700; }

/* Header logo image (client wordmark PNG): 44px desktop, 38px mobile. */
.ndr-logo-img{ height:44px; width:auto; max-width:100%; display:block; }
@media (max-width:767px){ .ndr-logo-img{ height:38px; } }

/* Footer nav links — enforce AA on the charcoal footer regardless of inherited
   kit link color (a Connect-menu item computed sage #5F8F89 = 2.83:1, WCAG fail). */
.elementor-element-69806be .elementor-nav-menu a.elementor-item{ color:#AEB4BB !important; }
.elementor-element-69806be .elementor-nav-menu a.elementor-item:hover,
.elementor-element-69806be .elementor-nav-menu a.elementor-item:focus{ color:#FFFFFF !important; }