/*
 * DEV-638 - subconjunto CRITICO de soulmkt/customerlocale/style.css.
 *
 * Recorte: so as regras de VISIBILIDADE dos elementos que o header renderiza
 * (header.phtml:154 tem <div class="localization localization--mb-only">, e o
 * #handle_location aparece nos templates de header). Sao regras que ESCONDEM
 * elemento: sem elas no primeiro paint o bloco aparece e some quando o CSS
 * chega - pisca no topo da pagina.
 *
 * O resto do style.css (#modalLocation, popover, autocomplete) e pos-interacao
 * e vai deferido. Regenerar com o mesmo criterio se as regras de
 * #handle_location ou .localization mudarem no style.css.
 */
#handle_location {
  display: block !important;
}

.localization.localization--mb-only {
  display: none;
}

@media (width > 770px) {
  #handle_location {
    display: inline-block !important;
  }
}

@media (width <= 770px) {
  .rootmenu-list > li#handle_location {
    display: none !important;
  }

  .localization.localization--mb-only {
    display: block;
    padding: 0.75rem 1rem;
  }

  .localization.localization--mb-only #handle_location {
    display: inline-block !important;
    font-weight: 500;
  }

  *:has(.fundo-mm) ~ .popover {
    display: none !important;
  }
}