/**
 * Navbar marketing (website/inc/header.php): alinhar home vs páginas internas.
 * A home usa home.bundle.css (Bootstrap 5.3 alpha); outras páginas usam /style/bootstrap.min.css.
 * Padding y do .navbar e métricas de .btn diferem entre versões — isto fixa um shell único.
 */

/* Remove padding vertical extra do .navbar para não somar com header { padding: 1.5em 0 } de forma diferente entre BS alpha/stable */
header:not(.white-header) > nav.navbar {
  --bs-navbar-padding-y: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.white-header > nav.navbar {
  --bs-navbar-padding-y: 0;
  padding-top: 0;
  padding-bottom: 0;
}

header > nav.navbar > .container {
  align-items: center;
}

@media (min-width: 992px) {
  header > nav.navbar .navbar-nav {
    align-items: center;
  }

  header > nav.navbar .navbar-nav .nav-link {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
  }

  /* Igual ao .btn-purple em app.home.css / app.min.css — independente da base .btn do Bootstrap */
  header > nav.navbar .navbar-nav .btn.btn-purple {
    padding: 10px 25px;
    font-size: 1rem;
    line-height: 1.25;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.375rem;
    border-radius: 5px;
  }
}

header > nav.navbar .navbar-toggler {
  align-self: center;
}

/**
 * Header branco (ex. /contact): border-top: 3px aumentava a caixa em relação ao header sobre o hero.
 * Faixa roxa só em background — mesmo aspecto, sem deslocar o menu em Y.
 */
header.white-header {
  border-top: none !important;
  background: linear-gradient(#a03eea, #a03eea) top / 100% 3px no-repeat, #fff;
  box-shadow: 0 10px 60px 0 rgba(38, 45, 118, 0.08);
}

/* Dropdown "Users": mesmo tamanho que #navbarNav ul li a — .dropdown-item do Bootstrap costuma ficar maior */
header #navbarNav .dropdown-menu {
  --bs-dropdown-font-size: 1.25rem;
  --bs-dropdown-padding-y: 0.35rem;
  padding-top: 0.35rem;
  padding-bottom: 0.35rem;
  font-size: 1.25rem;
}

header #navbarNav .dropdown-menu .dropdown-item {
  font-family: 'Nunito', sans-serif;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.3;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  header #navbarNav .dropdown-menu {
    --bs-dropdown-font-size: 17px;
    font-size: 17px;
  }
  header #navbarNav .dropdown-menu .dropdown-item {
    font-size: 17px;
  }
}
