/* ═══════════════════════════════════════════════════════════════════
   Voya Indis Co. — voya-partials.css
   Supports voya-partials.js. Include on every page (after voya-a11y.css).
   ═══════════════════════════════════════════════════════════════════ */

/* ── Skip-to-content link ────────────────────────────────────────────
   Visually hidden until it receives keyboard focus, then jumps to the
   top-left corner above the nav so keyboard/screen-reader users can
   bypass the repeated nav on every page load. */
.skip-link {
  position: absolute;
  top: -60px;
  left: 12px;
  z-index: 10000;
  background: #1c1a18;
  color: #b8935a;
  font-family: 'Jost', sans-serif;
  font-size: 0.78rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  text-decoration: none;
  padding: 12px 20px;
  border: 1px solid rgba(184,147,90,0.5);
  border-radius: 2px;
  transition: top 0.2s ease;
}
.skip-link:focus {
  top: 12px;
}

/* ── Active nav-link state (applied by voya-partials.js) ─────────────
   Only about.html and gallery.html previously defined this; centralising
   it here means it now works consistently everywhere voya-partials.js
   runs, without needing to touch every page's own inline <style> block. */
nav ul li a.active,
.nav-mobile-menu a.active {
  color: var(--gold, #b8935a);
}

/* ── Products dropdown menu (auto-extracted by dedupe_css.py — 
   identical across all 11 pages, including index.html) ──────────── */
.nav-dropdown { position: relative; overflow: visible; }
.nav-dropdown-toggle { cursor: pointer; }
.nav-dropdown-menu {
      display: none;
      position: absolute;
      top: 70px; left: 0;
      background: rgba(20,18,16,0.98);
      border: 1px solid rgba(184,147,90,0.2);
      border-top: 2px solid var(--gold);
      min-width: 210px;
      z-index: 300;
      box-shadow: 0 12px 40px rgba(0,0,0,0.5);
    }
.nav-dropdown-menu a {
      display: block;
      height: auto !important;
      padding: 13px 20px !important;
      color: rgba(255,255,255,0.6);
      text-decoration: none;
      font-size: 0.68rem;
      letter-spacing: 0.12em;
      text-transform: uppercase;
      border-bottom: 1px solid rgba(184,147,90,0.08);
      transition: color 0.2s, background 0.2s;
      line-height: 1.4 !important;
    }
.nav-dropdown-menu a:last-child { border-bottom: none; }
.nav-dropdown-menu a:hover { color: var(--gold); background: rgba(184,147,90,0.06); }