.elementor-10393 .elementor-element.elementor-element-1438d10 > .elementor-background-overlay{background-color:#FFFFFF;background-image:url("https://dreamsboutique.pt/wp-content/uploads/2025/12/vestidos-de-ceremonia.jpg");background-position:center center;opacity:0.25;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-10393 .elementor-element.elementor-element-1438d10 > .elementor-container{min-height:350px;}.elementor-10393 .elementor-element.elementor-element-1438d10{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-270px;margin-bottom:0px;padding:0px 0px 0px 0px;z-index:20;}.elementor-10393 .elementor-element.elementor-element-f74e96c > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-10393 .elementor-element.elementor-element-21c5413 > .elementor-widget-container{margin:150px 0px 0px 0px;}.elementor-10393 .elementor-element.elementor-element-4d0aef3 > .elementor-background-overlay{background-color:#FFFFFF;opacity:0.2;}.elementor-10393 .elementor-element.elementor-element-4d0aef3 > .elementor-container{max-width:1250px;}.elementor-10393 .elementor-element.elementor-element-4d0aef3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-10393 .elementor-element.elementor-element-248a33a > .elementor-element-populated{margin:0px 10px 0px 10px;--e-column-margin-right:10px;--e-column-margin-left:10px;}.elementor-10393 .elementor-element.elementor-element-bfea1e5{--spacer-size:50px;}@media(min-width:768px){.elementor-10393 .elementor-element.elementor-element-248a33a{width:100%;}}@media(max-width:1024px){.elementor-10393 .elementor-element.elementor-element-1438d10 > .elementor-container{min-height:400px;}}/* Start custom CSS for qode_essential_addons_product_list, class: .elementor-element-a420877 *//* ==========================================================
   DREAMS BOUTIQUE – WIDGET ACESSÓRIOS CABELO
========================================================== */


/* ==========================================================
   0) FILTRO
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-grid-item{
  display: none !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-grid-item.product_cat-acessorios-para-cabelo{
  display: block !important;
}


/* ==========================================================
   1) ESCONDER TÍTULO + BREADCRUMBS
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-m-title.entry-title{
  display: none !important;
}

.qodef-breadcrumbs{
  display: none !important;
}


/* ==========================================================
   2) MOLDURA HOVER (fix layering correto)
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image{
  position: relative !important;
  overflow: visible !important;
  z-index: 1 !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  border: 1px solid #c78665 !important;

  opacity: 0 !important;
  transform: translate(0,0) !important;

  transition: opacity .35s ease, transform .6s cubic-bezier(.4,0,.2,1) !important;

  pointer-events: none !important;
  z-index: 5 !important; /* atrás do overlay e botão */
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-inner:hover .qodef-woo-product-image::after{
  opacity: 1 !important;
  transform: translate(-10px, -10px) !important;
}


/* ==========================================================
   3) OVERLAY + PENA
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner{
  position: absolute !important;
  inset: 0 !important;
  z-index: 3 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  overflow: hidden !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner::before{
  content: "" !important;
  position: absolute !important;

  left: 50% !important;
  top: 52% !important;

  width: 150px !important;
  height: 150px !important;

  background: url("https://ninestudentliving.com/wp-content/uploads/2026/02/pena.svg") no-repeat center !important;
  background-size: contain !important;
  filter: brightness(0) invert(1) !important;

  transform: translate(-50%, -50%) rotate(-8deg);

  opacity: 0 !important;
  z-index: 1 !important;

  pointer-events: none !important;

  transition: opacity .35s ease !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner::after{
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;

  background: rgba(0,0,0,0.25) !important;

  opacity: 0 !important;
  z-index: 2 !important;

  pointer-events: none !important;

  transition: opacity .35s ease !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-inner:hover .qodef-woo-product-image-inner::after{
  opacity: 1 !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-inner:hover .qodef-woo-product-image-inner::before{
  opacity: 1 !important;
  animation: qodefFeatherFloat 3s ease-in-out infinite !important;
}

@keyframes qodefFeatherFloat{
  0%,100% { transform: translate(-50%, -50%) translateY(6px) rotate(-8deg); }
  50%     { transform: translate(-50%, -50%) translateY(-10px) rotate(-6deg); }
}


/* ==========================================================
   4) BOTÃO
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner > a.button{
  position: relative !important;
  z-index: 999 !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  padding: 14px 40px !important;

  border: 1px solid #ffffff !important;
  background: transparent !important;
  color: #ffffff !important;

  text-transform: uppercase !important;
  letter-spacing: .08em !important;
  font-weight: 600 !important;

  overflow: visible !important;

  transition: all .35s ease !important;
}


/* ==========================================================
   5) LOSANGOS (versão correta – sem cruzar, com delay)
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner > a.button::before,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner > a.button::after{
  content: "" !important;
  position: absolute !important;

  width: 5px !important;
  height: 5px !important;

  background: #ffffff !important;

  transform: rotate(45deg) !important;
  pointer-events: none !important;

  transition-property: top, left, transform !important;
  transition-duration: .35s, .35s, .35s !important;
  transition-timing-function: cubic-bezier(.4,0,.2,1) !important;
}

/* início TL */
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner > a.button::before{
  top: -4px !important;
  left: -4px !important;
  transition-delay: .35s, 0s, 0s !important;
}

/* início BR */
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-image-inner > a.button::after{
  top: calc(100% - 1px) !important;
  left: calc(100% - 1px) !important;
  transition-delay: .35s, 0s, 0s !important;
}

/* hover */
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-inner:hover .qodef-woo-product-image-inner > a.button::before{
  left: calc(100% - 1px) !important;
  top: calc(100% - 1px) !important;
  transform: rotate(225deg) !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-inner:hover .qodef-woo-product-image-inner > a.button::after{
  left: -4px !important;
  top: -4px !important;
  transform: rotate(-135deg) !important;
}


/* ==========================================================
   6) TIPOGRAFIA
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-title,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-title a{
  font-family: "Playfair Display", serif !important;
  color: #06445e !important;
  font-weight: 500 !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-price,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-price span{
  font-family: "Playfair Display", serif !important;
  font-weight: 700 !important;
  color: #1799b4 !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-heading{
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
}

/* ==========================================================
   FIX — preço alinhado à esquerda
========================================================== */

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-heading{
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-start !important;
  text-align: left !important;
  gap: 6px !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-title,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-title a,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-price,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-price .price,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-price .amount,
.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-price span{
  text-align: left !important;
}

.elementor-10393 .elementor-element.elementor-element-a420877 .qodef-woo-product-price{
  display: block !important;
  width: 100% !important;
  align-self: flex-start !important;
  justify-content: flex-start !important;
}/* End custom CSS */