/* ==========================================================================
   IYS — Navy header variant
   Loaded AFTER components.css; overrides only the header. Everything below
   the header is untouched, so both index files share one design system.
   ========================================================================== */

:root{
  /* Silver drawn from the master logo artwork's mid-gradient stop. */
  --nav-silver:#C7CDD6;
  --nav-silver-dim:#9AA5B3;
  --nav-navy:#001026;
}

/* ---------- Shell ---------- */
.site-header{
  background:var(--nav-navy);
  /* Gold hairline, same accent the active item uses. */
  border-bottom:1px solid rgba(201,162,75,0.45);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.site-header.is-scrolled{
  background:var(--nav-navy);
  box-shadow:0 4px 24px rgba(0,0,0,0.35);
}

/* ---------- Wordmark: "International" silver, "Yacht Services" white ---------- */
.wordmark--nav{ color:var(--nav-silver); }
.wordmark--nav .wordmark__tail{ color:var(--white); }

/* ---------- Links ---------- */
.nav-links a{ color:var(--nav-silver); }
.nav-links a:hover{
  color:var(--white);
  background:rgba(255,255,255,0.07);
}
.nav-links a.is-active{
  color:var(--white);
  background:rgba(255,255,255,0.07);
  /* Gold underline kept exactly as on the light header. */
  box-shadow:inset 0 -2px 0 var(--gold);
}

/* ---------- Actions ---------- */
/* The navy primary button would vanish on a navy bar — gold reads instead,
   and matches the hero's leading CTA. */
.navbar > .btn--primary{
  background:var(--gold);
  color:var(--navy-deep);
}
.navbar > .btn--primary:hover{ background:var(--gold-light); }

.nav-toggle{ color:var(--nav-silver); }
.nav-toggle:hover{ background:rgba(255,255,255,0.07); color:var(--white); }

/* ---------- Mobile drawer ---------- */
@media (max-width:1080px){
  .nav-links{
    background:var(--nav-navy);
    border-bottom:1px solid rgba(201,162,75,0.45);
    box-shadow:0 12px 28px rgba(0,0,0,0.4);
  }
  .nav-links a{ border-bottom:1px solid rgba(255,255,255,0.09); }
}