/* Favorito Delivery — Build 473
   AJUSTES ISOLADOS SOMENTE DA NOVA HOME DA LOJA DO CLIENTE.
   Não altera a Home principal do Marketplace. */

/* =========================================================
   1. DETALHES: mapa abre logo abaixo do botão Localização.
   O botão Formas de pagamento permanece abaixo.
   ========================================================= */
body.marketplace-store-pwa-embedded[data-market-page="loja"] .fav470-details-overview{
  gap:12px!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] .fav470-details-overview > .fav473-inline-location{
  width:100%!important;
  margin:-2px 0 2px!important;
  padding:0!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] .fav470-details-overview > .fav473-inline-location[hidden]{
  display:none!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] .fav470-details-overview > .fav473-inline-location .fav470-location-address{
  margin:0 0 10px!important;
  border:1px solid #edf0f3!important;
  box-shadow:none!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] .fav470-details-overview > .fav473-inline-location .fav470-map-frame{
  height:min(38vh,300px)!important;
  border-radius:16px!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] [data-fav473-location-toggle][aria-expanded="true"] > svg:last-child{
  transform:rotate(90deg)!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] [data-fav473-location-toggle] > svg:last-child{
  transition:transform .18s ease!important;
}

/* =========================================================
   2. CATEGORIAS DA LOJA:
   todas brancas; somente a clicada recebe a cor da loja.
   Classes automáticas de rolagem não pintam a categoria.
   ========================================================= */
body.marketplace-store-pwa-embedded[data-market-page="loja"] .store-catalog-tabs a,
body.marketplace-store-pwa-embedded[data-market-page="loja"] .store-catalog-tabs a.is-current,
body.marketplace-store-pwa-embedded[data-market-page="loja"] .store-catalog-tabs a.active,
body.marketplace-store-pwa-embedded[data-market-page="loja"] .store-catalog-tabs a[aria-current="true"]{
  background:#fff!important;
  color:#344054!important;
  border-color:#eceff3!important;
  box-shadow:0 2px 8px rgba(15,23,42,.05)!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] .store-catalog-tabs a[data-fav473-selected="1"]{
  background:var(--store-brand-primary,var(--color-primary))!important;
  color:#fff!important;
  border-color:var(--store-brand-primary,var(--color-primary))!important;
}

/* =========================================================
   3. NOME DA EMPRESA NA BARRA AO ROLAR.
   Usa a barra compacta que já existe no sistema; não cria outra.
   O JS controla a entrada progressiva e depois mantém a barra fixa.
   ========================================================= */
body.marketplace-store-pwa-embedded[data-market-page="loja"] .market-store-context-bar{
  will-change:transform,opacity!important;
  transition:none!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"] .market-store-context-identity>strong{
  transition:opacity .08s linear!important;
}
body.marketplace-store-pwa-embedded[data-market-page="loja"].fav473-context-active .market-store-context-bar{
  pointer-events:auto!important;
}

@media(max-width:620px){
  body.marketplace-store-pwa-embedded[data-market-page="loja"] .fav470-details-overview > .fav473-inline-location .fav470-map-frame{
    height:260px!important;
  }
}
