/* ============================================================
   ACQUARELLA PASTIFICIO — TEMA ROCKET — custom.css
   ============================================================ */

/* ── Código original do tema (mantido intacto) ── */
body, html { overflow-x: hidden; }
#Installment-Price-main { padding-bottom: 5px; }
.onload-height-100vh { height: 100vh; }
.have-products.engoj-recently-products-container .product-title { overflow: clip !important; }
video { display: block; width: 100%; }
.product-item-v6 .Installment-Price,
.product-item-v7 .Installment-Price,
.product-item-v8 .Installment-Price,
.product-item-v9 .Installment-Price { text-align: center; }
.js_size_prod .Installment-Price { margin-bottom: 0; }
.mobile-only { display: none !important; }

@media screen and (min-width: 992px) {
  body, .testimonial-inner .testimonial-info {
    font-size: var(--body_font_size) !important;
    font-weight: var(--body_font_weight) !important;
  }
  .prod_extended .content-page-detail .detail-info .pd_summary,
  .product_sidebar .content-page-detail .detail-info .pd_summary,
  .tab-content ul li,
  .tab-pd-details .product-desc p { font-size: var(--body_font_size) !important; }
  #header .menu ul .nav-item .nav-link,
  #header .menu ul .nav-item .list-woman .list-clothing ul li a,
  #header .menu ul .nav-item .list-woman.shop .menu_lv2,
  .footer_v1 .top-footer .info_footer ul li a {
    font-size: var(--nav_font_size) !important;
    font-weight: var(--nav_font_weight) !important;
    text-transform: var(--navi_font_transform) !important;
  }
  .title_heading,
  .search-full-destop .search-eveland .drawer-search-top .drawer-search-title {
    font-size: var(--title_heading) !important;
    font-weight: var(--title_heading_font_weight) !important;
    text-transform: var(--title_heading_font_transform) !important;
  }
  .prod_extended .content-page-detail .detail-info .product-title,
  .prod_largeimg .content-page-detail .detail-info .product-title,
  .prod_sticky .content-page-detail .detail-info .product-title,
  .product_sidebar .content-page-detail .detail-info .product-title {
    font-size: var(--title_heading_product_page) !important;
    font-weight: var(--title_heading_font_weight_product_page) !important;
    text-transform: var(--title_heading_font_transform_product_page) !important;
  }
  .prod_extended .content-page-detail .detail-info .product-price ins,
  .product_sidebar .content-page-detail .detail-info .product-price ins,
  #Installment-Price-main {
    font-size: var(--title_price_product_page) !important;
    font-weight: var(--title_price_font_weight_product_page) !important;
  }
  .product-item-v1 .info-product .title-product a {
    font-size: var(--title_heading_product_grid) !important;
    font-weight: var(--title_heading_font_weight_product_grid) !important;
    text-transform: var(--title_heading_font_transform_product_grid) !important;
  }
  .product-item-v1 .info-product .price-product .price,
  .product-item-v2 .price-product .price,
  .product-item-v3 .price-product .price,
  .product-item-v4 .price-product .price,
  .product-item-v6 .price-product .price,
  .product-item-v7 .price-product .price,
  .product-item-v8 .price-product .price,
  .product-item-v9 .price-product .price {
    font-size: var(--title_price_product_grid) !important;
    font-weight: var(--title_price_font_weight_product_grid) !important;
  }
  .sticky_addcart #Installment-Price-main { font-size: 16px !important; }
}

.product-item-v2 .variant-product { display: flex; }
.product-item-v2 .variant-product span,
.product-item-v3 .variant-product span { margin-right: 5px; }
.product-item-v2 .variant-product,
.product-item-v4 .variant-product { position: absolute; top: 10%; }
.product-item-v3 .variant-product { display: flex; position: absolute; bottom: unset; left: 10px; }
.product-item-v3:hover .variant-product { top: 10%; }
.product-item-v9 .variant-product { bottom: 20%; width: 100%; }

@media screen and (max-width: 767px) {
  .mobile-only { display: block !important; }
  .desktop-only { display: none !important; }
  .product-item-v1 .info-product .title-product a {
    font-size: var(--title_heading_product_grid_m) !important;
    font-weight: var(--title_heading_font_weight_product_grid_m) !important;
    text-transform: var(--title_heading_font_transform_product_grid_m) !important;
  }
  .product-item-v1 .info-product .price-product .price,
  .product-item-v2 .price-product .price,
  .product-item-v3 .price-product .price,
  .product-item-v4 .price-product .price,
  .product-item-v6 .price-product .price,
  .product-item-v7 .price-product .price,
  .product-item-v8 .price-product .price,
  .product-item-v9 .price-product .price {
    font-size: var(--title_price_product_grid_m) !important;
    font-weight: var(--title_price_font_weight_product_grid_m) !important;
  }
}


/* ══════════════════════════════════════════════════════════
   1. BORDAS ESTILO CRAVE — produtos em destaque e coleções
   ══════════════════════════════════════════════════════════ */
.product-item-v1 .img-product img,
.product-item-v2 .img-product img,
.product-item-v3 .img-product img,
.product-item-v4 .img-product img,
.product-item-v6 .img-product img,
.product-item-v7 .img-product img,
.product-item-v8 .img-product img,
.product-item-v9 .img-product img {
  border-radius: 12px !important;
  border: 2px solid #7d1b3f !important;
  box-shadow: 4px 4px 0px 0px #7d1b3f !important;
  margin-bottom: 4px !important;
  margin-right: 4px !important;
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
  display: block !important;
}
.product-item-v1:hover .img-product img,
.product-item-v2:hover .img-product img,
.product-item-v3:hover .img-product img,
.product-item-v4:hover .img-product img,
.product-item-v6:hover .img-product img,
.product-item-v7:hover .img-product img,
.product-item-v8:hover .img-product img,
.product-item-v9:hover .img-product img {
  transform: translate(2px, 2px) !important;
  box-shadow: 2px 2px 0px 0px #7d1b3f !important;
}


/* ══════════════════════════════════════════════════════════
   2. DEPOIMENTOS — Lily App
   ══════════════════════════════════════════════════════════ */
.testimonial-inner,
[class*="lily"] [class*="review-card"],
[class*="lily"] [class*="review-item"] {
  border-radius: 12px !important;
  border: 1.5px solid #e6d4d9 !important;
  box-shadow: 3px 3px 0px 0px #7d1b3f !important;
  background: #fff !important;
}
[class*="lily"] [class*="histogram"],
[class*="lily"] [class*="rating-bar"],
[class*="lily"] .progress { display: none !important; }


/* ══════════════════════════════════════════════════════════
   5. CALCULAR FRETE — ocultar
   ══════════════════════════════════════════════════════════ */
#calculate-shipping,
a[data-title="Calcular frete"],
.col-12:has(#calculate-shipping) { display: none !important; }


/* ══════════════════════════════════════════════════════════
   9. DESCRIÇÃO COMPLETA
   ══════════════════════════════════════════════════════════ */
.prod_extended .content-page-detail .detail-info .pd_summary,
.product_sidebar .content-page-detail .detail-info .pd_summary,
.prod_largeimg .content-page-detail .detail-info .pd_summary,
.prod_sticky .content-page-detail .detail-info .pd_summary,
.prod_extended .content-page-detail .detail-info .desc,
.prod_extended .content-page-detail .detail-info .product-desc {
  display: block !important;
  -webkit-line-clamp: unset !important;
  overflow: visible !important;
  max-height: none !important;
}


/* ══════════════════════════════════════════════════════════
   11. COLEÇÕES — imagens uniformes
   ══════════════════════════════════════════════════════════ */
.product-item-v1 .img-product,
.product-item-v2 .img-product,
.product-item-v3 .img-product,
.product-item-v4 .img-product,
.product-item-v6 .img-product,
.product-item-v7 .img-product,
.product-item-v8 .img-product,
.product-item-v9 .img-product {
  overflow: hidden !important;
  height: 260px !important;
}
.product-item-v1 .img-product img,
.product-item-v2 .img-product img,
.product-item-v3 .img-product img,
.product-item-v4 .img-product img,
.product-item-v6 .img-product img,
.product-item-v7 .img-product img,
.product-item-v8 .img-product img,
.product-item-v9 .img-product img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
}


/* ══════════════════════════════════════════════════════════
   16. REDES SOCIAIS — rodapé
   ══════════════════════════════════════════════════════════ */
.footer_v5 .list-icon ul li a,
.footer_v1 .social-footer a,
[class*="footer"] [class*="social"] a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 50% !important;
  border: 1.5px solid currentColor !important;
  margin: 0 3px !important;
  transition: background 0.2s ease, color 0.2s ease !important;
}


/* ══════════════════════════════════════════════════════════
   CARRINHO MOBILE — seletor correto
   O header-v1.liquid usa d-none d-xl-block (só ≥1200px).
   No mobile, o header é renderizado por outro snippet (header-mobile).
   O HTML do site mostra: carrinho está num <a> com classe .cart
   dentro de .mobile_header_right ou similar.
   ══════════════════════════════════════════════════════════ */
@media (max-width: 1199px) {
  /* Garante que o link do carrinho no header mobile apareça */
  .mobile_header_right .cart,
  .header-mobile .cart,
  [class*="mobile"][class*="header"] a.cart,
  [class*="mobile"][class*="header"] a[href*="cart"],
  /* O HTML visto no site mostra um <a> com texto vazio + contador */
  #header-mobile a.cart,
  .toolbar-mobile a.cart {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    align-items: center !important;
    position: relative !important;
  }
  /* Contador de itens */
  .mobile_header_right .cart .js-number-cart,
  .header-mobile .cart .js-number-cart,
  .toolbar-mobile .js-number-cart {
    display: inline-flex !important;
    visibility: visible !important;
  }
}


/* ══════════════════════════════════════════════════════════
   INSTAGRAM — título padronizado com o tema
   Substitua o <h2> simples por:
   <h2 class="title_heading text-center acquarella-section-title">Visite nosso Instagram</h2>
   O CSS abaixo estiliza essa classe.
   ══════════════════════════════════════════════════════════ */
.acquarella-section-title {
  font-size: var(--title_heading, 1.8em) !important;
  font-weight: var(--title_heading_font_weight, 700) !important;
  text-transform: var(--title_heading_font_transform, none) !important;
  color: var(--color_heading, #2d2d2d) !important;
  text-align: center !important;
  margin-bottom: 8px !important;
  display: block !important;
}
/* Linha decorativa embaixo (igual aos títulos de seção do Rocket) */
.acquarella-section-title + .acquarella-section-divider,
.acquarella-section-title::after {
  content: "" !important;
  display: block !important;
  width: 48px !important;
  height: 3px !important;
  background: #7d1b3f !important;
  border-radius: 2px !important;
  margin: 8px auto 24px !important;
}


/* ══════════════════════════════════════════════════════════
   QUEM SOMOS — estilo visual similar ao Shopify/Crave
   ══════════════════════════════════════════════════════════ */
.template-page .content-about,
.template-page .content-pages,
.page-content {
  max-width: 860px !important;
  margin: 0 auto !important;
  padding: 40px 20px !important;
}
/* Imagem com borda estilo Crave */
.template-page .content-about img,
.template-page .content-pages img:not([src*="placeholder"]) {
  border-radius: 12px !important;
  border: 2px solid #7d1b3f !important;
  box-shadow: 4px 4px 0px 0px #7d1b3f !important;
  margin: 20px auto 24px !important;
  display: block !important;
  max-width: 600px !important;
  width: 100% !important;
}
/* Título h1 */
.template-page .content-about h1,
.template-page .content-pages h1 {
  font-size: 2em !important;
  color: #7d1b3f !important;
  padding-bottom: 12px !important;
  border-bottom: 3px solid #7d1b3f !important;
  margin-bottom: 28px !important;
}
/* Parágrafos */
.template-page .content-about p,
.template-page .content-pages p {
  font-size: 15px !important;
  line-height: 1.85 !important;
  color: #333 !important;
  margin-bottom: 18px !important;
}
/* Links */
.template-page .content-about a,
.template-page .content-pages a {
  color: #7d1b3f !important;
  text-decoration: underline !important;
}


/* ══════════════════════════════════════════════════════════
   RODAPÉ — bloco central de dados legais
   O texto estava em preto + pequeno + centralizado verticalmente.
   Corrige: cor branca, tamanho legível, alinhamento com as outras colunas no topo
   ══════════════════════════════════════════════════════════ */
.footer-legal-center {
  color: #ffffff !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
  text-align: left !important;
  align-self: flex-start !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  width: 100% !important;
}
.footer-legal-center p {
  color: #ffffff !important;
  margin: 0 0 2px 0 !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}
.footer-legal-center p:first-child {
  font-weight: 700 !important;
  font-size: 16px !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 2px solid rgba(255,255,255,0.3) !important;
}
.footer-legal-center a {
  color: #ffffff !important;
  text-decoration: none !important;
}
.footer-legal-center a:hover {
  text-decoration: underline !important;
}

/* Sobrescreve a centralização vertical da coluna do meio do footer-v5 */
.footer_v5 .col-lg-4.d-none.d-lg-flex {
  align-items: flex-start !important;
  justify-content: flex-start !important;
  padding-top: 32px !important;
}


/* ══════════════════════════════════════════════════════════
   CARRINHO MOBILE — garantir dimensões corretas do SVG
   ══════════════════════════════════════════════════════════ */
.mobile-cart-link svg {
  width: 22px !important;
  height: 22px !important;
  max-width: 22px !important;
  max-height: 22px !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.mobile-cart-link {
  display: inline-block !important;
  align-items: center !important;
  position: relative !important;
}
.mobile-cart-link .count_pr_incart {
  position: absolute !important;
  top: -6px !important;
  right: -8px !important;
  background: #7d1b3f !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 700 !important;
  min-width: 18px !important;
  height: 18px !important;
  border-radius: 50% !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding: 0 4px !important;
}

/* Fallback caso o SVG injetado pelo admin (398x297) ainda apareça em algum lugar */
.menuright svg,
.menu_moblie svg {
  max-width: 24px !important;
  max-height: 24px !important;
  width: auto !important;
  height: auto !important;
}
.menuright svg[width][height] {
  width: 22px !important;
  height: 22px !important;
}