/*
 * This is a manifest file that'll be compiled into application.css.
 *
 * With Propshaft, assets are served efficiently without preprocessing steps. You can still include
 * application-wide styles in this file, but keep in mind that CSS precedence will follow the standard
 * cascading order, meaning styles declared later in the document or manifest will override earlier ones,
 * depending on specificity.
 *
 * Consider organizing styles into separate files for maintainability.
 */

/* ── Hero navbar: transparent over hero, solid after scroll ── */
nav[data-controller~="hero-navbar"] {
  transition: background-color 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}

nav.nav-hero {
  background-color: transparent !important;
  border-bottom-color: transparent !important;
  box-shadow: none !important;
}

nav.nav-hero .nav-topbar .nav-logo-dark  { color: white !important; }
nav.nav-hero .nav-topbar .nav-logo-accent { color: #bfdbfe !important; } /* blue-200 */

nav.nav-hero .nav-topbar a:not(.nav-btn-solid),
nav.nav-hero .nav-topbar button:not(.nav-btn-solid) {
  color: rgba(255, 255, 255, 0.9) !important;
}

nav.nav-hero .nav-topbar a:not(.nav-btn-solid):hover,
nav.nav-hero .nav-topbar button:not(.nav-btn-solid):hover {
  color: white !important;
  background-color: rgba(255, 255, 255, 0.12) !important;
}

nav.nav-hero .nav-topbar svg {
  color: rgba(255, 255, 255, 0.85) !important;
}

nav.nav-hero .nav-topbar input[type="text"] {
  color: white !important;
  border-bottom-color: rgba(255,255,255,0.6) !important;
}

nav.nav-hero .nav-topbar input[type="text"]::placeholder {
  color: rgba(255,255,255,0.55) !important;
}

/* Mega-menu aberto: nav sempre sólida */
nav.nav-mega-open {
  background-color: white !important;
  border-bottom-color: #e5e7eb !important;
}
nav.nav-mega-open .nav-topbar a:not(.nav-btn-solid),
nav.nav-mega-open .nav-topbar button { color: #374151 !important; }
nav.nav-mega-open .nav-topbar svg  { color: #6b7280 !important; }
nav.nav-mega-open .nav-topbar .nav-logo-dark   { color: #111827 !important; }
nav.nav-mega-open .nav-topbar .nav-logo-accent { color: #2563eb !important; }