/* V44 — ribbon responsiva coerente com o tema claro da Home. */

/* Entre desktop e mobile há espaço suficiente para manter a CTA,
   pois a navegação pública possui apenas Minha Conta. */
@media (min-width: 881px) and (max-width: 940px) {
  .experience-v15 .site-header .menu-toggle {
    display: none !important;
  }

  .experience-v15 .site-header .site-nav {
    position: static !important;
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    gap: 18px !important;
    margin-left: auto !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  .experience-v15 .site-header .site-nav > a {
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  .experience-v15 .site-header .header-action {
    display: inline-flex !important;
  }
}

/* Mobile real: elimina os resíduos visuais do antigo tema escuro. */
@media (max-width: 880px) {
  html[data-theme="light"] .experience-v15 .site-header .menu-toggle {
    display: block;
    margin-left: auto;
    background: #f8fafc !important;
    border: 1px solid #cfd9e5 !important;
    box-shadow: none !important;
  }

  html[data-theme="light"] .experience-v15 .site-header .menu-toggle:hover,
  html[data-theme="light"] .experience-v15 .site-header .menu-toggle:focus-visible {
    background: #eef4fb !important;
    border-color: #9fb6d2 !important;
  }

  html[data-theme="light"] .experience-v15 .site-header .menu-toggle > span:not(.sr-only) {
    background: #24344a !important;
  }

  html[data-theme="light"] .experience-v15 .site-header .site-nav {
    background: rgba(248,250,253,.985) !important;
    border-bottom: 1px solid #d6e0ea !important;
    box-shadow: 0 18px 38px rgba(44,64,91,.10) !important;
  }

  html[data-theme="light"] .experience-v15 .site-header .site-nav > a {
    color: #34465e !important;
    background: transparent !important;
    border-bottom: 1px solid #dfe7ef !important;
  }

  html[data-theme="light"] .experience-v15 .site-header .site-nav > a:hover,
  html[data-theme="light"] .experience-v15 .site-header .site-nav > a:focus-visible,
  html[data-theme="light"] .experience-v15 .site-header .site-nav > a.is-active {
    color: #142033 !important;
    background: #eef4fb !important;
  }
}