/*
 * Shared Weekend Racing public header theme.
 * Works with: pub-site-header.css + pub-mobile-nav.css + pub-dynamic-header.js
 */

.pub-site-header {
  border-bottom-color: rgba(255, 107, 44, 0.22) !important;
}

@media (max-width: 768px) {
  .pub-site-header.pub-nav-stack-header {
    border-color: rgba(255, 107, 44, 0.28) !important;
    background: rgba(8, 14, 22, 0.94) !important;
    box-shadow:
      0 0 0 1px rgba(255, 107, 44, 0.06),
      0 12px 40px rgba(0, 0, 0, 0.5) !important;
  }
}

.pub-site-header--home {
  border-bottom-color: rgba(255, 107, 44, 0.28) !important;
}

@media (max-width: 768px) {
  .pub-site-header--home {
    border-color: rgba(255, 107, 44, 0.32) !important;
    background: rgba(8, 14, 22, 0.94) !important;
    box-shadow:
      0 0 0 1px rgba(255, 107, 44, 0.08),
      0 12px 40px rgba(0, 0, 0, 0.5) !important;
  }
}

.pub-site-header h1 {
  text-shadow: 0 0 48px rgba(255, 107, 44, 0.15);
}

.pub-site-header h1 .lucide,
.pub-site-header h1 span {
  color: #ff6b2c;
}

.pub-site-badge {
  color: #ff6b2c;
  border-color: rgba(255, 107, 44, 0.42);
  background: linear-gradient(180deg, rgba(255, 107, 44, 0.12), rgba(0, 0, 0, 0.15));
}

.pub-lang-toggle {
  text-decoration: none;
  font-weight: 800;
  letter-spacing: 0.06em;
  min-width: 2.25rem;
  text-align: center;
}

.pub-lang-toggle:hover,
.pub-lang-toggle:focus-visible {
  background: rgba(255, 107, 44, 0.2);
  border-color: rgba(255, 107, 44, 0.62);
}

.pub-site-nav a {
  color: #ff6b2c;
  border-color: rgba(255, 107, 44, 0.35);
  background: rgba(0, 0, 0, 0.22);
}

.pub-site-nav a:hover,
.pub-site-nav a:focus-visible {
  background: rgba(255, 107, 44, 0.12);
  border-color: rgba(255, 107, 44, 0.5);
}

.pub-site-nav a:focus-visible {
  outline-color: #ff6b2c;
}

.pub-site-nav a[aria-current="page"] {
  border-color: rgba(240, 244, 248, 0.35);
  background: rgba(255, 255, 255, 0.06);
}

.pub-site-header .link-back {
  color: #ff6b2c;
  border-color: rgba(255, 107, 44, 0.38);
}

.pub-site-header .link-back:hover,
.pub-site-header .link-back:focus-visible {
  background: rgba(255, 107, 44, 0.1);
  border-color: rgba(255, 107, 44, 0.5);
}

.pub-site-header .link-back:focus-visible {
  outline-color: #ff6b2c;
}

.pub-nav-toggle {
  border-color: rgba(255, 107, 44, 0.42);
  color: #ff6b2c;
}

.pub-nav-toggle:hover {
  background: rgba(255, 107, 44, 0.12);
  border-color: rgba(255, 107, 44, 0.55);
}

.pub-nav-toggle:focus-visible {
  outline-color: #ff6b2c;
}

@media (max-width: 768px) {
  #site-nav-links.is-open {
    border-top-color: rgba(255, 107, 44, 0.22);
  }
}