/* ============================================================
   HEADER TRANSPARENT — overlay header on hero
   ============================================================
   Loaded only on front page. To revert:
   1. Remove is_front_page() conditional in header.php (line 18)
   2. Remove enqueue in functions.php
   3. Delete this file
   ============================================================ */

/* ── Base: transparent state (before scroll) ── */
.site-header.is-transparent {
  background: transparent;
}

.site-header.is-transparent .top-bar {
  background: var(--dark-bg-alt);
}

.site-header.is-transparent .main-nav {
  background: transparent;
  border-bottom-color: rgba(255, 255, 255, 0.1);
}

/* ── Text colors on dark hero ── */
.site-header.is-transparent .top-bar__link {
  color: rgba(255, 255, 255, 0.6);
}
.site-header.is-transparent .top-bar__link:hover {
  color: #fff;
}

.site-header.is-transparent .top-bar__separator {
  background: rgba(255, 255, 255, 0.2);
}

.site-header.is-transparent .top-bar__contact-item {
  color: rgba(255, 255, 255, 0.7);
}
.site-header.is-transparent .top-bar__contact-item:hover {
  color: var(--accent-light);
}

.site-header.is-transparent .nav-links__link,
.site-header.is-transparent .nav-links__trigger {
  color: rgba(255, 255, 255, 0.85);
}
.site-header.is-transparent .nav-links__link:hover,
.site-header.is-transparent .nav-links__link:focus-visible,
.site-header.is-transparent .nav-links__trigger:hover,
.site-header.is-transparent .nav-links__trigger:focus-visible,
.site-header.is-transparent .nav-links__trigger[aria-expanded="true"] {
  color: #fff;
}

/* ── Theme toggle ── */
.site-header.is-transparent .theme-toggle svg {
  stroke: rgba(255, 255, 255, 0.85);
}
.site-header.is-transparent .theme-toggle:hover svg {
  stroke: #fff;
}

/* ── Hamburger ── */
.site-header.is-transparent .nav-hamburger span {
  background: #fff;
}

/* ── Emergency CTA — keep solid for contrast ── */
.site-header.is-transparent .nav-emergency-cta {
  background: rgba(255, 255, 255, 0.12);
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.site-header.is-transparent .nav-emergency-cta:hover {
  background: rgba(255, 255, 255, 0.2);
}

/* ============================================================
   SCROLLED STATE — revert to solid
   ============================================================ */
.site-header.is-transparent.is-scrolled .top-bar {
  background: var(--dark-bg-alt);
}

.site-header.is-transparent.is-scrolled .main-nav {
  background: var(--bg-elevated);
  border-bottom-color: var(--bg-tertiary);
}

.site-header.is-transparent.is-scrolled .top-bar__link {
  color: var(--dark-text-muted);
}
.site-header.is-transparent.is-scrolled .top-bar__link:hover {
  color: var(--dark-text);
}

.site-header.is-transparent.is-scrolled .top-bar__separator {
  background: var(--dark-border);
}

.site-header.is-transparent.is-scrolled .top-bar__contact-item {
  color: var(--dark-text-secondary);
}
.site-header.is-transparent.is-scrolled .top-bar__contact-item:hover {
  color: var(--accent-light);
}

.site-header.is-transparent.is-scrolled .nav-links__link,
.site-header.is-transparent.is-scrolled .nav-links__trigger {
  color: var(--text-secondary);
}
.site-header.is-transparent.is-scrolled .nav-links__link:hover,
.site-header.is-transparent.is-scrolled .nav-links__link:focus-visible,
.site-header.is-transparent.is-scrolled .nav-links__trigger:hover,
.site-header.is-transparent.is-scrolled .nav-links__trigger:focus-visible,
.site-header.is-transparent.is-scrolled .nav-links__trigger[aria-expanded="true"] {
  color: var(--text-primary);
}

.site-header.is-transparent.is-scrolled .theme-toggle svg {
  stroke: var(--text-secondary);
}
.site-header.is-transparent.is-scrolled .theme-toggle:hover svg {
  stroke: var(--text-primary);
}

.site-header.is-transparent.is-scrolled .nav-hamburger span {
  background: var(--text-primary);
}

.site-header.is-transparent.is-scrolled .nav-emergency-cta {
  background: var(--emergency-bg);
  color: var(--emergency-text);
  border: none;
}
.site-header.is-transparent.is-scrolled .nav-emergency-cta:hover {
  background: #1a1a1a;
}

/* ── Smooth transitions ── */
.site-header.is-transparent .top-bar,
.site-header.is-transparent .main-nav,
.site-header.is-transparent .top-bar__link,
.site-header.is-transparent .top-bar__separator,
.site-header.is-transparent .top-bar__contact-item,
.site-header.is-transparent .nav-links__link,
.site-header.is-transparent .nav-links__trigger,
.site-header.is-transparent .theme-toggle svg,
.site-header.is-transparent .nav-hamburger span,
.site-header.is-transparent .nav-emergency-cta {
  transition-duration: 0.35s;
  transition-timing-function: ease;
}