/* =========================================================
   MULTILOJAS PRO — Estilos ADICIONAIS dos 3 modelos visuais de loja
   (Vitrine Premium / Fashion Elegance / Tech Store Modern)
   ---------------------------------------------------------
   IMPORTANTE: estes 3 modelos são SOMENTE cores/estilo — a estrutura e o
   funcionamento da loja são sempre os do modelo Clássico (Padrão): mesmos
   botões, mesmo carrinho/checkout, mesmas seções. As cores de cada modelo
   já são aplicadas via STORE_LAYOUTS[key].colors (js/core-v10.js), então
   este arquivo só acrescenta pequenos detalhes DECORATIVOS (arredondado das
   categorias, contorno do banner) — nunca componentes ou botões novos.
   Lojas com layout_loja='classico' (padrão, todas as lojas já existentes)
   não usam nenhuma classe daqui.
   ========================================================= */

/* Categorias em foto circular — mesmo elemento de sempre, só arredondado
   nos 3 modelos visuais (no Clássico, a foto de categoria já é exibida
   normalmente, sem esse arredondamento extra). */
.cat-circle-img{
  width:100%;height:100%;object-fit:cover;border-radius:50%;
}
body.layout-vitrine-premium .category-icon,
body.layout-fashion-elegance .category-icon,
body.layout-tech-store-modern .category-icon{
  border-radius:50%;overflow:hidden;
}
body.layout-fashion-elegance .category-icon{border:2px solid var(--primary);}

/* Contador regressivo real de promoção — visual igual em qualquer modelo;
   só é inserido no DOM quando a loja tem um prazo real configurado
   (stores.promo_prazo_fim); nunca aparece de forma decorativa/falsa. */
.promo-countdown{
  display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;
  padding:6px 12px;border-radius:20px;margin:0 0 10px;background:rgba(255,184,0,.14);
  color:var(--primary);border:1px solid rgba(255,184,0,.35);
}

/* Ajustes finos puramente decorativos por identidade de modelo (mantém a
   mesma estrutura de loja.html — só reforça pequenos detalhes visuais) */
body.layout-fashion-elegance .banner-main{border:1px solid rgba(212,175,55,.35);}
body.layout-vitrine-premium .btn-gold{background:linear-gradient(135deg,#111,#333);color:#fff;}