/* ==========================================================================
   Área Restrita (dropdown no header) — replicado do tema CASJ.
   Arquivo separado do main.min.css (compilado do SCSS, cujas fontes não
   ficam no tema) pra não se perder numa recompilação.

   Cor de destaque: vermelho CSH (#BE1F24), o mesmo do .nav-link.active e
   do .dropdown-item:hover do main.min.css (no CASJ era o azul do tema).

   Tamanho: no CASJ o botão tem 16px/padding 20px nas telas largas, mas lá
   o header vai até 1600px. Aqui o .container-xxl do header para em 1320px
   em qualquer tela, e logo + menu (16px) + botão + menu social só cabem
   nessa largura com o botão na versão compacta do CASJ (13px, a mesma da
   faixa "apertada" dele) e o afastamento logo → menu reduzido pra 24px
   (ms-xl-2 no <ul> do menu, ver header.php).
   ========================================================================== */

.site-header__restrita {
  flex-shrink: 0;
  border: 1px solid #000;
  border-radius: 100px;
  padding: 10px 14px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 13px;
  color: #000;
  text-decoration: none;
  white-space: nowrap;
  /* Reset do <button> nativo (o dropdown Bootstrap usa <button>, o
     fallback sem menu associado usa <a> — mesma classe pros dois). */
  background: none;
  cursor: pointer;
}
.site-header__restrita:hover,
.site-header__restrita.show {
  background: #BE1F24;
  border-color: #BE1F24;
  color: #fff;
}
.site-header__restrita.dropdown-toggle::after {
  margin-left: 8px;
  vertical-align: 2px;
}

.site-header__restrita-wrap,
a.site-header__restrita { flex-shrink: 0; margin-left: 16px; }
/* O botão fica dentro do .navbar, então o Bootstrap posiciona o menu sem
   Popper (data-bs-popper="static") e o afastamento vem de
   --bs-dropdown-spacer, não de margin-top (sobreposto pela regra
   .dropdown-menu[data-bs-popper] do Bootstrap). */
.site-header__restrita-menu {
  --bs-dropdown-spacer: 10px;
  padding: 8px;
  border: 0;
  border-radius: 12px;
  box-shadow: 0 12px 32px rgba(11, 25, 44, .12);
}
.site-header__restrita-menu .dropdown-item {
  border-radius: 8px;
  padding: 10px 14px;
  font-family: "Poppins", sans-serif;
  font-size: 15px;
  color: #000;
}
.site-header__restrita-menu .dropdown-item:hover,
.site-header__restrita-menu .dropdown-item:focus,
.site-header__restrita-menu .dropdown-item.active {
  background: #BE1F24;
  color: #fff;
}

/* Botão da Área Restrita no mobile — ícone de pessoa (em vez do hamburguer,
   pra diferenciar visualmente do menu principal) na borda esquerda do
   header, no lugar da div vazia que centralizava o logo (mesma largura de
   54px do .navbar-toggler, pra o logo continuar centralizado). Branco como
   o ícone do hamburguer, sobre o azul do header mobile. */
.site-header__restrita-toggle {
  display: none;
  align-items: center;
  justify-content: center;
  width: 54px;
  height: 40px;
  padding: 0;
  background: none;
  border: 0;
  flex-shrink: 0;
  color: #fff;
}
.site-header__restrita-toggle svg { width: 26px; height: 26px; }

/* Painel da Área Restrita no mobile (offcanvas à esquerda) — mesma largura,
   cabeçalho (logo + fechar) e ritmo de espaçamento do painel do menu
   principal (#mainMenu, à direita; .navbar-nav .nav-link no mobile). */
.site-header__restrita-offcanvas.offcanvas-start { border-right: 0; }
.site-header__restrita-offcanvas-title {
  margin: 15px 15px 0;
  padding: 0 10px;
  font-weight: 700;
  font-size: 12px;
  letter-spacing: .5px;
  color: #19437E;
}
/* flex-column como o .navbar-nav do menu principal — sem ele as margens
   verticais dos links colapsam e o espaçamento fica menor que o de lá. */
.site-header__restrita-offcanvas-list { display: flex; flex-direction: column; list-style: none; margin: 0; padding: 0; }
.site-header__restrita-offcanvas-list .dropdown-item {
  display: flex;
  align-items: center;
  width: max-content;
  max-width: calc(100% - 30px);
  min-height: 39px;
  margin: 15px;
  padding: 10px;
  border-radius: 30px;
  font-weight: 600;
  font-size: .9rem;
  color: #000;
  white-space: normal;
}
.site-header__restrita-offcanvas-list .dropdown-item:hover,
.site-header__restrita-offcanvas-list .dropdown-item:focus,
.site-header__restrita-offcanvas-list .dropdown-item.active {
  background: #BE1F24;
  color: #fff;
}

/* Mobile: igual ao CASJ, abaixo do breakpoint desktop some o botão
   "ÁREA RESTRITA" e aparece o ícone de pessoa. No CSH o limiar é 1280px
   (xl customizado do Bootstrap compilado) — o mesmo do navbar-expand-xl do
   menu e do d-xl-flex do menu social. */
@media (max-width: 1279.98px) {
  .site-header__restrita,
  .site-header__restrita-wrap { display: none; }
  .site-header__restrita-toggle { display: flex; }
}
/* Entre 1280 e 1366px o container fica mais estreito que 1320px e o menu
   não cabe — como no CASJ, reduz a fonte dos links pra 13px (e aqui também
   o padding lateral). De 1366px pra cima o menu fica como no layout. */
@media (min-width: 1280px) and (max-width: 1365.98px) {
  .site-header .navbar-nav .nav-link { font-size: 13px; padding-left: 14px; padding-right: 14px; }
}