/**
 * Fondo global del sitio público (no admin).
 * Imagen: variable --site-bg-image (configuración admin → img/fondo/fondo.webp)
 */
body.site-public {
  position: relative;
  isolation: isolate;
  background: transparent !important;
}

body.site-public::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-color: var(--color-background, #fcfcf9);
  background-image: var(--site-bg-image, url('/img/fondo/fondo.webp'));
  background-repeat: repeat;
  background-position: top left;
  background-size: auto;
}

/* Login / registro / recuperar: sin wallpaper del sitio */
body.site-public.page-auth {
  background: var(--color-brand-gold, #B9984B) !important;
  background-color: var(--color-brand-gold, #B9984B) !important;
}

body.site-public.page-auth::before {
  display: none !important;
  content: none !important;
  background-image: none !important;
}

/* Cabecera superior estilo chincha.pe – barra granate */
body.site-public > header.site-header {
  background: var(--color-header-topbar-bg, var(--color-brand-primary)) !important;
  background-color: var(--color-header-topbar-bg, var(--color-brand-primary)) !important;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
  padding: 0 !important;
}

body.site-public > header.site-header .top-bar {
  background: var(--color-brand-primary-dark, #901010);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

@media (max-width: 1024px) {
  body.site-public > header.site-header {
    padding: 0 !important;
  }
}

@media (max-width: 600px) {
  body.site-public > header.site-header {
    padding: 0 !important;
  }
}

body.site-public > header.site-header .hamburger {
  background: rgba(255, 255, 255, 0.12);
  border: 1px solid rgba(255, 255, 255, 0.4);
  box-shadow: none;
}

body.site-public > header.site-header .hamburger span {
  background: #ffffff;
}

body.site-public > header.site-header .cart-header-total {
  color: #ffffff;
}

body.site-public > header.site-header .header-credito-badge {
  color: #065f46;
}

body.site-public > header.site-header .btn-cart-header-pill {
  background: rgba(255, 255, 255, 0.12);
  border-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}

/* Títulos de sección sobre fondo de imagen (sin panel propio) */
body.site-public .section-header,
body.site-public .catalogo-header,
body.site-public .catalogo-toolbar,
body.site-public .product-detail-block,
body.site-public .product-breadcrumb-block,
body.site-public .checkout-panel-block,
body.site-public .titulo-ganadores-top {
  background: #ffffff;
  background-color: #ffffff;
  padding: 12px 16px;
  border-radius: var(--radius-card, 12px);
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.06);
  box-sizing: border-box;
}

body.site-public .home-section .section-header {
  width: 100%;
  box-sizing: border-box;
}

body.site-public .catalogo-toolbar {
  padding: 16px;
}

body.site-public .product-detail-block {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid var(--color-border-light, #e5e7eb);
}

body.site-public .product-breadcrumb-block {
  width: 100%;
  margin-bottom: 16px;
  box-sizing: border-box;
}

body.site-public nav.product-breadcrumb,
body.site-public .product-breadcrumb-block nav.product-breadcrumb {
  background: #ffffff !important;
  background-color: #ffffff !important;
}

body.site-public .titulo-ganadores-top {
  padding: 8px 12px;
}

/* Icono referencial al inicio de títulos (color marca rojo) */
body.site-public .section-title,
body.site-public .module-section-title,
body.site-public .titulo-ganadores-top {
  display: inline-flex;
  align-items: center;
  gap: 10px;
}

body.site-public .section-title::before,
body.site-public .module-section-title::before,
body.site-public .titulo-ganadores-top::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  color: var(--color-brand-red, #c7425b);
  font-size: 1em;
  line-height: 1;
  flex-shrink: 0;
}

body.site-public .section-title--icon-nuevo::before { content: "\f49e"; }
body.site-public .section-title--icon-categoria::before { content: "\f5fd"; }
body.site-public .section-title--icon-destacado::before { content: "\f005"; }
body.site-public .module-section-title--catalogo::before,
body.site-public #similares-heading::before { content: "\f290"; }
body.site-public .module-section-title--ofertas::before { content: "\f295"; }
body.site-public .module-section-title--carrito::before { content: "\f07a"; }
body.site-public .module-section-title--pedido-envio::before { content: "\f1d8"; }
body.site-public .module-section-title--checkout-cliente::before { content: "\f2bd"; }
body.site-public .module-section-title--checkout-tienda::before { content: "\f54e"; }
body.site-public .module-section-title--checkout-entrega::before { content: "\f0d1"; }
body.site-public .module-section-title--pedido-resumen::before { content: "\f543"; }
body.site-public .module-section-title--eventos::before,
body.site-public .module-section-title--eventos-recientes::before { content: "\f073"; }
body.site-public .module-section-title--sorteos::before { content: "\f145"; }
body.site-public .module-section-title--contacto::before { content: "\f0e0"; }
body.site-public .titulo-ganadores-top::before { content: "\f091"; }

body.site-public .evt-landing-banner .module-section-title {
  color: #ffffff;
}

/* Contenedores de página: transparentes para ver el fondo */
body.site-public > main,
body.site-public main,
body.site-public .home-hero,
body.site-public .catalogo-section,
body.site-public .product-section,
body.site-public .product-section--ficha,
body.site-public .catalogo-section--similares-fullwidth,
body.site-public main.user-panel,
body.site-public .user-panel {
  background: transparent !important;
  background-color: transparent !important;
}