@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//danivinas.com.br/wp-content/themes/woodmart/fonts/woodmart-font-2-400.woff2?v=8.4.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//danivinas.com.br/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Nunito Sans", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 16px;
	--wd-title-font: "Caveat", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 600;
	--wd-title-transform: none;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: var(--wd-text-font);
	--wd-widget-title-font: "Lexend", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 500;
	--wd-widget-title-transform: none;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Cabin", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 500;
	--wd-header-el-transform: none;
	--wd-header-el-font-size: 16px;
	--wd-brd-radius: 18px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(74,120,184);
	--wd-alternative-color: rgb(123,46,58);
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(34,71,204);
	--btn-accented-bgcolor-hover: rgb(31,64,185);
	--btn-accented-color: rgb(129,215,66);
	--btn-transform: none;
	--wd-form-brd-width: 1px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 500px;
	--wd-popup-padding: 10px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(247,243,240);
	background-image: none;
}
html .wd-nav-mobile > li > a {
	text-transform: none;
}
.page :is(.wd-page-content, .whb-header) {
	background-color: rgb(247,244,241);
	background-image: none;
}
html .btn.wd-buy-now-btn {
	background: rgb(160,194,105);
}
html .btn.wd-buy-now-btn:hover {
	background: rgb(131,172,43);
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-brd-color: rgb(233,233,233);
	--wd-form-brd-color-focus: rgb(74,120,184);
	--wd-form-bg: rgb(255,255,255);
}
.product-labels .product-label.onsale {
	background-color: rgb(126,164,222);
	color: rgb(0,0,0);
}
.product-labels .product-label.new {
	background-color: rgb(171,186,129);
	color: rgb(0,0,0);
}
.product-labels .product-label.featured {
	background-color: rgb(227,162,141);
	color: rgb(0,0,0);
}
.product-labels .product-label.out-of-stock {
	background-color: rgb(255,0,0);
	color: rgb(0,0,0);
}
.product-labels .product-label.attribute-label:not(.label-with-img) {
	background-color: rgb(117,117,117);
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 768.98px) {
	:root {
		--wd-text-font-size: -2px;
	}

}
:root{
--wd-container-w: 1422px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 35px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-accented-brd-radius: 5px;
--btn-accented-box-shadow: none;
--btn-accented-box-shadow-hover: none;
}

@media (min-width: 1422px) {
section.elementor-section.wd-section-stretch > .elementor-container {
margin-left: auto;
margin-right: auto;
}
}


.wd-page-title {
background-color: rgb(247,243,240);
}

/*
 * ============================================================
 *  DANI VIÑAS — CUTE PARTY STORE
 *  CSS Customizado para Woodmart + WooCommerce
 *  Cole em: Aparência > Personalizar > CSS Adicional
 *  ou em: Woodmart > Configurações > CSS Personalizado
 * ============================================================
 */

/* ──────────────────────────────────────────
   1. GOOGLE FONTS
   Cole no <head> do seu tema via functions.php
   ou em Woodmart > HTML no head:

   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link href="https://fonts.googleapis.com/css2?family=Pacifico&family=Nunito:wght@400;600;700&display=swap" rel="stylesheet">
────────────────────────────────────────── */

/* ──────────────────────────────────────────
   2. VARIÁVEIS GLOBAIS
────────────────────────────────────────── */
:root {
  --dv-azul:        #4A78B8;
  --dv-azul-hover:  #3a61a0;
  --dv-azul-claro:  #DCE6F5;
  --dv-vinho:       #7B2E3A;
  --dv-rosa:        #D89AC3;
  --dv-rosa-claro:  #fdf7fa;
  --dv-amarelo:     #F4D35E;
  --dv-mint:        #BEE3D0;
  --dv-lilas:       #CDB4DB;
  --dv-branco:      #FAFAFA;
  --dv-radius:      18px;
  --dv-radius-btn:  999px;
  --dv-font-titulo: 'Pacifico', cursive;
  --dv-font-corpo:  'Nunito', sans-serif;
}

/* ──────────────────────────────────────────
   3. BASE / TIPOGRAFIA
────────────────────────────────────────── */
body {
  font-family: var(--dv-font-corpo) !important;
  background-color: var(--dv-branco) !important;
}

h1, h2, h3,
.woodmart-title,
.entry-title,
.woocommerce-loop-product__title {
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
}

/* Títulos de seção com Pacifico */
.woodmart-title.style-underline,
.site-header .header-logo,
.widget-title,
.products-title,
.woocommerce-products-header__title {
  font-family: var(--dv-font-titulo) !important;
}

/* ──────────────────────────────────────────
   4. TOP BAR
────────────────────────────────────────── */
.woodmart-top-bar,
.top-bar-wrap {
  background-color: var(--dv-vinho) !important;
  color: #fff !important;
  font-size: 11px !important;
  font-family: var(--dv-font-corpo) !important;
  letter-spacing: 0.3px;
}

.woodmart-top-bar a,
.top-bar-wrap a {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* ──────────────────────────────────────────
   5. HEADER
────────────────────────────────────────── */
.woodmart-header,
.whb-header,
.site-header {
  background-color: #fff !important;
  border-bottom: 1px solid #eee !important;
  box-shadow: 0 1px 6px rgba(74, 120, 184, 0.08) !important;
}

/* Logo */
.woodmart-header .logo img,
.whb-header .logo img {
  max-height: 60px !important;
}

/* Sticky header */
.woodmart-sticky-header,
.whb-sticky .site-header {
  background: #fff !important;
  box-shadow: 0 2px 12px rgba(74, 120, 184, 0.12) !important;
}

/* ──────────────────────────────────────────
   6. NAVEGAÇÃO / MENU
────────────────────────────────────────── */
.main-nav .menu > li > a,
.woodmart-navigation .menu > li > a {
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #444 !important;
  letter-spacing: 0.2px;
  padding: 8px 14px !important;
}

.main-nav .menu > li > a:hover,
.woodmart-navigation .menu > li > a:hover {
  color: var(--dv-azul) !important;
}

.main-nav .menu > li.current-menu-item > a,
.main-nav .menu > li.current-menu-parent > a {
  color: var(--dv-azul) !important;
  border-bottom: 2px solid var(--dv-azul);
}

/* Badge "Promoções" no menu */
.main-nav .menu > li.menu-item-promocoes > a {
  background: var(--dv-rosa) !important;
  color: var(--dv-vinho) !important;
  border-radius: var(--dv-radius-btn) !important;
  padding: 6px 14px !important;
}

/* Dropdown */
.main-nav .menu .sub-menu,
.woodmart-navigation .menu .sub-menu {
  border-radius: var(--dv-radius) !important;
  border: 1px solid var(--dv-azul-claro) !important;
  box-shadow: 0 8px 24px rgba(74, 120, 184, 0.12) !important;
}

.main-nav .menu .sub-menu li a {
  font-family: var(--dv-font-corpo) !important;
  font-size: 12px !important;
}

/* ──────────────────────────────────────────
   7. BUSCA
────────────────────────────────────────── */
.woodmart-search-form input[type="search"],
.search-field {
  border-radius: var(--dv-radius-btn) !important;
  border: 1px solid var(--dv-azul-claro) !important;
  font-family: var(--dv-font-corpo) !important;
}

.woodmart-search-form button,
.search-submit {
  background: var(--dv-azul) !important;
  color: #fff !important;
  border-radius: var(--dv-radius-btn) !important;
}

/* ──────────────────────────────────────────
   8. BOTÕES GLOBAIS
────────────────────────────────────────── */
.button,
.btn,
.woodmart-btn,
input[type="submit"],
button[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce .wc-proceed-to-checkout .button {
  background-color: var(--dv-azul) !important;
  color: #fff !important;
  border: none !important;
  border-radius: var(--dv-radius-btn) !important;
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  letter-spacing: 0.2px;
  padding: 10px 24px !important;
  transition: background 0.2s, transform 0.15s !important;
  box-shadow: 0 2px 8px rgba(74, 120, 184, 0.18) !important;
}

.button:hover,
.btn:hover,
.woodmart-btn:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover {
  background-color: var(--dv-azul-hover) !important;
  color: #fff !important;
  transform: translateY(-1px);
}

/* Botão outline/secundário */
.button.outline,
.btn-outline,
.woocommerce a.button.alt {
  background: transparent !important;
  color: var(--dv-vinho) !important;
  border: 2px solid var(--dv-vinho) !important;
}

.button.outline:hover,
.woocommerce a.button.alt:hover {
  background: var(--dv-vinho) !important;
  color: #fff !important;
}

/* ──────────────────────────────────────────
   9. CARDS DE PRODUTO (vitrine)
────────────────────────────────────────── */
.product-inner,
.woodmart-product-slide,
ul.products li.product .product-inner {
  border-radius: var(--dv-radius) !important;
  border: 1px solid #EAEAEA !important;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s !important;
  background: #fff !important;
}

ul.products li.product .product-inner:hover {
  box-shadow: 0 4px 20px rgba(74, 120, 184, 0.14) !important;
  transform: translateY(-3px) !important;
}

/* Imagem do produto */
ul.products li.product .product-image-wrap {
  background: #f0f5fc !important;
}

/* Nome do produto */
.woocommerce-loop-product__title,
ul.products li.product h2 {
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  color: #333 !important;
}

/* Preço */
.price,
.woocommerce-Price-amount,
ul.products li.product .price {
  color: var(--dv-azul) !important;
  font-weight: 700 !important;
  font-size: 26px !important;
  font-family: var(--dv-font-corpo) !important;
}

/* Preço riscado */
del .woocommerce-Price-amount {
  color: #aaa !important;
  font-size: 13px !important;
}

/* Badge "Novo" / "Mais Vendido" */
.onsale,
.woodmart-label {
  background: var(--dv-rosa) !important;
  color: var(--dv-vinho) !important;
  border-radius: var(--dv-radius-btn) !important;
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  font-size: 10px !important;
  padding: 3px 10px !important;
}

/* Wishlist / coração */
.woodmart-wishlist-btn,
.tinvwl_add_to_wishlist_button {
  color: var(--dv-rosa) !important;
}

/* Botão "Comprar" no card */
ul.products li.product .button {
  width: auto !important;
  margin: 0 auto 10px !important;
  display: block !important;
}

/* ──────────────────────────────────────────
   10. PÁGINA DE PRODUTO INDIVIDUAL
────────────────────────────────────────── */

/* Galeria */
.woocommerce div.product .woocommerce-product-gallery__image {
  border-radius: var(--dv-radius) !important;
  border: 1px solid var(--dv-azul-claro) !important;
  overflow: hidden;
}

/* Thumbnails da galeria */
.woocommerce-product-gallery__thumbs .swiper-slide {
  border-radius: 10px !important;
  border: 2px solid transparent !important;
  overflow: hidden;
}

.woocommerce-product-gallery__thumbs .swiper-slide.active,
.woocommerce-product-gallery__thumbs .swiper-slide:hover {
  border-color: var(--dv-azul) !important;
}

/* Título do produto */
.woocommerce div.product .product_title {
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  font-size: 24px !important;
  color: #333 !important;
}

/* Preço individual */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: var(--dv-azul) !important;
  font-size: 28px !important;
  font-weight: 700 !important;
}

/* Bloco emocional personalizado */
.dv-bloco-emocional {
  background: var(--dv-rosa-claro);
  border-left: 4px solid var(--dv-rosa);
  border-radius: 0 var(--dv-radius) var(--dv-radius) 0;
  padding: 14px 18px;
  margin: 16px 0;
  font-size: 13px;
  color: var(--dv-vinho);
  font-style: italic;
}

/* Prazo de produção */
.dv-prazo {
  background: var(--dv-azul-claro);
  border-radius: var(--dv-radius);
  padding: 10px 16px;
  font-size: 12px;
  color: var(--dv-azul);
  font-weight: 700;
  margin: 12px 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

/* Variações */
.woocommerce div.product form.cart .variations label {
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  color: #444 !important;
}

/* Botão principal do produto */
.woocommerce div.product form.cart .single_add_to_cart_button {
  border-radius: var(--dv-radius-btn) !important;
  background: var(--dv-azul) !important;
  font-size: 15px !important;
  padding: 13px 32px !important;
  width: 100%;
}

/* Botão WhatsApp no produto */
.dv-btn-whatsapp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #25D366 !important;
  color: #fff !important;
  border-radius: var(--dv-radius-btn) !important;
  padding: 12px 24px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-decoration: none;
  margin-top: 10px;
  transition: background 0.2s;
  font-family: var(--dv-font-corpo) !important;
}

.dv-btn-whatsapp:hover {
  background: #1da851 !important;
  color: #fff !important;
}

/* ──────────────────────────────────────────
   11. ABAS DE PRODUTO (Descrição/Reviews)
────────────────────────────────────────── */
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  color: #555 !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
  color: var(--dv-azul) !important;
  border-bottom: 2px solid var(--dv-azul) !important;
}

/* ──────────────────────────────────────────
   12. ESTRELAS / REVIEWS
────────────────────────────────────────── */
.star-rating span::before,
.woocommerce .star-rating span::before {
  color: var(--dv-amarelo) !important;
}

/* ──────────────────────────────────────────
   13. SEÇÕES DA HOME (Elementor)
────────────────────────────────────────── */

/* Fundo listrado (use na classe da seção: .dv-listras) */
.dv-listras {
  background-image: repeating-linear-gradient(
    to right,
    #DCE6F5 0px, #DCE6F5 20px,
    #fff 20px, #fff 44px
  ) !important;
}

/* Divisor vinho */
.dv-divisor {
  height: 4px;
  background: var(--dv-vinho);
  width: 100%;
}

/* Card de categoria */
.dv-card-categoria {
  border-radius: var(--dv-radius) !important;
  border: 1px solid var(--dv-azul-claro) !important;
  overflow: hidden;
  transition: box-shadow 0.2s, transform 0.2s;
  background: #fff;
}

.dv-card-categoria:hover {
  box-shadow: 0 4px 20px rgba(74, 120, 184, 0.14) !important;
  transform: translateY(-3px);
}

/* Título de seção */
.dv-titulo-secao {
  font-family: var(--dv-font-titulo) !important;
  color: var(--dv-azul) !important;
  font-size: 28px !important;
}

/* ──────────────────────────────────────────
   14. MINI CART LATERAL
────────────────────────────────────────── */
.woodmart-side-cart {
  border-radius: var(--dv-radius) 0 0 var(--dv-radius) !important;
}

.woodmart-side-cart .woodmart-cart-title {
  font-family: var(--dv-font-titulo) !important;
  color: var(--dv-azul) !important;
}

.woodmart-side-cart .wc-proceed-to-checkout a {
  border-radius: var(--dv-radius-btn) !important;
  background: var(--dv-azul) !important;
}

/* ──────────────────────────────────────────
   15. PAGINAÇÃO DA LOJA
────────────────────────────────────────── */
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  border-radius: var(--dv-radius-btn) !important;
  font-family: var(--dv-font-corpo) !important;
  color: var(--dv-azul) !important;
  border: 1px solid var(--dv-azul-claro) !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current {
  background: var(--dv-azul) !important;
  color: #fff !important;
  border-color: var(--dv-azul) !important;
}

/* ──────────────────────────────────────────
   16. FORMULÁRIOS (Checkout / Conta)
────────────────────────────────────────── */
.woocommerce form input[type="text"],
.woocommerce form input[type="email"],
.woocommerce form input[type="tel"],
.woocommerce form input[type="password"],
.woocommerce form textarea,
.woocommerce form select {
  border-radius: var(--dv-radius) !important;
  border: 1px solid var(--dv-azul-claro) !important;
  font-family: var(--dv-font-corpo) !important;
  transition: border-color 0.2s !important;
}

.woocommerce form input:focus,
.woocommerce form textarea:focus {
  border-color: var(--dv-azul) !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(74, 120, 184, 0.1) !important;
}

/* ──────────────────────────────────────────
   17. FOOTER
────────────────────────────────────────── */
.site-footer,
.woodmart-footer {
  background: var(--dv-vinho) !important;
  color: rgba(255, 255, 255, 0.85) !important;
}

.site-footer a,
.woodmart-footer a {
  color: rgba(255, 255, 255, 0.75) !important;
  font-family: var(--dv-font-corpo) !important;
  font-size: 13px !important;
  transition: color 0.2s;
}

.site-footer a:hover,
.woodmart-footer a:hover {
  color: #fff !important;
}

.site-footer .widget-title,
.woodmart-footer .widget-title {
  font-family: var(--dv-font-corpo) !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  color: #f5c8d4 !important;
  margin-bottom: 12px;
}

/* Detalhe ondulado no topo do footer */
.woodmart-footer::before {
  content: '';
  display: block;
  height: 20px;
  background: var(--dv-vinho);
  clip-path: ellipse(120% 100% at 50% 0%);
  margin-top: -18px;
}

/* Rodapé copyright */
.woodmart-footer-bottom,
.footer-copyright {
  border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
  font-family: var(--dv-font-titulo) !important;
  font-size: 12px !important;
  color: rgba(255, 255, 255, 0.4) !important;
  text-align: center;
  padding: 12px !important;
}

/* ──────────────────────────────────────────
   18. NEWSLETTER
────────────────────────────────────────── */
.mc4wp-form input[type="email"],
.mailchimp-form input[type="email"] {
  border-radius: var(--dv-radius-btn) 0 0 var(--dv-radius-btn) !important;
  border: none !important;
}

.mc4wp-form input[type="submit"],
.mailchimp-form input[type="submit"] {
  border-radius: 0 var(--dv-radius-btn) var(--dv-radius-btn) 0 !important;
  background: var(--dv-rosa) !important;
}

/* ──────────────────────────────────────────
   19. BOTÃO WHATSAPP FLUTUANTE
   Cole no functions.php ou plugin de HTML:

   <a href="https://wa.me/55SEUNUMERO" class="dv-wa-float" target="_blank">
     <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white" width="26" height="26">
       <path d="M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347z"/>
       <path d="M12 0C5.373 0 0 5.373 0 12c0 2.122.553 4.112 1.523 5.845L.057 23.743a.5.5 0 0 0 .618.618l5.898-1.466A11.945 11.945 0 0 0 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z"/>
     </svg>
   </a>
────────────────────────────────────────── */

.dv-wa-float {
  position: fixed;
  bottom: 20px;
  right: 20px;
  width: 52px;
  height: 52px;
  background: #25D366;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 9999;
  box-shadow: 0 3px 12px rgba(37, 211, 102, 0.4);
  transition: transform 0.2s, box-shadow 0.2s;
  text-decoration: none;
}

.dv-wa-float:hover {
  transform: scale(1.08);
  box-shadow: 0 5px 18px rgba(37, 211, 102, 0.5);
}

/* ──────────────────────────────────────────
   20. RESPONSIVO MOBILE
────────────────────────────────────────── */
@media (max-width: 767px) {

  /* 1 coluna na vitrine mobile */
  ul.products.columns-4,
  ul.products.columns-3 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Botões full width */
  .woocommerce div.product form.cart .single_add_to_cart_button,
  .dv-btn-whatsapp {
    width: 100% !important;
  }

  /* Título hero menor */
  .dv-titulo-secao {
    font-size: 22px !important;
  }

  /* Footer accordion */
  .site-footer .widget {
    border-bottom: 1px solid rgba(255,255,255,0.1);
  }
}

@media (max-width: 480px) {
  ul.products.columns-4,
  ul.products.columns-3,
  ul.products.columns-2 {
    grid-template-columns: 1fr !important;
  }
}

/* ──────────────────────────────────────────
   21. COMPRE JUNTO (YITH ou similar)
────────────────────────────────────────── */
.yith-wcwl-add-to-wishlist,
.yith_wcqv_btn {
  font-family: var(--dv-font-corpo) !important;
}

.yith-wcwl-wishlistexistsbrowse a,
.yith-wcwl-wishlistaddedbrowse a {
  color: var(--dv-rosa) !important;
}

/* ──────────────────────────────────────────
   22. MENSAGENS / NOTIFICAÇÕES
────────────────────────────────────────── */
.woocommerce-message,
.woocommerce-info {
  border-top-color: var(--dv-azul) !important;
}

.woocommerce-error {
  border-top-color: #e44 !important;
}

.woocommerce-message::before {
  color: var(--dv-azul) !important;
}

/* ──────────────────────────────────────────
   FIM DO CSS DANI VIÑAS
   Versão 1.0 — Cute Party Store
   Woodmart + WooCommerce + Elementor
────────────────────────────────────────── */
/*
 * ============================================================
 *  DANI VIÑAS — CUTE PARTY STORE
 *  CSS Complementar — Página de Categoria / Vitrine
 *  Cole ABAIXO do arquivo principal dani-vinas-woodmart-custom.css
 *  em: Aparência > Personalizar > CSS Adicional
 * ============================================================
 */

/* ──────────────────────────────────────────
   1. BANNER DE CATEGORIA (topo da página)
   Ative em: WooCommerce > Categorias > editar
   categoria > imagem e descrição
────────────────────────────────────────── */
.woocommerce-products-header,
.woodmart-category-header,
.term-description-wrap {
  position: relative;
  overflow: hidden;
  padding: 28px 32px !important;
  background: #fff !important;
  margin-bottom: 0 !important;
}

/* Fundo listrado no banner */
.woocommerce-products-header::before,
.woodmart-category-header::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: repeating-linear-gradient(
    to right,
    #DCE6F5 0px, #DCE6F5 18px,
    #fff 18px, #fff 38px
  );
  opacity: 0.35;
  z-index: 0;
}

.woocommerce-products-header__title,
.woodmart-category-header h1,
.woodmart-category-header .category-title {
  position: relative;
  z-index: 1;
  font-family: 'Pacifico', cursive !important;
  font-size: 26px !important;
  color: #7B2E3A !important;
  margin-bottom: 6px !important;
}

.woocommerce-products-header .term-description,
.woodmart-category-header .term-description {
  position: relative;
  z-index: 1;
  font-size: 13px !important;
  color: #777 !important;
  font-family: 'Nunito', sans-serif !important;
  max-width: 480px;
}

/* Linha vinho embaixo do banner */
.woocommerce-products-header::after,
.woodmart-category-header::after {
  content: '';
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: #7B2E3A;
}

/* ──────────────────────────────────────────
   2. FAIXA DE SUBCATEGORIAS (pills)
   Adicione um widget HTML acima do grid
   ou use o Woodmart subcategories widget
────────────────────────────────────────── */
.woodmart-subcategories,
.product-categories-widget,
.widget_product_categories {
  display: flex !important;
  flex-wrap: wrap;
  gap: 8px !important;
  padding: 14px 0 !important;
  list-style: none !important;
  background: #fff;
  border-bottom: 1px solid #eee;
}

.woodmart-subcategories li a,
.widget_product_categories li a {
  display: inline-flex !important;
  align-items: center;
  gap: 5px;
  padding: 5px 14px !important;
  border-radius: 999px !important;
  border: 1.5px solid #DCE6F5 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #555 !important;
  text-decoration: none !important;
  background: #fff !important;
  transition: all 0.18s !important;
  font-family: 'Nunito', sans-serif !important;
}

.woodmart-subcategories li a:hover,
.widget_product_categories li a:hover,
.woodmart-subcategories li.current-cat a,
.widget_product_categories li.current-cat a {
  background: #4A78B8 !important;
  color: #fff !important;
  border-color: #4A78B8 !important;
}

/* ──────────────────────────────────────────
   3. TOOLBAR (ordenação + visualização)
────────────────────────────────────────── */
.woocommerce-ordering,
.woodmart-shop-tools,
.products-toolbar-wrap {
  background: #fff !important;
  border-radius: 12px !important;
  border: 1px solid #eee !important;
  padding: 10px 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  margin-bottom: 16px !important;
}

/* Texto "X resultados" */
.woocommerce-result-count {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: #888 !important;
}

.woocommerce-result-count strong {
  color: #333 !important;
}

/* Select de ordenação */
.woocommerce-ordering select,
.orderby {
  border: 1px solid #DCE6F5 !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  font-size: 12px !important;
  font-family: 'Nunito', sans-serif !important;
  color: #555 !important;
  background: #fff !important;
  cursor: pointer;
}

/* Botões de visualização grade/lista */
.woodmart-view-mode a,
.woodmart-products-view {
  width: 28px !important;
  height: 28px !important;
  border: 1px solid #DCE6F5 !important;
  border-radius: 6px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: #888 !important;
  transition: all 0.18s !important;
}

.woodmart-view-mode a.active,
.woodmart-view-mode a:hover {
  background: #4A78B8 !important;
  color: #fff !important;
  border-color: #4A78B8 !important;
}

/* ──────────────────────────────────────────
   4. SIDEBAR DE FILTROS
────────────────────────────────────────── */

/* Container sidebar */
.woodmart-sidebar,
.col-sidebar,
.sidebar-shop {
  background: transparent !important;
}

/* Cada widget de filtro */
.woodmart-sidebar .widget,
.sidebar-shop .widget {
  background: #fff !important;
  border-radius: 14px !important;
  border: 1px solid #eee !important;
  padding: 16px !important;
  margin-bottom: 14px !important;
}

/* Título do widget filtro */
.woodmart-sidebar .widget-title,
.sidebar-shop .widget-title,
.widgettitle {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #333 !important;
  margin-bottom: 12px !important;
  padding-bottom: 8px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
}

/* Checkboxes de filtro */
.woocommerce-widget-layered-nav-list__item a,
.woodmart-widget-filter .woocommerce-widget-layered-nav-list__item a {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: #555 !important;
  text-decoration: none !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  padding: 4px 0 !important;
}

.woocommerce-widget-layered-nav-list__item a:hover {
  color: #4A78B8 !important;
}

.woocommerce-widget-layered-nav-list__item.chosen a {
  color: #4A78B8 !important;
  font-weight: 700 !important;
}

/* Contagem de produtos no filtro */
.woocommerce-widget-layered-nav-list__item .count {
  color: #aaa !important;
  font-size: 10px !important;
  margin-left: auto !important;
}

/* Slider de preço */
.price_slider_wrapper .ui-slider {
  background: #DCE6F5 !important;
  border-radius: 999px !important;
  height: 4px !important;
}

.price_slider_wrapper .ui-slider-range {
  background: #4A78B8 !important;
  border-radius: 999px !important;
}

.price_slider_wrapper .ui-slider-handle {
  background: #4A78B8 !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  width: 16px !important;
  height: 16px !important;
  top: -6px !important;
  box-shadow: 0 1px 4px rgba(74,120,184,0.3) !important;
  cursor: pointer !important;
}

.price_slider_amount .button {
  width: 100% !important;
  margin-top: 10px !important;
  font-size: 11px !important;
  padding: 7px !important;
}

/* Filtro por cor (swatches) */
.woodmart-swatches-filter .woodmart-swatch-item {
  width: 22px !important;
  height: 22px !important;
  border-radius: 50% !important;
  border: 2px solid transparent !important;
  cursor: pointer !important;
  transition: border-color 0.15s !important;
}

.woodmart-swatches-filter .woodmart-swatch-item.chosen,
.woodmart-swatches-filter .woodmart-swatch-item:hover {
  border-color: #4A78B8 !important;
  box-shadow: 0 0 0 2px #fff, 0 0 0 4px #4A78B8 !important;
}

/* Botão limpar filtros */
.woodmart-filter-reset,
.woocommerce-widget-layered-nav-filters a {
  color: #4A78B8 !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
  text-decoration: none !important;
}

.woodmart-filter-reset:hover {
  color: #7B2E3A !important;
}

/* ──────────────────────────────────────────
   5. GRID DE PRODUTOS
────────────────────────────────────────── */

/* Wrapper geral */
ul.products,
.products.woodmart-products-holder {
  gap: 14px !important;
}

/* 3 colunas desktop */
ul.products.columns-3,
ul.products.columns-4 {
  grid-template-columns: repeat(3, 1fr) !important;
}

/* Card hover já definido no CSS principal,
   aqui reforçamos detalhes da vitrine */
ul.products li.product {
  margin: 0 !important;
}

/* Imagem centralizada no fundo claro */
ul.products li.product .product-element-top {
  background: #f0f5fc !important;
  border-radius: 16px 16px 0 0 !important;
  overflow: hidden;
}

/* Botão "Comprar" visível sempre (não só no hover) */
ul.products li.product .woodmart-hover-info,
ul.products li.product .add_to_cart_button {
  opacity: 1 !important;
  transform: none !important;
}

/* Área de texto do card */
ul.products li.product .product-element-bottom {
  padding: 10px 12px 12px !important;
}

/* Rating stars no card */
ul.products li.product .star-rating {
  margin: 0 0 4px !important;
}

/* ──────────────────────────────────────────
   6. ESTADO VAZIO (sem produtos)
────────────────────────────────────────── */
.woocommerce-info.woocommerce-no-products-found {
  background: var(--dv-rosa-claro, #fdf7fa) !important;
  border-left-color: #D89AC3 !important;
  border-radius: 12px !important;
  font-family: 'Nunito', sans-serif !important;
  color: #7B2E3A !important;
}

/* ──────────────────────────────────────────
   7. PAGINAÇÃO
   (reforço do CSS principal)
────────────────────────────────────────── */
.woocommerce nav.woocommerce-pagination {
  text-align: center !important;
  margin: 20px 0 !important;
}

.woocommerce nav.woocommerce-pagination ul {
  display: inline-flex !important;
  gap: 6px !important;
  list-style: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
  width: 34px !important;
  height: 34px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
}

/* ──────────────────────────────────────────
   8. WOODMART AJAX FILTER LOADER
────────────────────────────────────────── */
.woodmart-products-loading::after {
  border-top-color: #4A78B8 !important;
}

/* ──────────────────────────────────────────
   9. MOBILE — BOTÃO FILTROS
────────────────────────────────────────── */
@media (max-width: 767px) {

  /* Banner menor */
  .woocommerce-products-header,
  .woodmart-category-header {
    padding: 18px 16px !important;
  }

  .woocommerce-products-header__title {
    font-size: 20px !important;
  }

  /* Subcategorias scroll horizontal */
  .woodmart-subcategories,
  .widget_product_categories {
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    padding-bottom: 10px !important;
    scrollbar-width: none;
  }

  .woodmart-subcategories::-webkit-scrollbar { display: none; }

  /* 2 colunas mobile */
  ul.products.columns-3,
  ul.products.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }

  /* Toolbar compacta */
  .woocommerce-ordering,
  .woodmart-shop-tools {
    flex-wrap: wrap !important;
    gap: 8px !important;
  }

  /* Botão abrir filtros no mobile */
  .woodmart-sidebar-toggle,
  .woodmart-mobile-filters-btn {
    background: #4A78B8 !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-family: 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    font-size: 12px !important;
    padding: 7px 16px !important;
    border: none !important;
  }

  /* Sidebar como drawer no mobile */
  .woodmart-sidebar.opened,
  .col-sidebar.active {
    background: #fff !important;
    border-radius: 18px 18px 0 0 !important;
    padding: 20px !important;
    box-shadow: 0 -4px 20px rgba(0,0,0,0.1) !important;
  }
}

@media (max-width: 480px) {
  ul.products.columns-3,
  ul.products.columns-4,
  ul.products.columns-2 {
    grid-template-columns: 1fr !important;
  }
}

/* ──────────────────────────────────────────
   10. WOODMART — CONFIGURAÇÕES RECOMENDADAS
   (não é CSS, são lembretes de configuração)

   Woodmart > Theme Settings > Shop:
   ✅ Sidebar: Left
   ✅ Columns desktop: 3
   ✅ Columns tablet: 2
   ✅ Columns mobile: 1
   ✅ AJAX filter: ON
   ✅ Infinite scroll ou Load More
   ✅ Product hover: Info below image
   ✅ Quick view: ON
   ✅ Wishlist: ON

   WooCommerce > Configurações > Produtos:
   ✅ Número por página: 12
   ✅ Ordenação padrão: Popularidade
────────────────────────────────────────── */

/* ──────────────────────────────────────────
   FIM DO CSS COMPLEMENTAR — CATEGORIA
   Dani Viñas · Cute Party Store v1.0
────────────────────────────────────────── */


// chat

.product-grid-item,
.wd-products .product-wrapper {
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    overflow: hidden;
}

/* ===============================
   CARD PREMIUM DANI VIÑAS
================================= */

.product-grid-item,
.wd-products .product-wrapper {
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
    padding-bottom: 15px;
}

/* Hover elegante */
.product-grid-item:hover,
.wd-products .product-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.08);
    border-color: #DCE6F5;
}

/* imagem */
.product-grid-item img,
.wd-products .product-wrapper img {
    border-radius: 12px 12px 0 0;
}

/* título */
.product-grid-item .wd-entities-title,
.wd-products .wd-entities-title {
    font-size: 22px;
    font-weight: 600;
    color: #7B2E3A;
    margin-top: 12px;
}

/* preço */
.product-grid-item .price,
.wd-products .price {
    color: #4A78B8;
    font-size: 24px;
    font-weight: 700;
}

/* botão */
.product-grid-item .button,
.wd-products .button,
.wd-add-btn a {
    background: #4A78B8 !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 12px 22px !important;
    font-weight: 600;
    border: none !important;
    transition: all 0.3s ease;
}

/* hover botão */
.product-grid-item .button:hover,
.wd-products .button:hover,
.wd-add-btn a:hover {
    background: #3B67A3 !important;
    transform: translateY(-1px);
}

/* wishlist */
.wd-products .wd-wishlist-btn a {
    color: #7B2E3A;
}

/* badge promoção */
.onsale,
.hot {
    background: #7B2E3A !important;
    color: white !important;
    border-radius: 999px;
    padding: 6px 10px;
}




/*
 * ============================================================
 *  DANI VIÑAS — CUTE PARTY STORE
 *  CSS Complementar — Header Builder
 *  Cole ABAIXO dos arquivos anteriores
 *  em: Aparência > Personalizar > CSS Adicional
 * ============================================================
 */

/* ──────────────────────────────────────────
   1. TOP BAR (Row 1)
────────────────────────────────────────── */
.woodmart-top-bar,
.whb-row-top,
.top-bar-wrap {
  background-color: #7B2E3A !important;
  color: rgba(255, 255, 255, 0.88) !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 11px !important;
  letter-spacing: 0.3px;
  height: 32px !important;
  display: flex !important;
  align-items: center !important;
}

.woodmart-top-bar a,
.top-bar-wrap a {
  color: rgba(255, 255, 255, 0.8) !important;
  text-decoration: none !important;
  transition: color 0.2s !important;
}

.woodmart-top-bar a:hover,
.top-bar-wrap a:hover {
  color: #fff !important;
}

/* Separadores na topbar */
.woodmart-top-bar .woodmart-top-bar-sep {
  background: rgba(255, 255, 255, 0.25) !important;
  width: 1px !important;
  height: 14px !important;
  margin: 0 10px !important;
}

/* ──────────────────────────────────────────
   2. MAIN HEADER (Row 2)
────────────────────────────────────────── */
.whb-row-main,
.woodmart-header-main,
.site-header-main {
  background: #fff !important;
  height: 80px !important;
  border-bottom: 3px solid #7B2E3A !important;
  box-shadow: none !important;
}

/* ──────────────────────────────────────────
   3. STICKY HEADER
────────────────────────────────────────── */
.woodmart-sticky-header .whb-row-main,
.whb-sticky-real .whb-row-main {
  background: #fff !important;
  height: 64px !important;
  box-shadow: 0 2px 16px rgba(74, 120, 184, 0.1) !important;
  border-bottom: 3px solid #7B2E3A !important;
  transition: height 0.2s, box-shadow 0.2s !important;
}

/* Topbar some no sticky */
.woodmart-sticky-header .whb-row-top,
.whb-sticky-real .whb-row-top {
  display: none !important;
}

/* ──────────────────────────────────────────
   4. LOGO
────────────────────────────────────────── */
.woodmart-header .logo,
.whb-header .logo,
.site-logo {
  display: flex !important;
  align-items: center !important;
}

.woodmart-header .logo img,
.whb-header .logo img {
  max-height: 60px !important;
  width: auto !important;
  transition: max-height 0.2s !important;
}

/* Logo menor no sticky */
.woodmart-sticky-header .logo img,
.whb-sticky-real .logo img {
  max-height: 44px !important;
}

/* ──────────────────────────────────────────
   5. BUSCA AJAX INLINE
────────────────────────────────────────── */
.woodmart-search-form,
.whb-search-form {
  display: flex !important;
  align-items: center !important;
}

.woodmart-search-form .woodmart-search-field,
.woodmart-search-form input[type="search"] {
  background: #f5f8ff !important;
  border: 1px solid #DCE6F5 !important;
  border-radius: 999px 0 0 999px !important;
  padding: 8px 16px !important;
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: #555 !important;
  width: 200px !important;
  transition: width 0.25s, border-color 0.2s !important;
}

.woodmart-search-form input[type="search"]:focus {
  width: 260px !important;
  border-color: #4A78B8 !important;
  outline: none !important;
}

.woodmart-search-form button[type="submit"],
.woodmart-search-form .woodmart-search-submit {
  background: #4A78B8 !important;
  border: none !important;
  border-radius: 0 999px 999px 0 !important;
  padding: 8px 14px !important;
  color: #fff !important;
  cursor: pointer !important;
  transition: background 0.2s !important;
}

.woodmart-search-form button[type="submit"]:hover {
  background: #3a61a0 !important;
}

/* Resultados AJAX */
.woodmart-search-results,
.dgwt-wcas-search-wrapp .dgwt-wcas-suggestions-wrapp {
  border-radius: 0 0 16px 16px !important;
  border: 1px solid #DCE6F5 !important;
  box-shadow: 0 8px 24px rgba(74, 120, 184, 0.12) !important;
  overflow: hidden;
}

.woodmart-search-results .product-title,
.dgwt-wcas-si-title {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #333 !important;
}

.woodmart-search-results .product-price,
.dgwt-wcas-si-price {
  color: #4A78B8 !important;
  font-weight: 700 !important;
  font-size: 12px !important;
}

/* ──────────────────────────────────────────
   6. ÍCONES DO HEADER (conta, wishlist, cart)
────────────────────────────────────────── */
.woodmart-header-icons .woodmart-header-icon,
.whb-icons .whb-icon,
.header-icons-item {
  width: 36px !important;
  height: 36px !important;
  border: 1px solid #eee !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: border-color 0.18s, background 0.18s !important;
  cursor: pointer !important;
  position: relative !important;
  background: #fff !important;
}

.woodmart-header-icons .woodmart-header-icon:hover,
.whb-icons .whb-icon:hover {
  border-color: #4A78B8 !important;
  background: #f0f5fc !important;
}

/* SVG ícones */
.woodmart-header-icons svg,
.whb-icons svg {
  width: 18px !important;
  height: 18px !important;
  color: #555 !important;
  fill: none !important;
  stroke: currentColor !important;
}

.woodmart-header-icons .woodmart-header-icon:hover svg,
.whb-icons .whb-icon:hover svg {
  color: #4A78B8 !important;
}

/* Badge do carrinho */
.woodmart-cart-count,
.whb-cart-count,
.cart-count {
  position: absolute !important;
  top: -4px !important;
  right: -4px !important;
  background: #7B2E3A !important;
  color: #fff !important;
  font-size: 9px !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 50% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
  border: 2px solid #fff !important;
}

/* ──────────────────────────────────────────
   7. MINI CART LATERAL
────────────────────────────────────────── */
.woodmart-side-cart,
.xoo-wsc-modal {
  width: 340px !important;
  border-radius: 16px 0 0 16px !important;
  box-shadow: -4px 0 24px rgba(0,0,0,0.1) !important;
}

.woodmart-side-cart-header,
.xoo-wsc-header {
  background: #fff !important;
  border-bottom: 3px solid #7B2E3A !important;
  padding: 16px 20px !important;
}

.woodmart-side-cart-title,
.xoo-wsc-header h2 {
  font-family: 'Pacifico', cursive !important;
  font-size: 18px !important;
  color: #4A78B8 !important;
}

.woodmart-side-cart .product_name a,
.xoo-wsc-product-name a {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #333 !important;
}

.woodmart-side-cart .amount,
.xoo-wsc-product-price .amount {
  color: #4A78B8 !important;
  font-weight: 700 !important;
}

.woodmart-side-cart .woocommerce-Price-amount {
  color: #4A78B8 !important;
}

.woodmart-side-cart .woodmart-cart-footer .button,
.xoo-wsc-ft-btn {
  border-radius: 999px !important;
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
}

/* ──────────────────────────────────────────
   8. NAVEGAÇÃO PRINCIPAL
────────────────────────────────────────── */
.woodmart-navigation .menu > li > a,
.main-nav .menu > li > a {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 13px !important;
  color: #444 !important;
  padding: 8px 12px !important;
  position: relative;
  transition: color 0.18s !important;
}

.woodmart-navigation .menu > li > a::after {
  content: '';
  display: block;
  height: 2px;
  background: #4A78B8;
  position: absolute;
  bottom: 0;
  left: 12px;
  right: 12px;
  transform: scaleX(0);
  transition: transform 0.2s !important;
}

.woodmart-navigation .menu > li:hover > a::after,
.woodmart-navigation .menu > li.current-menu-item > a::after {
  transform: scaleX(1) !important;
}

.woodmart-navigation .menu > li:hover > a,
.woodmart-navigation .menu > li.current-menu-item > a {
  color: #4A78B8 !important;
}

/* Item Promoções com badge */
.woodmart-navigation .menu > li.menu-item-promocoes > a,
.main-nav .menu > li:last-of-type > a {
  background: #D89AC3 !important;
  color: #5a1d3a !important;
  border-radius: 999px !important;
  padding: 5px 14px !important;
  margin-left: 4px !important;
}

.woodmart-navigation .menu > li.menu-item-promocoes > a::after {
  display: none !important;
}

/* ──────────────────────────────────────────
   9. MEGA MENU
────────────────────────────────────────── */
.woodmart-navigation .sub-menu,
.woodmart-mega-menu-content {
  border-radius: 0 0 16px 16px !important;
  border: 1px solid #DCE6F5 !important;
  border-top: 3px solid #4A78B8 !important;
  box-shadow: 0 12px 32px rgba(74, 120, 184, 0.12) !important;
  padding: 16px !important;
  background: #fff !important;
}

/* Título da coluna do mega menu */
.woodmart-mega-menu-content .woodmart-nav-title,
.woodmart-mega-menu-content > li > a {
  font-family: 'Nunito', sans-serif !important;
  font-weight: 700 !important;
  font-size: 12px !important;
  color: #7B2E3A !important;
  padding-bottom: 6px !important;
  border-bottom: 1px solid #f0f0f0 !important;
  margin-bottom: 8px !important;
  display: block;
}

/* Links dentro do mega menu */
.woodmart-mega-menu-content .sub-menu a,
.woodmart-mega-menu-content li a {
  font-family: 'Nunito', sans-serif !important;
  font-size: 12px !important;
  color: #555 !important;
  padding: 3px 0 !important;
  transition: color 0.15s !important;
}

.woodmart-mega-menu-content .sub-menu a:hover,
.woodmart-mega-menu-content li a:hover {
  color: #4A78B8 !important;
}

/* Imagem no mega menu */
.woodmart-mega-menu-content .menu-image,
.woodmart-mega-menu-content .woodmart-menu-img {
  border-radius: 10px !important;
  overflow: hidden;
  margin-bottom: 8px;
  background: #f0f5fc;
}

/* Badge "Novo" no mega menu */
.woodmart-mega-menu-content .woodmart-nav-label {
  background: #D89AC3 !important;
  color: #5a1d3a !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  padding: 1px 6px !important;
  border-radius: 999px !important;
  margin-left: 4px !important;
}

/* ──────────────────────────────────────────
   10. MOBILE HEADER
────────────────────────────────────────── */
@media (max-width: 1024px) {

  /* Botão hamburger */
  .woodmart-nav-toggle,
  .whb-hamburger {
    display: flex !important;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    padding: 6px !important;
  }

  .woodmart-nav-toggle span,
  .whb-hamburger span {
    display: block;
    width: 22px;
    height: 2px;
    background: #4A78B8 !important;
    border-radius: 2px;
    transition: all 0.2s !important;
  }

  /* Menu mobile drawer */
  .woodmart-mobile-nav,
  .whb-mobile-nav {
    background: #fff !important;
    border-radius: 0 16px 16px 0 !important;
    box-shadow: 4px 0 24px rgba(0,0,0,0.1) !important;
    width: 280px !important;
  }

  .woodmart-mobile-nav .menu > li > a,
  .whb-mobile-nav .menu > li > a {
    font-family: 'Nunito', sans-serif !important;
    font-weight: 700 !important;
    font-size: 14px !important;
    color: #333 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    padding: 12px 20px !important;
  }

  .woodmart-mobile-nav .menu > li > a:hover {
    color: #4A78B8 !important;
    background: #f0f5fc !important;
  }

  /* Busca mobile */
  .woodmart-search-form input[type="search"] {
    width: 140px !important;
  }

  /* Ícones mobile menores */
  .woodmart-header-icons .woodmart-header-icon,
  .whb-icons .whb-icon {
    width: 32px !important;
    height: 32px !important;
  }
}

/* ──────────────────────────────────────────
   11. MOBILE BOTTOM BAR
   Ative em: Woodmart > Theme Settings >
   Mobile > Bottom Navigation Bar: ON
────────────────────────────────────────── */
.woodmart-mobile-bottom-bar,
.whb-mobile-bottom-bar {
  background: #fff !important;
  border-top: 1px solid #eee !important;
  box-shadow: 0 -2px 12px rgba(0,0,0,0.06) !important;
  height: 56px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-around !important;
  position: fixed !important;
  bottom: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 999 !important;
}

.woodmart-mobile-bottom-bar .mobile-bottom-item,
.whb-mobile-bottom-bar .bottom-bar-item {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  gap: 2px !important;
  font-size: 9px !important;
  font-weight: 700 !important;
  font-family: 'Nunito', sans-serif !important;
  color: #888 !important;
  cursor: pointer !important;
  transition: color 0.15s !important;
}

.woodmart-mobile-bottom-bar .mobile-bottom-item.active,
.woodmart-mobile-bottom-bar .mobile-bottom-item:hover,
.whb-mobile-bottom-bar .bottom-bar-item.active {
  color: #4A78B8 !important;
}

.woodmart-mobile-bottom-bar svg,
.whb-mobile-bottom-bar svg {
  width: 20px !important;
  height: 20px !important;
}

/* Espaço para bottom bar no mobile */
@media (max-width: 767px) {

	
}

/* ──────────────────────────────────────────
   FIM DO CSS — HEADER BUILDER
   Dani Viñas · Cute Party Store v1.0
────────────────────────────────────────── */

/* ===============================
   CARD PREMIUM DANI VIÑAS
================================= */

.product-grid-item,
.wd-products .product-wrapper {
    background: #FFFFFF;
    border: 1px solid #E9E9E9;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
    transition: all 0.3s ease;
    padding-bottom: 15px;
}

/* Hover elegante */
.product-grid-item:hover,
.wd-products .product-wrapper:hover {
    transform: translateY(-4px);
    box-shadow: 0 10px 22px rgba(0,0,0,0.08);
    border-color: #DCE6F5;
}

/* imagem */
.product-grid-item img,
.wd-products .product-wrapper img {
    border-radius: 12px 12px 0 0;
}

/* título */
.product-grid-item .wd-entities-title,
.wd-products .wd-entities-title {
    font-size: 22px;
    font-weight: 600;
    color: #7B2E3A;
    margin-top: 12px;
}

/* preço */
.product-grid-item .price,
.wd-products .price {
    color: #4A78B8;
    font-size: 24px;
    font-weight: 700;
}

/* botão */
.product-grid-item .button,
.wd-products .button,
.wd-add-btn a {
    background: #4A78B8 !important;
    color: #fff !important;
    border-radius: 999px !important;
    padding: 12px 22px !important;
    font-weight: 600;
    border: none !important;
    transition: all 0.3s ease;
}

/* hover botão */
.product-grid-item .button:hover,
.wd-products .button:hover,
.wd-add-btn a:hover {
    background: #3B67A3 !important;
    transform: translateY(-1px);
}

/* wishlist */
.wd-products .wd-wishlist-btn a {
    color: #7B2E3A;
}

/* badge promoção */
.onsale,
.hot {
    background: #7B2E3A !important;
    color: white !important;
    border-radius: 999px;
    padding: 6px 10px;
}

/* ===============================
   BOTÕES GLOBAIS DANI VIÑAS
================================= */

button,
input[type="submit"],
.single_add_to_cart_button,
.checkout-button,
.wc-forward,
.elementor-button,
.btn,
.button,
a.button {
    background: #4A78B8 !important;
    color: #fff !important;
    border-radius: 999px !important;
    border: none !important;
    padding: 14px 26px !important;
    font-weight: 600;
    transition: all 0.3s ease;
}

/* hover */
button:hover,
input[type="submit"]:hover,
.single_add_to_cart_button:hover,
.checkout-button:hover,
.wc-forward:hover,
.elementor-button:hover,
.btn:hover,
.button:hover,
a.button:hover {
    background: #3B67A3 !important;
    transform: translateY(-1px);
}

/* HEADER PREMIUM */
.whb-general-header {
  border-bottom: 0px solid #E9E9E9;
}

.whb-sticked .whb-general-header {
    box-shadow: 0 4px 14px rgba(0,0,0,0.04);
}

.wd-content-layout {
    padding-block: 0px;
}

//listras azuis mais vendidos
.listras {
background: repeating-linear-gradient(
90deg,
#ffffff,
#ffffff 24px,
#DCE6F5 24px,
#DCE6F5 48px
);
}


.dani-signature-divider {
    width: 100%;
    line-height: 0;
    margin: 10px 0 30px;
}

.dani-signature-divider svg {
    width: 100%;
    height: 50px;
    display: block;
}

.dani-signature-divider path {
    fill: none;
    stroke: #4A78B8;
    stroke-width: 3;
    stroke-linecap: round;
}

.dani-signature-divider .heart {
    fill: none;
    stroke: #4A78B8;
    stroke-width: 3;
}


.wd-page-content {
      padding-top: 40px;
}

.site-logo {
   max-height: min-content !important;
}

.product-element-bottom 
 {

    margin: 10px !important;
}

   .button, .btn, .woodmart-btn, input[type="submit"], button[type="submit"], .woocommerce a.button, .woocommerce button.button, .woocommerce .wc-proceed-to-checkout .button {

    padding: 10px 54px !important;

} 

div.quantity input[type="button"] {

    padding: 0 23px  !important;

    margin: 0 15px;
}

.wd-slider.wd-section-container>.wd-carousel-inner>.wd-carousel
 {
    border-radius: 0px !important;
    overflow: var(--wd-carousel-overflow, clip);
}

.elementor-403 .elementor-element.elementor-element-181dc9f .info-box-title
{
color:	#fffffff !important;
}
.wd-post-meta
{
	display: none;
}
 .wc-block-cart-item__remove-link
{
	
	margin: 30px !important;
	width: 80px !important;
	    min-height: 40px !important;
}
.wc-block-components-radio-control-accordion-content
{
	padding: 0 16px 16px !important; }

.woocommerce-message {
	display: none;
}@media (min-width: 1025px) {
	//logo para baixo
.wd-logo {
    max-height: 100%;
    transition: none;
    position: absolute;
  //  top: 80px;
}
.site-logo {
      max-height: 100%;
    transition: none;
    position: absolute;
  top: 30px;
	
}
h4 {
    font-size: 36px!important;
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	h4 {
    font-size: 36px!important;
}
}

@media (max-width: 576px) {
	h4 {
    font-size: 36px!important;
}
}