/* ================================================
   MBW Loop Cards — estilos permanentes
   Seletores baseados nos post IDs dos templates:
   Card Padrão  = .elementor-165
   Card Featured = .elementor-166
   Estes IDs nunca mudam, independente de edições.
================================================ */

/* Header: contém o marquee do promo bar (evita overflow-x em todas as páginas) */
.elementor-119 .elementor-element-mbw-promo {
  overflow: hidden !important;
}

/* ══════════════════════════════════════
   CARD PADRÃO — Template 165
══════════════════════════════════════ */

.elementor-165 > .e-con {
  background: rgba(45,27,78,0.45) !important;
  border: 1px solid rgba(201,168,76,0.22) !important;
  border-radius: 4px !important;
  position: relative !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: border-color 260ms ease, transform 260ms ease, box-shadow 260ms ease !important;
}
.elementor-165 > .e-con:hover {
  border-color: rgba(201,168,76,0.5) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 36px rgba(0,0,0,0.38) !important;
}
.elementor-165 > .e-con:active {
  transform: scale(0.99) !important;
  transition-duration: 80ms !important;
}

/* Imagem */
.elementor-165 .elementor-widget-image {
  background: #2D1B4E;
}
.elementor-165 .elementor-widget-image img {
  width: 100%; height: 100%;
  object-fit: cover; display: block;
}

/* Título */
.elementor-165 .elementor-heading-title {
  font-family: 'Raleway', sans-serif !important;
  font-size: 13.5px !important;
  font-weight: 700 !important;
  color: #F5F0FF !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.7em !important;
  margin: 0 !important;
}

/* Preço — sem desconto */
.elementor-165 .price > .amount {
  color: #C9A84C !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
}
/* Preço — com desconto */
.elementor-165 .price ins,
.elementor-165 .price ins .amount {
  color: #C9A84C !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 17px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}
.elementor-165 .price del,
.elementor-165 .price del .amount {
  color: rgba(245,240,255,0.28) !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* Botão */
.elementor-165 a.button,
.elementor-165 button.button {
  background: linear-gradient(135deg, #A8872E 0%, #C9A84C 50%, #E0BB5A 100%) !important;
  color: #110820 !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 700 !important;
  font-size: 10.5px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 10px 16px !important;
  border-radius: 4px !important;
  border: none !important;
  white-space: nowrap !important;
  transition: box-shadow 200ms ease, transform 160ms ease !important;
}
.elementor-165 a.button:hover,
.elementor-165 button.button:hover {
  box-shadow: 0 2px 18px rgba(201,168,76,0.38) !important;
  transform: translateY(-1px) !important;
}
.elementor-165 a.button:active,
.elementor-165 button.button:active {
  transform: scale(0.97) translateY(1px) !important;
}


/* ══════════════════════════════════════
   CARD FEATURED — Template 166
══════════════════════════════════════ */

.elementor-166 > .e-con {
  background: rgba(45,27,78,0.45) !important;
  border: 1px solid rgba(201,168,76,0.22) !important;
  border-radius: 4px !important;
  position: relative !important;
  cursor: pointer !important;
  overflow: hidden !important;
  transition: border-color 260ms ease, transform 260ms ease, box-shadow 260ms ease !important;
}
.elementor-166 > .e-con:hover {
  border-color: rgba(201,168,76,0.5) !important;
  transform: translateY(-4px) !important;
  box-shadow: 0 10px 36px rgba(0,0,0,0.38) !important;
}
.elementor-166 > .e-con:active {
  transform: scale(0.99) !important;
  transition-duration: 80ms !important;
}

/* Galeria */
.elementor-166 .woocommerce-product-gallery {
  background: #2D1B4E !important;
  aspect-ratio: 3 / 4 !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
  position: relative !important;
  opacity: 1 !important;
}
/* O wrapper empilha todas as imagens — ancoramos ele ao container */
.elementor-166 .woocommerce-product-gallery__wrapper {
  position: absolute !important;
  inset: 0 !important;
  display: flex !important;
  flex-direction: column !important;
}
/* Cada slide ocupa 100% da altura do container */
.elementor-166 .woocommerce-product-gallery__image {
  width: 100% !important;
  height: 100% !important;
  flex-shrink: 0 !important;
}
.elementor-166 .woocommerce-product-gallery__image a {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}
.elementor-166 .woocommerce-product-gallery img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 20px !important;
  display: block !important;
  box-sizing: border-box !important;
}
.elementor-166 .woocommerce-product-gallery__trigger,
.elementor-166 .flex-control-thumbs {
  display: none !important;
}

/* Rating */
.elementor-166 .woocommerce-product-rating {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  margin: 0 !important;
}
.elementor-166 .star-rating {
  color: #C9A84C !important;
  font-size: 11px !important;
  letter-spacing: 1px !important;
}
.elementor-166 .woocommerce-review-link {
  font-family: 'Raleway', sans-serif !important;
  font-size: 10.5px !important;
  color: rgba(245,240,255,0.35) !important;
  text-decoration: none !important;
}

/* Título */
.elementor-166 .elementor-heading-title,
.elementor-166 h1.product_title,
.elementor-166 h2.product_title {
  font-family: 'Cinzel', serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #F5F0FF !important;
  line-height: 1.2 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  min-height: 2.5em !important;
  margin: 0 !important;
}

/* Descrição curta */
.elementor-166 .woocommerce-product-details__short-description p {
  font-family: 'Lora', serif !important;
  font-size: 12px !important;
  font-style: italic !important;
  color: rgba(245,240,255,0.5) !important;
  line-height: 1.6 !important;
  margin: 0 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

/* Preço */
.elementor-166 .price {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
}
.elementor-166 .price > .amount {
  color: #C9A84C !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
}
.elementor-166 .price ins,
.elementor-166 .price ins .amount {
  color: #C9A84C !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  line-height: 1 !important;
}
.elementor-166 .price del,
.elementor-166 .price del .amount {
  color: rgba(245,240,255,0.28) !important;
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
}

/* Estoque */
.elementor-166 p.stock.in-stock    { display: none !important; }
.elementor-166 p.stock.out-of-stock {
  font-family: 'Raleway', sans-serif !important;
  font-size: 10px !important;
  font-weight: 600 !important;
  color: #E08080 !important;
  margin: 0 !important;
}
.elementor-166 p.stock.available-on-backorder {
  font-family: 'Raleway', sans-serif !important;
  font-size: 10px !important;
  color: #E0BB5A !important;
  margin: 0 !important;
}

/* Botão */
.elementor-166 a.button,
.elementor-166 button.button {
  background: linear-gradient(135deg, #A8872E 0%, #C9A84C 50%, #E0BB5A 100%) !important;
  color: #110820 !important;
  font-family: 'Raleway', sans-serif !important;
  font-weight: 700 !important;
  font-size: 11px !important;
  letter-spacing: 0.16em !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  border-radius: 4px !important;
  border: none !important;
  white-space: nowrap !important;
  transition: box-shadow 200ms ease, transform 160ms ease !important;
}
.elementor-166 a.button:hover,
.elementor-166 button.button:hover {
  box-shadow: 0 2px 18px rgba(201,168,76,0.38) !important;
  transform: translateY(-1px) !important;
}
.elementor-166 a.button:active,
.elementor-166 button.button:active {
  transform: scale(0.97) translateY(1px) !important;
}

/* ================================================
   MBW Header — post 119
   Promo bar marquee + header bar refinements
   ================================================ */

/* Marquee animation */
@keyframes mbw-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}

.mbw-promo-track {
  display: flex;
  gap: 0;
  width: max-content;
  animation: mbw-marquee 32s linear infinite;
  will-change: transform;
}

.mbw-promo-item {
  display: inline-block;
  font-family: 'Raleway', sans-serif;
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: 0.08em;
  color: #1A0E2E;
  white-space: nowrap;
  padding: 0 48px;
}

.mbw-promo-item::before {
  content: '\2605';
  margin-right: 10px;
  opacity: 0.6;
  font-size: 9px;
  vertical-align: middle;
}

/* Header Icons — força largura automática, remove --width:100% gerado pelo Elementor */
.elementor-119 .elementor-element-mbw-icons {
  width: auto !important;
  --width: auto !important;
  flex-shrink: 0 !important;
  flex-grow: 0 !important;
}

/* Header bar — icon glow on hover */
.elementor-119 .elementor-icon:hover i,
.elementor-119 .elementor-icon:hover svg {
  filter: drop-shadow(0 0 8px rgba(201,168,76,0.55));
  transition: filter 0.2s ease;
}

/* Nav active state gold underline */
.elementor-119 .elementor-nav-menu .current-menu-item > a,
.elementor-119 .elementor-nav-menu .current-menu-ancestor > a {
  color: #C9A84C !important;
  border-bottom: 2px solid #C9A84C;
  padding-bottom: 2px;
}

/* Cart badge gold */
.elementor-119 .elementor-menu-cart__toggle .elementor-button-icon .e-font-icon-svg,
.elementor-119 .elementor-menu-cart__toggle_button .cart-icon {
  color: rgba(245,240,255,0.65);
  transition: color 0.2s ease;
}
.elementor-119 .elementor-menu-cart__toggle:hover .elementor-button-icon .e-font-icon-svg,
.elementor-119 .elementor-menu-cart__toggle_button:hover .cart-icon {
  color: #C9A84C;
}
.elementor-119 .elementor-menu-cart__toggle .elementor-button-text {
  display: none;
}

/* Dropdown submenu */
.elementor-119 .elementor-nav-menu .sub-menu {
  background: rgba(26,14,46,0.97) !important;
  border: 1px solid rgba(201,168,76,0.25) !important;
  border-radius: 6px !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  padding: 6px 0 !important;
  min-width: 200px !important;
}

.elementor-119 .elementor-nav-menu .sub-menu a {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: none !important;
  color: rgba(245,240,255,0.75) !important;
  padding: 9px 20px !important;
  transition: color 0.15s ease, background 0.15s ease !important;
}

.elementor-119 .elementor-nav-menu .sub-menu a:hover {
  color: #C9A84C !important;
  background: rgba(201,168,76,0.08) !important;
}


.elementor-119 .elementor-nav-menu--main .elementor-item,
.elementor-119 .elementor-nav-menu--main a.elementor-item {
  font-family: 'Raleway', sans-serif !important;
  font-size: 11px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  color: rgba(245,240,255,0.65) !important;
  padding: 0 16px !important;
  transition: color 0.2s ease !important;
}

.elementor-119 .elementor-nav-menu--main .elementor-item:hover,
.elementor-119 .elementor-nav-menu--main a.elementor-item:hover,
.elementor-119 .elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-119 .elementor-nav-menu--main a.elementor-item.elementor-item-active {
  color: #C9A84C !important;
}

/* Mobile: hide nav + icons, keep logo */
@media (max-width: 767px) {
  .elementor-119 .elementor-nav-menu--main,
  .elementor-119 .elementor-element-mbw-icons {
    display: none !important;
  }
}

/* ================================================
   BENTO CATEGORIAS — mbw-s4 — Hover Zoom
   Técnica: ::after como camada de imagem escalável;
   ::before (overlay Elementor) e conteúdo ficam estáticos.
   isolation: isolate cria stacking context local para z-index -1.
================================================ */

.elementor-element-mbw-s4-l,
.elementor-element-mbw-s4-r1,
.elementor-element-mbw-s4-r2,
.elementor-element-72bea3e,
.elementor-element-23155b7 {
  overflow: hidden !important;
  isolation: isolate;
  cursor: pointer;
  border: 1px solid rgba(201,168,76,0.22) !important;
  transition: border-color 260ms ease !important;
}

/* Remove bg-image do elemento — ::after assume a função de exibi-la */
.elementor-element-mbw-s4-l:not(.elementor-motion-effects-element-type-background),
.elementor-element-mbw-s4-r2:not(.elementor-motion-effects-element-type-background),
.elementor-element-72bea3e:not(.elementor-motion-effects-element-type-background),
.elementor-element-23155b7:not(.elementor-motion-effects-element-type-background) {
  background-image: none !important;
}

/* Camada de imagem escalável — z-index:-1 a coloca atrás do ::before overlay e do conteúdo */
.elementor-element-mbw-s4-l::after,
.elementor-element-mbw-s4-r2::after,
.elementor-element-72bea3e::after,
.elementor-element-23155b7::after {
  content: '';
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  transition: transform 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transform-origin: center;
  z-index: -1;
}

.elementor-element-mbw-s4-l::after {
  background-image: url('https://lojateste.aurorastudioweb.com/wp-content/uploads/2026/06/S62671d662c36453586d2d5b7a75db6a2G.webp');
}
.elementor-element-mbw-s4-r2::after {
  background-image: url('https://lojateste.aurorastudioweb.com/wp-content/uploads/2026/06/S47b3536fd5eb41d0a6ce52ccf24cb117C.webp');
}
.elementor-element-72bea3e::after {
  background-image: url('https://lojateste.aurorastudioweb.com/wp-content/uploads/2026/06/Sd424c9751a9246a49e6104f964b3b6feS.webp');
}
.elementor-element-23155b7::after {
  background-image: url('https://lojateste.aurorastudioweb.com/wp-content/uploads/2026/06/S58c1a48a4b8b4b2d84f902800d66e2aaj.webp');
}

/* Hover: borda ilumina + zoom da imagem (apenas dispositivos com mouse) */
@media (hover:hover) and (pointer:fine) {
  .elementor-element-mbw-s4-l:hover,
  .elementor-element-mbw-s4-r2:hover,
  .elementor-element-72bea3e:hover,
  .elementor-element-23155b7:hover {
    border-color: rgba(201,168,76,0.55) !important;
  }
  .elementor-element-mbw-s4-l:hover::after,
  .elementor-element-mbw-s4-r2:hover::after,
  .elementor-element-72bea3e:hover::after,
  .elementor-element-23155b7:hover::after {
    transform: scale(1.06);
  }
}

/* Press / clique físico */
.elementor-element-mbw-s4-l:active,
.elementor-element-mbw-s4-r1:active,
.elementor-element-mbw-s4-r2:active,
.elementor-element-72bea3e:active,
.elementor-element-23155b7:active {
  transform: scale(0.98) !important;
  transition-duration: 80ms !important;
}