@font-face {
font-weight: normal;
font-style: normal;
font-family: "woodmart-font";
src: url("//superunico.com/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=8.3.6") format("woff2");
font-display:swap;
}
@font-face {
font-family: "star";
font-weight: 400;
font-style: normal;
src: url("//superunico.com/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//superunico.com/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//superunico.com/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//superunico.com/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}
@font-face {
font-family: "WooCommerce";
font-weight: 400;
font-style: normal;
src: url("//superunico.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//superunico.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//superunico.com/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//superunico.com/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: #777777;
--wd-text-font-size: 16px;
--wd-title-font: "Nunito Sans", Arial, Helvetica, sans-serif;
--wd-title-font-weight: 600;
--wd-title-color: #242424;
--wd-entities-title-font: "Nunito Sans", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight: 500;
--wd-entities-title-color: #333333;
--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
--wd-alternative-font: "Nunito Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font: "Nunito Sans", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight: 600;
--wd-widget-title-transform: uppercase;
--wd-widget-title-color: #333;
--wd-widget-title-font-size: 16px;
--wd-header-el-font: "Nunito Sans", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight: 700;
--wd-header-el-transform: uppercase;
--wd-header-el-font-size: 13px;
--wd-otl-style: dotted;
--wd-otl-width: 2px;
--wd-primary-color: #383838;
--wd-alternative-color: #fbbc34;
--btn-default-bgcolor: rgb(247,247,247);
--btn-default-bgcolor-hover: rgb(239,239,239);
--btn-accented-bgcolor: #ff2668;
--btn-accented-bgcolor-hover: #e52263;
--wd-form-brd-width: 2px;
--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(238,47,105);
background-image: none;
background-repeat: no-repeat;
background-size: contain;
background-position: left center;
}
.wd-promo-popup-wrap {
--wd-popup-width: 800px;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
max-height: 280px;
}
.wd-page-title .wd-page-title-bg img {
object-fit: cover;
object-position: center center;
}
.wd-footer {
background-color: rgb(255,38,104);
background-image: none;
}
html .wd-page-content .wd-product .product-wrapper .wd-entities-title {
font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
font-weight: 700;
font-size: 15px;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
font-family: "Nunito Sans", Arial, Helvetica, sans-serif;
font-weight: 600;
}
.mfp-wrap.wd-popup-quick-view-wrap {
--wd-popup-width: 920px;
}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 0px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}
@media (min-width: 1222px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1222px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}
.wd-page-title {
background-color: #0a0a0a;
}
/* hide product count i category */
.category-products-count {
display: none !important;
}
.woocommerce-result-count {
display: none !important;
}
/* Wrap price and pill on same line, wrap if needed */
.price-with-pill {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
font-size: 14px;
line-height: 1.4;
margin: 6px 0;
}
/* phone country selector arriba */
.iti {
z-index: 9999 !important;
position: relative;
}
.iti__country-list {
z-index: 10000 !important;
}
/* slider next color arrow */
.icon-next {
color: white;
fill: white;
}
.icon-prev {
color: white;
fill: white;
}
/* fix my account title font color */
.entry-title.title {
color: #000 !important;
}
.wd-breadcrumbs {
display: none !important;
}
/* Sale pill design */
.custom-sale-pill-inline {
display: inline-block;
padding: 2px 8px;
font-size: 12px;
font-weight: 600;
color: #71092d;
background-color: #F8BBD0;
border-radius: 999px;
white-space: nowrap;
line-height: 1;
}
/* hide country field in checkout */
#billing_country_field {
display: none;
}
/* hide woocommerce check in checkout */
.mailchimp-newsletter {
display: none;
}
/*cart z index on top of chat */
.cart-widget-side {
z-index: 9999999;
}
.cwginstock-subscribe-form .panel-primary {
border-color: #fcad13;
}
/* select color */
::selection {
background: #fcad13; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #fcad13; /* Gecko Browsers */
}
.woocommerce-breadcrumb .breadcrumb-last:last-child {
display:none;
}
/* product shop font size */
.product-grid-item .product-title {
font-size: 15px;
}
.product-grid-item .wd-entities-title {
font-size: 15px;
}
/*search color */
button .searchsubmit {
color: #ffffff;
}
/* pasillos subtitle background color */
.subtitle-color-default.subtitle-style-background {
background-color: #ffffff;
}
p
.subtitle-style-background.banner-subtitle {
font-size: 100%;
}
.promo-banner {
background-color: transparent;
}
.promo-banner .banner-title {
margin-bottom: 0;
font-weight: 600;
line-height: 1.2;
padding: 6px 10px;
display: inline-block;
background-color: #ffffff;
}
/* Product grid design */
.product-grid-item .product-title, .product-title {
font-weight: 600;
}
.woocommerce-Price-amount.amount {
font-size: 16px;
}
/* hide shipping estimate notice on cart page */
p.woocommerce-shipping-destination {
display: NONE;
}
/* product labels not uppercase */
.product-label {
text-transform: none;
}
/* product label hot label color */
.product-label.featured {
display: none;
background-color: #ffae0c;
}
/* mega menu titles color and sizes */
.navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-menu>li>a {
color: #eb2668;
}
.vertodos {
font-style: italic;
}
/* hide clear selection in product page */
.variations_form a.reset_variations {
display:none!important;
}
.reset_variations {
display: none;
}
/* menu icon size main */
.woodmart-navigation .category-icon {
max-height: 22px
}
/* bordered button style
.single_add_to_cart_button {
border: 1.5px solid;
border-color: #ff2668;
color: #ff2668 !important;
}
.buttons .checkout{
border: 1.5px solid;
border-color: #ff2668;
color: #ff2668 !important;
}
.btn-add > a.loading:after {
border: 1px solid rgba(255, 38, 104, 1);
}
.btn-add:hover > a.loading:after {
border: 1px solid rgba(255, 38, 104, 1);
}
.single_add_to_cart_button:after {
border-left-color: #222222;
}
*/
/* hide sale label from products */
.product-label.onsale {
display: none !important;
}
.product-label.new {
background-color: #ff9900;
}
/* title size in checkout */
.title-size-default {
padding-top: 20px;
padding-bottom: 20px;
}
/*checkout error color */
.woocommerce-error {
color: #fff; /* Change text color */
border-color: #fff; /* Change border color */
background-color: #e05658;
}
.woocommerce-message {
color: #fff; /* Change text color */
border-color: #fff; /* Change border color */
background-color: #fcad13;
}
/* woo message */
.woocommerce-info {
color: #fff; /* Change text color */
border-color: #fff; /* Change border color */
}
/* hide wordpress breadcrumbs on page title */
.breadcrumbs {
display:none;
}
/* hide product categories on product page */
.single-product .product_meta .posted_in {
display: none;
}
/* info box title color */
h4.info-box-title {
color: #57993f;
}
/* touch swipe arrows margin */
.woodmart-spacing-30 .owl-nav>div[class*=prev] {
left: 2%;
}
.woodmart-spacing-30 .owl-nav>div[class*=next] {
right: 2%;
}
/* hide country in checkout
#billing_country_field {
display: none;
} */
/* categories menu always show expanded on mobile
.woodmart-product-categories {
display: block;
transition: visibility 2s, opacity 1.5s linear;
} */
/* hide shop title pasillos in navigation
.shop-title-wrapper {
display: none;
}
.woodmart-show-categories {
margin-top: -10px;
margin-bottom: -10px;
}
*/
/* page main bg */
.main-page-wrapper {
background-color: #fafafa;
}
/* product tiled style and label style */
.woodmart-hover-tiled .product-wrapper {
box-shadow: 0 0 0px rgba(0,0,0,.12);
background-color: #ffffff;
}
.product-grid-item .product-image-link img {
max-width: 85%;
}
.label-wrap.wapl-aligncenter {
margin-left: 5%;
}
.product-list-item .woodmart-buttons, .woodmart-hover-alt .woodmart-buttons, .woodmart-hover-base.product-in-carousel .woodmart-buttons, .woodmart-hover-quick .woodmart-buttons, .woodmart-hover-standard .woodmart-buttons, .woodmart-hover-tiled .woodmart-buttons {
top: 70%;
}
.wapl-label .label-white {
color: #5d5d5d;
background-color: none;
}
/* same height products */
/* hide stars reviews in product grid
.product-grid-item .star-rating {
display: none;
} */
/* mimic add to cart button */
/* change add to cart icon */
.add_to_cart_button .wd-add-btn {
content: "\f143";
color: #ff2668;
}
.wd-action-btn>a:before {
content: "\f143";
font-weight: 900;
}
.wd-action-btn>a {
content: "\f143";
color: #ff2668;
}
.wd-action-btn>a:hover {
content: "\f143";
color: #ffffff;
border-color: #ff2668;
}
.add_to_cart_button {
border-top-left-radius: 1.75rem !important;
border-top-right-radius: 1.75rem !important;
border-bottom-right-radius: 1.75rem !important;
border-bottom-left-radius: 1.75rem !important;
border-top-width: 1px !important;
border-right-width: 1px !important;
border-bottom-width: 1px !important;
border-left-width: 1px !important;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 2.5rem;
-webkit-box-align: center;
align-items: center;
border-top-color: rgb(255, 38, 104);
border-right-color: rgb(255, 38, 104);
border-bottom-color: rgb(255, 38, 104);
border-left-color: rgb(255, 38, 104);
display: inline-flex;
height: 2.5rem;
-webkit-box-pack: center;
justify-content: center;
opacity: 0.9;
white-space: nowrap;
}
.wd-buttons[class*="wd-pos-r"] {
visibility: visible !important;
transform: none !important;
opacity: 1 !important;
}
.wd-buttons .wd-action-btn>a {
width: 40px;
height: 40px;
}
.wd-buttons {
background: none;
box-shadow: none;
transition: none;
}
/* fix text size add to favorites in product page*/
.wd-action-btn.wd-style-text>a {
font-size: 14px;
font-weight: normal;
}
.woodmart-tltp .woodmart-tooltip-label {
background-color: rgb(255, 38, 104);
}
.woodmart-buttons>div a .woodmart-tooltip-label:before {
border-left-color: rgb(255, 38, 104);
}
/* hide out of stock label */
.onsale .product-label {
display: none;
}
/* hide add to cart */
button[name='update_cart'] {
display: none !important;
}
.woocommerce-cart .woocommerce-message {
position: relative;
animation: none;
transform: none;
}
.wd-action-btn.wd-style-icon .button {
background-color: #ff2668 !important;
}
.wd-action-btn.wd-style-icon .button:hover {
background-color: #ffffff !important;
color: #ff2668 !important;
}
.wd-action-btn.wd-style-icon .button {
content: "\f143" !important;
color: #ffffff !important;
}
.woocommerce-cart .woocommerce-message.hidden-notice {
display: none;
}
/* cart items background */
.shop_table {
background-color: #ffffff;
}
/* hide tags product page*/
.tagged_as {
display: none !important;
}
.product_meta .tagged_as {
display:none;
}
/*capitalize in checkout */
#customer_details {
text-transform: capitalize;
}
/* hide intro text in my account */
.woocommerce-MyAccount-content>p {
display: none;
}
/* hide reviews on product page made by schema pro */
.aiosrs-rating-wrap {
display: none;
}
/* home sub banners margin */
.wpb_content_element, ul.wpb_thumbnails-fluid>li {
margin-bottom: 15px; }
.vc_column_container>.vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
/* hide stock status in bundle products */
.woosb-products .woosb-product .woosb-title .stock {
display: none;
}
/* align text left bundles */
.woosb-products .woosb-product > div:last-child {
text-align: left;
}
/* out of stock notification form */
.cwginstock-subscribe-form .panel-primary>.panel-heading {
background-color: #fcad13;
border-color: #fcad13;
}
/* ajuste slider para tablet */
@media (max-width: 1183px){
.whb-hidden-mobile, .whb-visible-lg {
display:none !important;
}
.whb-hidden-desktop, .whb-hidden-lg {
display: flex !important;
}
}
@media (min-width: 1184px){
.whb-hidden-desktop, .whb-hidden-lg {
display: none !important;
}
}
/* show main categoy in header */
.woodmart-product-categories .wc-default-cat {
display: inline-block;
}
/* pagination text size */
body .woocommerce-pagination li .next:before,
body .woocommerce-pagination li .prev:before {
font-size: 30px;
}
body .woocommerce-pagination li .page-numbers {
min-width: 34px;
height: 34px;
font-size: 30px;
line-height: 32px;
}
/* cart widget quantity product buttons */
div.quantity input[type="button"] {
background: #ff2668 !important;
color: #ffffff !important;
}
div.quantity input[type="button"]:hover {
background: #e50d4f !important;
color: #ffffff !important;
border: #e50d4f !important;
}
.widget_shopping_cart div.quantity input[type="button"] {
height: 32px;
width: 32px;
}
/*cart remove X widget size */
.widget_shopping_cart .remove:after {
font-size: 12px;
}
/*position add to cart button in search */
.wd-buttons.wd-pos-r-t {
position: absolute;
top: 70% !important;
right: 10px;
}
.nav-link-count {
display: none !important;
}
/* larger font for more results in fibo search */
.dgwt-wcas-st-more {
font-size: 150%;
color: #ff2668;
font-weight: 700;
text-decoration: underline;
}
/* arrange ver todos productos in fibo search */
/* Make the container flex to control order */
.dgwt-wcas-suggestions-wrapp {
display: flex;
flex-direction: column;
}
/* Move the "Ver todos" link after the PRODUCTOS heading */
.dgwt-wcas-st-more {
order: 3; /* Places it after heading but before products */
padding: 8px;
display: flex;
align-items: center;
}
/* Style it like a product suggestion */
.dgwt-wcas-st-more {
background: #fff;
border-bottom: 1px solid #ddd;
cursor: pointer;
}
/* Adjust spacing and hover effects to match products */
.dgwt-wcas-st-more:hover {
background-color: #f7f7f7;
}
/* hide menu icons arrow below indicator */
.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {
display: none;
}
/* replace label for recent search history in fibo */
/* Change "Your search history" to "Búsquedas Recientes" */
.dgwt-wcas-suggestion-headline-v2::before {
content: "Tus Búsquedas:";
visibility: visible;
display: block;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
/* Hide original text */
.dgwt-wcas-suggestion-headline-v2 {
visibility: hidden;
position: relative;
}
/* Change "Clear" to "Borrar" */
.js-dgwt-wcas-sugg-hist-clear::before {
content: "Eliminar";
visibility: visible;
display: block;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
/* Hide original text */
.js-dgwt-wcas-sugg-hist-clear {
visibility: hidden;
position: relative;
}
/* remove br in product titles */
/* Hide the existing break tag */
.product-element-bottom .price + br {
display: none;
}
.woocommerce-Price-amount.amount {
margin-bottom: 5px;
display: inline-block;
}
/* sidebar width */
/* Fix for add to cart button transparency issues */
.wd-add-btn .add_to_cart_button {
background-color: transparent !important; /* Make background transparent by default */
border: 1px solid #ff2668 !important;
border-radius: 1.75rem !important;
transition: all 0.3s ease;
}
/* Force transparency for the container */
.wd-buttons {
background: transparent !important;
box-shadow: none !important;
}
/* Ensure proper styling for the button itself */
.wd-action-btn.wd-style-icon .button {
background-color: #ff2668 !important; /* Your pink color */
color: #ffffff !important;
border: 1px solid #ff2668 !important;
box-shadow: none !important;
}
.wd-action-btn.wd-style-icon .button:hover {
background-color: #ffffff !important;
color: #ff2668 !important;
border-color: #ff2668 !important;
}
/* Fix z-index issues if they occur */
.wd-buttons[class*="wd-pos-r"] {
visibility: visible !important;
transform: none !important;
opacity: 1 !important;
background: transparent !important;
}
/* titles uppercase */
.woodmart-title-container {
text-transform: uppercase;
}
/* round corners */
.wpb_single_image .vc_single_image-wrapper img {
border-radius: 15px;
}
/* hide newsletter checkout field klaviyo */
.form-row.kl_newsletter_checkbox_field,
#kl_newsletter_checkbox_field {
display: none !important;
visibility: hidden !important;
}
/* Additional selectors to ensure all variations are hidden */
label[for="kl_newsletter_checkbox"],
.woocommerce-input-wrapper:has(#kl_newsletter_checkbox) {
display: none !important;
}
/* hide add to cart in search details desktop */
.dgwt-wcas-pd-addtc {
display: none !important;
}
/* fix sale price strikethrough */
del .amount {
color: var(--color-gray-300);
font-weight: 400;
text-decoration: line-through;
}
/* multiple shipping addresses dropdown fix */
/* Simple fix for Select2 dropdown issues */
.select2-container--open .select2-dropdown {
z-index: 99999 !important;
}
/* Improve tap target size on mobile */
.select2-results__option {
padding: 10px !important;
}
/* Prevent body scrolling when dropdown is open on mobile */
body.select2-open {
position: relative;
}
/* top header icons menu center fix */
/* Ensure caption appears below image and everything is centered */
.wd-gallery-item {
display: flex;
flex-direction: column;
align-items: center; /* Center horizontally */
justify-content: flex-start;
text-align: center;
overflow: visible !important;
position: relative;
}
/* Image styling */
.wd-gallery-item img {
width: 45px;
height: 45px;
margin-bottom: 5px;
display: block;
}
/* Caption styling */
.wd-gallery-item::after {
content: attr(data-caption);
display: block;
font-size: 10px;
color: #fff;
font-weight: bold;
margin-top: 5px;
text-align: center;
white-space: nowrap;
width: 100%;
position: relative;
bottom: 0;
overflow: visible !important;
text-overflow: clip;
}
/* Fix for white gap below header - Homepage only */
body.home .wd-content-layout {
padding-block: 0 !important;
}
/* SIMPLIFIED Removed all styles related to .wd-back-btn and .wd-title-wrapp for back button */
.entry-title.title {
margin: 0 auto !important;
padding: 0 !important;
font-size: 24px !important;
text-align: center !important;
width: auto !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
/* The rest of your category styling remains unchanged */
.wd-page-title.page-title {
margin-top: 10px !important;
margin-bottom: 10px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
background-color: #f9f9f9 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
h1.entry-title.title {
margin-top: 10px !important;
}
.wd-content-layout {
padding-block: 0 !important;
}
.wd-shop-tools,
.wd-shop-tools > * {
margin-top: 0 !important;
padding-top: 0 !important;
}
.wd-nav-product-cat {
margin-bottom: 0 !important;
padding-bottom: 8px !important;
display: inline-flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scroll-snap-type: x mandatory !important;
padding: 12px 8px !important;
background: #f9f9f9 !important;
gap: 12px !important;
position: relative !important;
scroll-behavior: smooth !important;
scroll-padding-left: 0 !important;
justify-content: flex-start !important;
align-items: center !important;
mask-image: linear-gradient(to right, black 90%, transparent 100%) !important;
-webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%) !important;
scrollbar-width: thin !important;
scrollbar-color: #ff3366 #f1f1f1 !important;
max-width: 100% !important;
}
ul.wd-nav-product-cat {
text-align: left !important;
margin: 0 !important;
display: flex !important;
justify-content: flex-start !important;
}
.wd-nav-product-cat-wrapper,
.wd-nav-product-cat-wrapper > div,
.wd-shop-tools > div {
overflow: visible !important;
max-width: 100% !important;
width: 100% !important;
}
.wd-nav-product-cat::-webkit-scrollbar {
height: 4px !important;
background-color: #f1f1f1 !important;
border-radius: 4px !important;
display: block !important;
}
.wd-nav-product-cat::-webkit-scrollbar-thumb {
background-color: #ff3366 !important;
border-radius: 4px !important;
}
.wd-nav-product-cat .cat-item:first-child {
margin-left: 0 !important;
scroll-snap-align: start !important;
scroll-margin-left: 0 !important;
}
.wd-nav-product-cat .cat-item {
flex: 0 0 auto !important;
width: auto !important;
scroll-snap-align: start !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.wd-nav-product-cat .category-nav-link {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 95px !important;
height: 100px !important;
padding: 10px 5px !important;
background: #f9f9f9 !important;
border-radius: 12px !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
will-change: transform !important;
}
.wd-nav-product-cat .category-nav-link:hover,
.wd-nav-product-cat .current-cat > .category-nav-link {
background: #fff3f6 !important;
box-shadow: 0 4px 10px rgba(255, 51, 102, 0.15) !important;
transform: translateY(-3px) !important;
}
.wd-nav-product-cat .wd-nav-img {
width: 40px !important;
height: 40px !important;
margin-bottom: 8px !important;
object-fit: contain !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
.wd-nav-product-cat .nav-link-text {
font-size: 11px !important;
font-weight: 600 !important;
color: #333 !important;
text-align: center !important;
line-height: 1.2 !important;
max-height: 2.4em !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
line-clamp: 2 !important;
width: 80px !important;
margin: 0 auto !important;
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
hyphens: manual !important;
}
.wd-nav-product-cat .nav-link-count {
display: none !important;
}
.wd-btn-show-cat {
display: none !important;
}
@media (max-width: 1024px) {
ul.wd-nav-product-cat {
justify-content: flex-start !important;
}
}
/* ADD TO CART MODAL */
.su-modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0,0,0,0.5);
z-index: 9999;
font-family: 'Nunito Sans', sans-serif;
}
.su-modal.hidden {
display: none;
}
.su-modal-container {
background: #fff;
border-radius: 16px;
width: 100%;
max-width: 400px;
padding: 32px 24px;
box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
position: relative;
text-align: center;
}
.su-modal-overlay {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
}
.su-modal-inner {
z-index: 2;
position: relative;
}
.su-close {
position: absolute;
top: 12px;
right: 16px;
font-size: 22px;
background: none;
border: none;
cursor: pointer;
color: #eb2668;
}
.su-title {
font-size: 20px;
color: #eb2668;
font-weight: 700;
margin-bottom: 24px;
line-height: 1.4;
}
.su-field {
display: flex;
align-items: center;
background: #fff;
border: 1px solid #ddd;
border-radius: 8px;
margin-bottom: 16px;
padding: 0 10px;
}
.su-field input,
.su-field select {
border: none;
outline: none;
background: transparent;
font-size: 16px;
padding: 12px 8px;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
-webkit-user-select: text;
user-select: text;
}
.su-btn {
background: #eb2668;
color: #fff;
padding: 12px;
border: none;
border-radius: 8px;
font-size: 16px;
width: 100%;
margin-top: 8px;
font-weight: 600;
cursor: pointer;
transition: background 0.3s ease;
}
.su-btn:hover {
background: #c11d54;
color: #fff !important;
}
.su-bottom-links {
margin-top: 16px;
display: flex;
flex-direction: column;
gap: 8px;
}
.su-link {
color: #eb2668;
text-decoration: underline;
cursor: pointer;
font-size: 15px;
}
.su-skip {
color: #999;
font-size: 14px;
cursor: pointer;
}
.su-bottom-links a.su-skip {
text-decoration: underline;
color: #999;
font-size: 14px;
}
.su-message {
padding: 10px 14px;
background: #ffe7e7;
color: #a20020;
font-size: 14px;
margin-bottom: 16px;
border-radius: 8px;
border: 1px solid #ffcccc;
}
.su-message.hidden {
display: none;
}
.hidden {
display: none !important;
}
@media(max-width: 480px) {
.su-modal-container {
padding: 24px 20px;
}
}
/* Scroll lock - Safari compatible (no position:fixed which breaks inputs) */
body.modal-open,
html.modal-open {
overflow: hidden !important;
}
html.modal-open {
overflow: hidden;
height: 100%;
}
.intl-tel-input {
margin-bottom: 20px !important;
}
#su-reg-whatsapp {
width: 100% !important;
min-width: 0;
}
#su-reg-zona, #su-reg-pass {
margin: 0;
border: none;
border-radius: 0;
padding: 0;
}
/* Additional CSS for the remember me checkbox */
.su-remember-field {
justify-content: flex-start;
padding: 8px 10px;
gap: 8px;
}
.su-remember-field input[type="checkbox"] {
width: auto;
margin: 0;
padding: 0;
}
.su-remember-field label {
font-size: 14px;
color: #333;
cursor: pointer;
margin: 0;
}
/* add to cart with quantity selector */
/* Container for the original button or the new selector */
.wd-add-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px; /* Approx original button size */
min-height: 40px;/* Approx original button size */
vertical-align: middle; /* Better alignment with surrounding text/elements */
}
/* Hide WoodMart's "Ver carrito" link when our selector is active or if it appears with original + */
.wd-add-btn > a.added_to_cart.wc-forward {
display: none !important;
}
.custom-quantity-selector + a.added_to_cart.wc-forward { /* If it gets injected after our selector */
display: none !important;
}
.custom-quantity-selector {
display: inline-flex;
align-items: center;
border: 1px solid #ff2668; /* Pink border */
border-radius: 20px; /* Rounded */
overflow: hidden;
background-color: #fff;
height: 40px; /* Match original button height */
vertical-align: middle;
}
.custom-quantity-selector .qty-btn {
background-color: transparent;
border: none;
color: #ff2668; /* pink icons */
cursor: pointer;
padding: 0 10px; /* Adjust for touch targets */
font-size: 16px;
line-height: 38px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease;
height: 100%;
}
.custom-quantity-selector .qty-btn svg {
width: 16px;
height: 16px;
display: block; /* Fix potential inline spacing issues */
}
.custom-quantity-selector .qty-btn:hover {
background-color: #ff2668;
color: #fff;
}
.custom-quantity-selector .qty-btn:disabled { /* Style for disabled state if you implement it */
opacity: 0.5;
cursor: not-allowed;
}
.custom-quantity-selector .qty-input {
width: 30px;
text-align: center;
border: none;
border-left: 1px solid #ffeaef;
border-right: 1px solid #ffeaef;
padding: 0; /* Remove default padding */
font-size: 14px;
font-weight: bold;
color: #333;
height: 100%;
box-sizing: border-box;
outline: none;
-moz-appearance: textfield;
}
.custom-quantity-selector .qty-input::-webkit-outer-spin-button,
.custom-quantity-selector .qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.custom-quantity-selector.loading {
opacity: 0.7;
pointer-events: none; /* Prevent clicks during load */
}
.custom-quantity-selector.loading::before { /* Using ::before for spinner within the selector */
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px; /* Spinner size */
height: 20px; /* Spinner size */
margin-top: -10px; /* Half of height */
margin-left: -10px;/* Half of width */
border-radius: 50%;
border: 2px solid rgba(255, 38, 104, 0.2);
border-top-color: #ff2668;
animation: custom_qty_spin 0.6s linear infinite;
z-index: 1; /* Ensure it's above input/buttons if they overlap */
}
@keyframes custom_qty_spin {
to { transform: rotate(360deg); }
}
/* Ensure original WoodMart button structure fits the new content */
.wd-add-btn > .custom-quantity-selector {
width: auto; /* Allow it to expand */
}
/* Styles for the original pink + button */
.wd-add-btn a.button.product_type_simple.add_to_cart_button:not(.added) { /* Target only if NOT 'added' by WC */
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
background-color: #ff2668; /* Your pink */
color: white !important; /* Ensure icon is white. !important can help override theme styles. */
font-size: 24px; /* MODIFIED: Increased for a larger '+' icon. Adjust as needed. */
font-weight: bold; /* ADDED: Makes the '+' icon bolder if it's a text character or supported by icon font. */
line-height: 1; /* Correct for flex centering of the icon (often in ::before) */
text-decoration: none;
border: none;
box-sizing: border-box; /* Good practice */
}
/* HOVER STATE: Make the '+' icon pink on hover */
.wd-add-btn a.button.product_type_simple.add_to_cart_button:not(.added):hover {
color: #ff2668 !important; /* Change icon to your pink color */
}
/* CSS rule for the text span inside the add-to-cart button */
.wd-add-btn a.button.product_type_simple.add_to_cart_button:not(.added) span {
display: none !important; /* MODIFIED: This hides the "Añadir al carrito" text. */
/* Other properties like color, font-size, margin, padding, line-height are now irrelevant here */
}
/* This rule attempts to hide the default Woodmart checkmark/success icon more aggressively if it appears */
.wd-add-btn.wd-add-cart-icon .wd-icon-alt {
display: none !important; /* Woodmart might use wd-icon-alt for its checkmark */
}
.wd-add-btn a.added ~ .wd-icon-alt { /* if icon is a sibling after 'added' button */
display: none !important;
}
/* Disabled state for increase button when max stock reached */
.custom-quantity-selector[data-at-max="true"] .qty-increase {
opacity: 0.5;
cursor: not-allowed;
}
.custom-quantity-selector[data-at-max="true"] .qty-increase:hover {
opacity: 0.5;
filter: none;
}
/* new label style for agotado */
.product-labels .product-label.out-of-stock {
font-family: 'Nunito Sans', sans-serif !important;
text-transform: uppercase !important; /* Or 'none' if you prefer Sentence case */
font-weight: 600 !important;
font-size: 11px !important; /* Slightly smaller for a refined look */
line-height: 1.2 !important;
border-radius: 15px !important; /* Pill shape */
padding: 5px 10px !important; /* Adjust padding for balance */
min-width: auto !important; /* Let content define width */
min-height: auto !important; /* Let content define height */
max-width: none !important; /* Remove old max-width */
box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* Subtle shadow for depth */
display: inline-flex !important; /* Better alignment */
align-items: center !important;
justify-content: center !important;
background-color: #f0f0f0 !important; /* Light gray background */
color: #555555 !important; /* Darker gray text */
border: 1px solid #e0e0e0 !important; /* Optional: subtle border */
}
/*
=================================================================
Out of Stock Product Styling - "Turned Off" Look
=================================================================
*/
/* General styling for the out-of-stock product card */
.wd-product.product-grid-item.outofstock {
/* Option 1: Slightly reduce opacity of the whole card.
Be mindful that this affects text readability too. */
/* opacity: 0.75 !important; */
/* Option 2: Keep card opacity at 1, but dim specific elements like image.
This is often better for text readability. We'll go with this. */
}
/* Make the product image grayscale and slightly faded */
.wd-product.product-grid-item.outofstock .product-image-link img {
filter: grayscale(100%) !important;
opacity: 0.6 !important; /* Adjust as needed, 0.5-0.7 is usually good */
transition: none !important; /* Disable any theme hover transitions on the image */
}
/* Remove or neutralize hover effects on the out-of-stock product card */
.wd-product.product-grid-item.outofstock:hover .product-image-link img {
filter: grayscale(100%) !important; /* Keep it grayscale on hover */
opacity: 0.6 !important; /* Keep opacity same on hover */
transform: none !important; /* Disable any zoom/transform effects */
}
/* If the theme adds a shadow or border on hover to the card, remove it */
.wd-product.product-grid-item.outofstock:hover {
box-shadow: none !important; /* Example if there's a box-shadow on hover */
/* border: 1px solid transparent !important; /* Example if there's a border on hover */
}
/* Text elements - usually fine, but you can mute them if needed */
.wd-product.product-grid-item.outofstock .wd-entities-title a,
.wd-product.product-grid-item.outofstock .price {
/* color: #757575 !important; */ /* Optional: If you want to mute text color */
}
/* Style the "Leer más" button to look less active / disabled */
.wd-product.product-grid-item.outofstock .wd-add-btn a.button {
background-color: #f0f0f0 !important; /* Lighter, less prominent background */
color: #999999 !important; /* Muted text color */
border-color: #e0e0e0 !important; /* Lighter border if it has one */
cursor: default !important; /* Change cursor to default */
box-shadow: none !important;
}
.wd-product.product-grid-item.outofstock .wd-add-btn a.button:hover {
background-color: #f0f0f0 !important; /* Keep same style on hover */
color: #999999 !important;
border-color: #e0e0e0 !important;
box-shadow: none !important;
}
.wd-product.product-grid-item.outofstock .product-element-bottom span:last-of-type {
}
.outofstock .wd-buttons {
display: none !important;
}
/* hide unipuntos */
/* center title loyalty */
/* Ensure the parent container centers the content */
.wll-member-welcome-text-level-container {
justify-content: center !important; /* overrides 'justify-between' if present */
text-align: center;
}
/* Center text inside the paragraph */
.wll-member-welcome-text {
text-align: center;
width: 100%; /* ensures the text takes up full width to center properly */
}
/* =====================
CSS BACKUP SECTION
===================== */
/* hide product count i category */
.category-products-count {
display: none !important;
}
.woocommerce-result-count {
display: none !important;
}
/* hide country field in checkout */
#billing_country_field {
display: none;
}
/* hide woocommerce check in checkout */
.mailchimp-newsletter {
display: none;
}
/*cart z index on top of chat */
.cart-widget-side {
z-index: 9999999;
}
.cwginstock-subscribe-form .panel-primary {
border-color: #fcad13;
}
/* select color */
::selection {
background: #fcad13; /* WebKit/Blink Browsers */
}
::-moz-selection {
background: #fcad13; /* Gecko Browsers */
}
.woocommerce-breadcrumb .breadcrumb-last:last-child {
display:none;
}
/* product shop font size */
.product-grid-item .product-title {
font-size: 15px;
}
.product-grid-item .wd-entities-title {
font-size: 15px;
}
/*search color */
button .searchsubmit {
color: #ffffff;
}
/* pasillos subtitle background color */
.subtitle-color-default.subtitle-style-background {
background-color: #ffffff;
}
p
.subtitle-style-background.banner-subtitle {
font-size: 100%;
}
.promo-banner {
background-color: transparent;
}
.promo-banner .banner-title {
margin-bottom: 0;
font-weight: 600;
line-height: 1.2;
padding: 6px 10px;
display: inline-block;
background-color: #ffffff;
}
/* Product grid design */
.product-grid-item .product-title, .product-title {
font-weight: 600;
}
.woocommerce-Price-amount.amount {
font-size: 16px;
}
/* hide shipping estimate notice on cart page */
p.woocommerce-shipping-destination {
display: NONE;
}
/* product labels not uppercase */
.product-label {
text-transform: none;
}
/* product label hot label color */
.product-label.featured {
display: none;
background-color: #ffae0c;
}
/* mega menu titles color and sizes */
.navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-menu>li>a {
color: #eb2668;
}
.vertodos {
font-style: italic;
}
/* hide clear selection in product page */
.variations_form a.reset_variations {
display:none!important;
}
.reset_variations {
display: none;
}
/* menu icon size main */
.woodmart-navigation .category-icon {
max-height: 22px
}
/* bordered button style
.single_add_to_cart_button {
border: 1.5px solid;
border-color: #ff2668;
color: #ff2668 !important;
}
.buttons .checkout{
border: 1.5px solid;
border-color: #ff2668;
color: #ff2668 !important;
}
.btn-add > a.loading:after {
border: 1px solid rgba(255, 38, 104, 1);
}
.btn-add:hover > a.loading:after {
border: 1px solid rgba(255, 38, 104, 1);
}
.single_add_to_cart_button:after {
border-left-color: #222222;
}
*/
/* hide sale label from products */
.product-label.onsale {
display: none !important;
}
.product-label.new {
background-color: #ff9900;
}
/* title size in checkout */
.title-size-default {
padding-top: 20px;
padding-bottom: 20px;
}
/*checkout error color */
.woocommerce-error {
color: #fff; /* Change text color */
border-color: #fff; /* Change border color */
background-color: #e05658;
}
.woocommerce-message {
color: #fff; /* Change text color */
border-color: #fff; /* Change border color */
background-color: #fcad13;
}
/* woo message */
.woocommerce-info {
color: #fff; /* Change text color */
border-color: #fff; /* Change border color */
}
/* hide wordpress breadcrumbs on page title */
.breadcrumbs {
display:none;
}
/* hide product categories on product page */
.single-product .product_meta .posted_in {
display: none;
}
/* info box title color */
h4.info-box-title {
color: #57993f;
}
/* touch swipe arrows margin */
.woodmart-spacing-30 .owl-nav>div[class*=prev] {
left: 2%;
}
.woodmart-spacing-30 .owl-nav>div[class*=next] {
right: 2%;
}
/* hide country in checkout
#billing_country_field {
display: none;
} */
/* categories menu always show expanded on mobile
.woodmart-product-categories {
display: block;
transition: visibility 2s, opacity 1.5s linear;
} */
/* hide shop title pasillos in navigation
.shop-title-wrapper {
display: none;
}
.woodmart-show-categories {
margin-top: -10px;
margin-bottom: -10px;
}
*/
/* page main bg */
.main-page-wrapper {
background-color: #fafafa;
}
/* product tiled style and label style */
.woodmart-hover-tiled .product-wrapper {
box-shadow: 0 0 0px rgba(0,0,0,.12);
background-color: #ffffff;
}
.product-grid-item .product-image-link img {
max-width: 85%;
}
.label-wrap.wapl-aligncenter {
margin-left: 5%;
}
.product-list-item .woodmart-buttons, .woodmart-hover-alt .woodmart-buttons, .woodmart-hover-base.product-in-carousel .woodmart-buttons, .woodmart-hover-quick .woodmart-buttons, .woodmart-hover-standard .woodmart-buttons, .woodmart-hover-tiled .woodmart-buttons {
top: 70%;
}
.wapl-label .label-white {
color: #5d5d5d;
background-color: none;
}
/* same height products */
/* hide stars reviews in product grid
.product-grid-item .star-rating {
display: none;
} */
/* mimic add to cart button */
/* change add to cart icon */
.add_to_cart_button .wd-add-btn {
content: "\f143";
color: #ff2668;
}
.wd-action-btn>a:before {
content: "\f143";
font-weight: 900;
}
.wd-action-btn>a {
content: "\f143";
color: #ff2668;
}
.wd-action-btn>a:hover {
content: "\f143";
color: #ffffff;
border-color: #ff2668;
}
.add_to_cart_button {
border-top-left-radius: 1.75rem !important;
border-top-right-radius: 1.75rem !important;
border-bottom-right-radius: 1.75rem !important;
border-bottom-left-radius: 1.75rem !important;
border-top-width: 1px !important;
border-right-width: 1px !important;
border-bottom-width: 1px !important;
border-left-width: 1px !important;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
width: 2.5rem;
-webkit-box-align: center;
align-items: center;
border-top-color: rgb(255, 38, 104);
border-right-color: rgb(255, 38, 104);
border-bottom-color: rgb(255, 38, 104);
border-left-color: rgb(255, 38, 104);
display: inline-flex;
height: 2.5rem;
-webkit-box-pack: center;
justify-content: center;
opacity: 0.9;
white-space: nowrap;
}
.wd-buttons[class*="wd-pos-r"] {
visibility: visible !important;
transform: none !important;
opacity: 1 !important;
}
.wd-buttons .wd-action-btn>a {
width: 40px;
height: 40px;
}
.wd-buttons {
background: none;
box-shadow: none;
transition: none;
}
/* fix text size add to favorites in product page*/
.wd-action-btn.wd-style-text>a {
font-size: 14px;
font-weight: normal;
}
.woodmart-tltp .woodmart-tooltip-label {
background-color: rgb(255, 38, 104);
}
.woodmart-buttons>div a .woodmart-tooltip-label:before {
border-left-color: rgb(255, 38, 104);
}
/* hide out of stock label */
.onsale .product-label {
display: none;
}
/* hide add to cart */
button[name='update_cart'] {
display: none !important;
}
.woocommerce-cart .woocommerce-message {
position: relative;
animation: none;
transform: none;
}
.wd-action-btn.wd-style-icon .button {
background-color: #ff2668 !important;
}
.wd-action-btn.wd-style-icon .button:hover {
background-color: #ffffff !important;
color: #ff2668 !important;
}
.wd-action-btn.wd-style-icon .button {
content: "\f143" !important;
color: #ffffff !important;
}
.woocommerce-cart .woocommerce-message.hidden-notice {
display: none;
}
/* cart items background */
.shop_table {
background-color: #ffffff;
}
/* hide tags product page*/
.tagged_as {
display: none !important;
}
.product_meta .tagged_as {
display:none;
}
/*capitalize in checkout */
#customer_details {
text-transform: capitalize;
}
/* hide intro text in my account */
.woocommerce-MyAccount-content>p {
display: none;
}
/* hide reviews on product page made by schema pro */
.aiosrs-rating-wrap {
display: none;
}
/* home sub banners margin */
.wpb_content_element, ul.wpb_thumbnails-fluid>li {
margin-bottom: 15px; }
.vc_column_container>.vc_column-inner {
padding-left: 10px;
padding-right: 10px;
}
/* hide stock status in bundle products */
.woosb-products .woosb-product .woosb-title .stock {
display: none;
}
/* align text left bundles */
.woosb-products .woosb-product > div:last-child {
text-align: left;
}
/* out of stock notification form */
.cwginstock-subscribe-form .panel-primary>.panel-heading {
background-color: #fcad13;
border-color: #fcad13;
}
/* ajuste slider para tablet */
@media (max-width: 1183px){
.whb-hidden-mobile, .whb-visible-lg {
display:none !important;
}
.whb-hidden-desktop, .whb-hidden-lg {
display: flex !important;
}
}
@media (min-width: 1184px){
.whb-hidden-desktop, .whb-hidden-lg {
display: none !important;
}
}
/* show main categoy in header */
.woodmart-product-categories .wc-default-cat {
display: inline-block;
}
/* pagination text size */
body .woocommerce-pagination li .next:before,
body .woocommerce-pagination li .prev:before {
font-size: 30px;
}
body .woocommerce-pagination li .page-numbers {
min-width: 34px;
height: 34px;
font-size: 30px;
line-height: 32px;
}
/* cart widget quantity product buttons */
div.quantity input[type="button"] {
background: #ff2668 !important;
color: #ffffff !important;
}
div.quantity input[type="button"]:hover {
background: #e50d4f !important;
color: #ffffff !important;
border: #e50d4f !important;
}
.widget_shopping_cart div.quantity input[type="button"] {
height: 32px;
width: 32px;
}
/*cart remove X widget size */
.widget_shopping_cart .remove:after {
font-size: 12px;
}
/*position add to cart button in search */
.wd-buttons.wd-pos-r-t {
position: absolute;
top: 70% !important;
right: 10px;
}
.nav-link-count {
display: none !important;
}
/* larger font for more results in fibo search */
.dgwt-wcas-st-more {
font-size: 150%;
color: #ff2668;
font-weight: 700;
text-decoration: underline;
}
/* arrange ver todos productos in fibo search */
/* Make the container flex to control order */
.dgwt-wcas-suggestions-wrapp {
display: flex;
flex-direction: column;
}
/* Move the "Ver todos" link after the PRODUCTOS heading */
.dgwt-wcas-st-more {
order: 3; /* Places it after heading but before products */
padding: 8px;
display: flex;
align-items: center;
}
/* Style it like a product suggestion */
.dgwt-wcas-st-more {
background: #fff;
border-bottom: 1px solid #ddd;
cursor: pointer;
}
/* Adjust spacing and hover effects to match products */
.dgwt-wcas-st-more:hover {
background-color: #f7f7f7;
}
/* hide menu icons arrow below indicator */
.wd-nav>li:is(.wd-has-children,.menu-item-has-children)>a:after {
display: none;
}
/* replace label for recent search history in fibo */
/* Change "Your search history" to "Búsquedas Recientes" */
.dgwt-wcas-suggestion-headline-v2::before {
content: "Tus Búsquedas:";
visibility: visible;
display: block;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
/* Hide original text */
.dgwt-wcas-suggestion-headline-v2 {
visibility: hidden;
position: relative;
}
/* Change "Clear" to "Borrar" */
.js-dgwt-wcas-sugg-hist-clear::before {
content: "Eliminar";
visibility: visible;
display: block;
font-size: inherit;
font-weight: inherit;
color: inherit;
}
/* Hide original text */
.js-dgwt-wcas-sugg-hist-clear {
visibility: hidden;
position: relative;
}
/* remove br in product titles */
/* Hide the existing break tag */
.product-element-bottom .price + br {
display: none;
}
.woocommerce-Price-amount.amount {
margin-bottom: 5px;
display: inline-block;
}
/* sidebar width */
/* Fix for add to cart button transparency issues */
.wd-add-btn .add_to_cart_button {
background-color: transparent !important; /* Make background transparent by default */
border: 1px solid #ff2668 !important;
border-radius: 1.75rem !important;
transition: all 0.3s ease;
}
/* Force transparency for the container */
.wd-buttons {
background: transparent !important;
box-shadow: none !important;
}
/* Ensure proper styling for the button itself */
.wd-action-btn.wd-style-icon .button {
background-color: #ff2668 !important; /* Your pink color */
color: #ffffff !important;
border: 1px solid #ff2668 !important;
box-shadow: none !important;
}
.wd-action-btn.wd-style-icon .button:hover {
background-color: #ffffff !important;
color: #ff2668 !important;
border-color: #ff2668 !important;
}
/* Fix z-index issues if they occur */
.wd-buttons[class*="wd-pos-r"] {
visibility: visible !important;
transform: none !important;
opacity: 1 !important;
background: transparent !important;
}
/* titles uppercase */
.woodmart-title-container {
text-transform: uppercase;
}
/* round corners */
.wpb_single_image .vc_single_image-wrapper img {
border-radius: 15px;
}
/* hide newsletter checkout field klaviyo */
.form-row.kl_newsletter_checkbox_field,
#kl_newsletter_checkbox_field {
display: none !important;
visibility: hidden !important;
}
/* Additional selectors to ensure all variations are hidden */
label[for="kl_newsletter_checkbox"],
.woocommerce-input-wrapper:has(#kl_newsletter_checkbox) {
display: none !important;
}
/* hide add to cart in search details desktop */
.dgwt-wcas-pd-addtc {
display: none !important;
}
/* fix sale price strikethrough */
del .amount {
color: var(--color-gray-300);
font-weight: 400;
text-decoration: line-through;
}
/* multiple shipping addresses dropdown fix */
/* Simple fix for Select2 dropdown issues */
.select2-container--open .select2-dropdown {
z-index: 99999 !important;
}
/* Improve tap target size on mobile */
.select2-results__option {
padding: 10px !important;
}
/* Prevent body scrolling when dropdown is open on mobile */
body.select2-open {
position: relative;
}
/* top header icons menu center fix */
/* Ensure caption appears below image and everything is centered */
.wd-gallery-item {
display: flex;
flex-direction: column;
align-items: center; /* Center horizontally */
justify-content: flex-start;
text-align: center;
overflow: visible !important;
position: relative;
}
/* Image styling */
.wd-gallery-item img {
width: 45px;
height: 45px;
margin-bottom: 5px;
display: block;
}
/* Caption styling */
.wd-gallery-item::after {
content: attr(data-caption);
display: block;
font-size: 10px;
color: #fff;
font-weight: bold;
margin-top: 5px;
text-align: center;
white-space: nowrap;
width: 100%;
position: relative;
bottom: 0;
overflow: visible !important;
text-overflow: clip;
}
/* Fix for white gap below header - Homepage only */
body.home .wd-content-layout {
padding-block: 0 !important;
}
/* SIMPLIFIED Removed all styles related to .wd-back-btn and .wd-title-wrapp for back button */
.entry-title.title {
margin: 0 auto !important;
padding: 0 !important;
font-size: 24px !important;
text-align: center !important;
width: auto !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
}
/* The rest of your category styling remains unchanged */
.wd-page-title.page-title {
margin-top: 10px !important;
margin-bottom: 10px !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
background-color: #f9f9f9 !important;
padding-top: 10px !important;
padding-bottom: 10px !important;
}
h1.entry-title.title {
margin-top: 10px !important;
}
.wd-content-layout {
padding-block: 0 !important;
}
.wd-shop-tools,
.wd-shop-tools > * {
margin-top: 0 !important;
padding-top: 0 !important;
}
.wd-nav-product-cat {
margin-bottom: 0 !important;
padding-bottom: 8px !important;
display: inline-flex !important;
flex-wrap: nowrap !important;
overflow-x: auto !important;
overflow-y: hidden !important;
-webkit-overflow-scrolling: touch !important;
scroll-snap-type: x mandatory !important;
padding: 12px 8px !important;
background: #f9f9f9 !important;
gap: 12px !important;
position: relative !important;
scroll-behavior: smooth !important;
scroll-padding-left: 0 !important;
justify-content: flex-start !important;
align-items: center !important;
mask-image: linear-gradient(to right, black 90%, transparent 100%) !important;
-webkit-mask-image: linear-gradient(to right, black 90%, transparent 100%) !important;
scrollbar-width: thin !important;
scrollbar-color: #ff3366 #f1f1f1 !important;
max-width: 100% !important;
}
ul.wd-nav-product-cat {
text-align: left !important;
margin: 0 !important;
display: flex !important;
justify-content: flex-start !important;
}
.wd-nav-product-cat-wrapper,
.wd-nav-product-cat-wrapper > div,
.wd-shop-tools > div {
overflow: visible !important;
max-width: 100% !important;
width: 100% !important;
}
.wd-nav-product-cat::-webkit-scrollbar {
height: 4px !important;
background-color: #f1f1f1 !important;
border-radius: 4px !important;
display: block !important;
}
.wd-nav-product-cat::-webkit-scrollbar-thumb {
background-color: #ff3366 !important;
border-radius: 4px !important;
}
.wd-nav-product-cat .cat-item:first-child {
margin-left: 0 !important;
scroll-snap-align: start !important;
scroll-margin-left: 0 !important;
}
.wd-nav-product-cat .cat-item {
flex: 0 0 auto !important;
width: auto !important;
scroll-snap-align: start !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
display: flex !important;
justify-content: center !important;
align-items: center !important;
}
.wd-nav-product-cat .category-nav-link {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
width: 95px !important;
height: 100px !important;
padding: 10px 5px !important;
background: #f9f9f9 !important;
border-radius: 12px !important;
box-shadow: 0 2px 5px rgba(0,0,0,0.08) !important;
text-decoration: none !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
will-change: transform !important;
}
.wd-nav-product-cat .category-nav-link:hover,
.wd-nav-product-cat .current-cat > .category-nav-link {
background: #fff3f6 !important;
box-shadow: 0 4px 10px rgba(255, 51, 102, 0.15) !important;
transform: translateY(-3px) !important;
}
.wd-nav-product-cat .wd-nav-img {
width: 40px !important;
height: 40px !important;
margin-bottom: 8px !important;
object-fit: contain !important;
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
text-align: center !important;
}
.wd-nav-product-cat .nav-link-text {
font-size: 11px !important;
font-weight: 600 !important;
color: #333 !important;
text-align: center !important;
line-height: 1.2 !important;
max-height: 2.4em !important;
overflow: hidden !important;
display: -webkit-box !important;
-webkit-line-clamp: 2 !important;
-webkit-box-orient: vertical !important;
line-clamp: 2 !important;
width: 80px !important;
margin: 0 auto !important;
word-break: normal !important;
overflow-wrap: break-word !important;
white-space: normal !important;
hyphens: manual !important;
}
.wd-nav-product-cat .nav-link-count {
display: none !important;
}
.wd-btn-show-cat {
display: none !important;
}
@media (max-width: 1024px) {
ul.wd-nav-product-cat {
justify-content: flex-start !important;
}
}
/* add to cart with quantity selector */
/* Container for the original button or the new selector */
.wd-add-btn {
position: relative;
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 40px; /* Approx original button size */
min-height: 40px;/* Approx original button size */
vertical-align: middle; /* Better alignment with surrounding text/elements */
}
/* Hide WoodMart's "Ver carrito" link when our selector is active or if it appears with original + */
.wd-add-btn > a.added_to_cart.wc-forward {
display: none !important;
}
.custom-quantity-selector + a.added_to_cart.wc-forward { /* If it gets injected after our selector */
display: none !important;
}
.custom-quantity-selector {
display: inline-flex;
align-items: center;
border: 1px solid #ff2668; /* Pink border */
border-radius: 20px; /* Rounded */
overflow: hidden;
background-color: #fff;
height: 40px; /* Match original button height */
vertical-align: middle;
}
.custom-quantity-selector .qty-btn {
background-color: transparent;
border: none;
color: #ff2668; /* pink icons */
cursor: pointer;
padding: 0 10px; /* Adjust for touch targets */
font-size: 16px;
line-height: 38px;
display: flex;
align-items: center;
justify-content: center;
transition: background-color 0.2s ease;
height: 100%;
}
.custom-quantity-selector .qty-btn svg {
width: 16px;
height: 16px;
display: block; /* Fix potential inline spacing issues */
}
.custom-quantity-selector .qty-btn:hover {
background-color: #ff2668;
color: #fff;
}
.custom-quantity-selector .qty-btn:disabled { /* Style for disabled state if you implement it */
opacity: 0.5;
cursor: not-allowed;
}
.custom-quantity-selector .qty-input {
width: 30px;
text-align: center;
border: none;
border-left: 1px solid #ffeaef;
border-right: 1px solid #ffeaef;
padding: 0; /* Remove default padding */
font-size: 14px;
font-weight: bold;
color: #333;
height: 100%;
box-sizing: border-box;
outline: none;
-moz-appearance: textfield;
}
.custom-quantity-selector .qty-input::-webkit-outer-spin-button,
.custom-quantity-selector .qty-input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.custom-quantity-selector.loading {
opacity: 0.7;
pointer-events: none; /* Prevent clicks during load */
}
.custom-quantity-selector.loading::before { /* Using ::before for spinner within the selector */
content: '';
box-sizing: border-box;
position: absolute;
top: 50%;
left: 50%;
width: 20px; /* Spinner size */
height: 20px; /* Spinner size */
margin-top: -10px; /* Half of height */
margin-left: -10px;/* Half of width */
border-radius: 50%;
border: 2px solid rgba(255, 38, 104, 0.2);
border-top-color: #ff2668;
animation: custom_qty_spin 0.6s linear infinite;
z-index: 1; /* Ensure it's above input/buttons if they overlap */
}
@keyframes custom_qty_spin {
to { transform: rotate(360deg); }
}
/* Ensure original WoodMart button structure fits the new content */
.wd-add-btn > .custom-quantity-selector {
width: auto; /* Allow it to expand */
}
/* Styles for the original pink + button */
.wd-add-btn a.button.product_type_simple.add_to_cart_button:not(.added) { /* Target only if NOT 'added' by WC */
display: inline-flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
padding: 0;
border-radius: 50%;
background-color: #ff2668; /* Your pink */
color: white !important; /* Ensure icon is white. !important can help override theme styles. */
font-size: 24px; /* MODIFIED: Increased for a larger '+' icon. Adjust as needed. */
font-weight: bold; /* ADDED: Makes the '+' icon bolder if it's a text character or supported by icon font. */
line-height: 1; /* Correct for flex centering of the icon (often in ::before) */
text-decoration: none;
border: none;
box-sizing: border-box; /* Good practice */
}
/* HOVER STATE: Make the '+' icon pink on hover */
.wd-add-btn a.button.product_type_simple.add_to_cart_button:not(.added):hover {
color: #ff2668 !important; /* Change icon to your pink color */
}
/* CSS rule for the text span inside the add-to-cart button */
.wd-add-btn a.button.product_type_simple.add_to_cart_button:not(.added) span {
display: none !important; /* MODIFIED: This hides the "Añadir al carrito" text. */
/* Other properties like color, font-size, margin, padding, line-height are now irrelevant here */
}
/* This rule attempts to hide the default Woodmart checkmark/success icon more aggressively if it appears */
.wd-add-btn.wd-add-cart-icon .wd-icon-alt {
display: none !important; /* Woodmart might use wd-icon-alt for its checkmark */
}
.wd-add-btn a.added ~ .wd-icon-alt { /* if icon is a sibling after 'added' button */
display: none !important;
}
/* Disabled state for increase button when max stock reached */
.custom-quantity-selector[data-at-max="true"] .qty-increase {
opacity: 0.5;
cursor: not-allowed;
}
.custom-quantity-selector[data-at-max="true"] .qty-increase:hover {
opacity: 0.5;
filter: none;
}
/* new label style for agotado */
.product-labels .product-label.out-of-stock {
font-family: 'Nunito Sans', sans-serif !important;
text-transform: uppercase !important; /* Or 'none' if you prefer Sentence case */
font-weight: 600 !important;
font-size: 11px !important; /* Slightly smaller for a refined look */
line-height: 1.2 !important;
border-radius: 15px !important; /* Pill shape */
padding: 5px 10px !important; /* Adjust padding for balance */
min-width: auto !important; /* Let content define width */
min-height: auto !important; /* Let content define height */
max-width: none !important; /* Remove old max-width */
box-shadow: 0 1px 2px rgba(0,0,0,0.05); /* Subtle shadow for depth */
display: inline-flex !important; /* Better alignment */
align-items: center !important;
justify-content: center !important;
background-color: #f0f0f0 !important; /* Light gray background */
color: #555555 !important; /* Darker gray text */
border: 1px solid #e0e0e0 !important; /* Optional: subtle border */
}
/*
=================================================================
Out of Stock Product Styling - "Turned Off" Look
=================================================================
*/
/* General styling for the out-of-stock product card */
.wd-product.product-grid-item.outofstock {
/* Option 1: Slightly reduce opacity of the whole card.
Be mindful that this affects text readability too. */
/* opacity: 0.75 !important; */
/* Option 2: Keep card opacity at 1, but dim specific elements like image.
This is often better for text readability. We'll go with this. */
}
/* Make the product image grayscale and slightly faded */
.wd-product.product-grid-item.outofstock .product-image-link img {
filter: grayscale(100%) !important;
opacity: 0.6 !important; /* Adjust as needed, 0.5-0.7 is usually good */
transition: none !important; /* Disable any theme hover transitions on the image */
}
/* Remove or neutralize hover effects on the out-of-stock product card */
.wd-product.product-grid-item.outofstock:hover .product-image-link img {
filter: grayscale(100%) !important; /* Keep it grayscale on hover */
opacity: 0.6 !important; /* Keep opacity same on hover */
transform: none !important; /* Disable any zoom/transform effects */
}
/* If the theme adds a shadow or border on hover to the card, remove it */
.wd-product.product-grid-item.outofstock:hover {
box-shadow: none !important; /* Example if there's a box-shadow on hover */
/* border: 1px solid transparent !important; /* Example if there's a border on hover */
}
/* Text elements - usually fine, but you can mute them if needed */
.wd-product.product-grid-item.outofstock .wd-entities-title a,
.wd-product.product-grid-item.outofstock .price {
/* color: #757575 !important; */ /* Optional: If you want to mute text color */
}
/* Style the "Leer más" button to look less active / disabled */
.wd-product.product-grid-item.outofstock .wd-add-btn a.button {
background-color: #f0f0f0 !important; /* Lighter, less prominent background */
color: #999999 !important; /* Muted text color */
border-color: #e0e0e0 !important; /* Lighter border if it has one */
cursor: default !important; /* Change cursor to default */
box-shadow: none !important;
}
.wd-product.product-grid-item.outofstock .wd-add-btn a.button:hover {
background-color: #f0f0f0 !important; /* Keep same style on hover */
color: #999999 !important;
border-color: #e0e0e0 !important;
box-shadow: none !important;
}
.wd-product.product-grid-item.outofstock .product-element-bottom span:last-of-type {
}
.outofstock .wd-buttons {
display: none !important;
}
/* hide unipuntos */
/* center title loyalty */
/* Ensure the parent container centers the content */
.wll-member-welcome-text-level-container {
justify-content: center !important; /* overrides 'justify-between' if present */
text-align: center;
}
/* Center text inside the paragraph */
.wll-member-welcome-text {
text-align: center;
width: 100%; /* ensures the text takes up full width to center properly */
}
/* ================================================
SUPERUNICO.com Style for WooCommerce Subscribe Form
================================================ */
/* Import Nunito Sans font */
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&display=swap');
/* Main subscribe form container */
.cwginstock-subscribe-form {
font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif !important;
background: #ffffff;
border: 1px solid #e0e0e0;
border-radius: 12px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
margin: 20px 0;
padding: 0;
max-width: 400px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
transition: all 0.3s ease;
}
.cwginstock-subscribe-form:hover {
box-shadow: 0 6px 30px rgba(0, 0, 0, 0.12);
transform: translateY(-2px);
}
/* Remove bootstrap panel styling */
.cwginstock-subscribe-form .panel.panel-primary.cwginstock-panel-primary {
background: transparent;
border: none;
border-radius: 0;
box-shadow: none;
margin-bottom: 0;
}
/* Header styling with new golden yellow color */
.cwginstock-subscribe-form .panel-heading.cwginstock-panel-heading {
background: linear-gradient(135deg, #FFD71F 0%, #FFC107 100%) !important;
border: none;
border-radius: 0;
padding: 20px;
text-align: center;
border-bottom: none;
}
.cwginstock-subscribe-form .panel-heading h4 {
color: #333333 !important;
font-family: 'Nunito Sans', sans-serif !important;
font-size: 18px !important;
font-weight: 600 !important;
margin: 0 !important;
text-align: center !important;
letter-spacing: 0.5px;
}
/* Body content styling */
.cwginstock-subscribe-form .panel-body.cwginstock-panel-body {
padding: 25px !important;
background: #ffffff;
border: none;
}
/* Remove bootstrap row/col classes for cleaner layout */
.cwginstock-subscribe-form .row,
.cwginstock-subscribe-form .col-md-12 {
margin: 0 !important;
padding: 0 !important;
}
/* Form group styling */
.cwginstock-subscribe-form .form-group.center-block {
margin-bottom: 20px !important;
display: block !important;
width: 100% !important;
}
/* Input field styling to match SUPERUNICO's modern design */
.cwginstock-subscribe-form input[type="text"],
.cwginstock-subscribe-form input[type="email"],
.cwginstock-subscribe-form input[type="tel"],
.cwginstock-subscribe-form .cwgstock_name,
.cwginstock-subscribe-form .cwgstock_email,
.cwginstock-subscribe-form .cwgstock_phone {
width: 100% !important;
padding: 15px 16px !important;
border: 2px solid #e0e0e0 !important;
border-radius: 8px !important;
font-family: 'Nunito Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 400 !important;
color: #333333 !important;
background-color: #ffffff !important;
transition: all 0.3s ease !important;
margin-bottom: 15px !important;
text-align: left !important;
box-sizing: border-box !important;
}
.cwginstock-subscribe-form input[type="text"]:focus,
.cwginstock-subscribe-form input[type="email"]:focus,
.cwginstock-subscribe-form input[type="tel"]:focus {
border-color: #FFD71F !important;
box-shadow: 0 0 0 3px rgba(255, 215, 31, 0.1) !important;
outline: none !important;
background-color: #ffffff !important;
}
.cwginstock-subscribe-form input[type="text"]::placeholder,
.cwginstock-subscribe-form input[type="email"]::placeholder,
.cwginstock-subscribe-form input[type="tel"]::placeholder {
color: #999999 !important;
font-weight: 400 !important;
}
/* Submit button styling with new pink color */
.cwginstock-subscribe-form .cwgstock_button,
.cwginstock-subscribe-form input[type="submit"].cwgstock_button {
width: 100% !important;
padding: 15px 20px !important;
background: linear-gradient(135deg, #ff2668 0%, #e91e63 100%) !important;
color: #ffffff !important;
border: none !important;
border-radius: 8px !important;
font-family: 'Nunito Sans', sans-serif !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
text-transform: none !important;
letter-spacing: 0.5px !important;
margin-top: 10px !important;
box-shadow: 0 4px 15px rgba(255, 38, 104, 0.3) !important;
}
.cwginstock-subscribe-form .cwgstock_button:hover,
.cwginstock-subscribe-form input[type="submit"].cwgstock_button:hover {
background: linear-gradient(135deg, #e6225c 0%, #d81b5b 100%) !important;
transform: translateY(-2px) !important;
box-shadow: 0 6px 20px rgba(255, 38, 104, 0.4) !important;
}
.cwginstock-subscribe-form .cwgstock_button:active,
.cwginstock-subscribe-form input[type="submit"].cwgstock_button:active {
transform: translateY(0) !important;
box-shadow: 0 2px 10px rgba(255, 38, 104, 0.3) !important;
}
/* Success/Error messages styling */
.cwginstock-subscribe-form .cwgstock_output {
margin-top: 15px !important;
padding: 12px 16px !important;
border-radius: 8px !important;
font-family: 'Nunito Sans', sans-serif !important;
font-size: 14px !important;
font-weight: 500 !important;
text-align: center !important;
}
.cwginstock-subscribe-form .cwgstock_output .cwginstockerror {
color: #E74C3C !important;
background-color: #FEF2F2 !important;
border: 1px solid #FECACA !important;
padding: 12px !important;
border-radius: 6px !important;
}
.cwginstock-subscribe-form .cwgstock_output .cwginstocksuccess {
color: #059669 !important;
background-color: #F0FDF4 !important;
border: 1px solid #BBF7D0 !important;
padding: 12px !important;
border-radius: 6px !important;
}
/* Phone field international input styling */
.cwginstock-subscribe-form .iti {
width: 100% !important;
margin-bottom: 15px !important;
}
.cwginstock-subscribe-form .iti__country-list {
border-radius: 8px !important;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15) !important;
border: 1px solid #e0e0e0 !important;
}
.cwginstock-subscribe-form .iti__selected-flag {
border-radius: 8px 0 0 8px !important;
border-right: 2px solid #e0e0e0 !important;
}
/* Loading/blocking overlay */
.cwginstock-subscribe-form.blockOverlay {
position: relative !important;
}
.cwginstock-subscribe-form .blockMsg {
border: none !important;
background: rgba(255, 215, 31, 0.9) !important;
border-radius: 8px !important;
color: #333333 !important;
font-family: 'Nunito Sans', sans-serif !important;
font-weight: 600 !important;
}
/* Responsive adjustments */
@media (max-width: 480px) {
.cwginstock-subscribe-form {
margin: 15px 10px !important;
max-width: none !important;
}
.cwginstock-subscribe-form .panel-body.cwginstock-panel-body {
padding: 20px 15px !important;
}
.cwginstock-subscribe-form .panel-heading.cwginstock-panel-heading {
padding: 18px 15px !important;
}
.cwginstock-subscribe-form .panel-heading h4 {
font-size: 16px !important;
}
}
/* Additional classes that might be used */
.cwginstock-subscribe-form .center-block {
display: block !important;
margin-left: auto !important;
margin-right: auto !important;
}
/* Remove any conflicting bootstrap styles */
.cwginstock-subscribe-form .panel-primary > .panel-heading {
background-color: transparent !important;
border-color: transparent !important;
}
.cwginstock-subscribe-form .panel-body {
border-top: none !important;
}
/* Ensure proper spacing and layout */
.cwginstock-subscribe-form * {
box-sizing: border-box !important;
}
/* Hide any troubleshooting elements with clean styling */
.cwginstock-subscribe-form .cwg-troubleshoot {
display: none !important;
}
/* Additional form elements if present */
.cwginstock-subscribe-form .cwg_iagree_checkbox_input {
margin-right: 8px !important;
}
.cwginstock-subscribe-form label {
font-family: 'Nunito Sans', sans-serif !important;
font-size: 14px !important;
color: #555555 !important;
font-weight: 500 !important;
}
/* loyalty referall edits */
.wll-points-rewards-container {
display: none !important;
}
#wlr-redeemed-points {
display: none !important;
}
#wlr-available-points {
display: none !important;
}
.wlr-my-rewards-title[data-reward-type="rewards"] {
display: none !important;
}
.wlr-my-rewards-title[data-reward-type="coupons"] {
pointer-events: auto;
opacity: 1;
}
.wlr-user-details {
display: none !important;
}
.wlr-enable-email-sent-blog {
display: none !important;
}
.wlr-earning-options {
display: none !important;
}
/* add share link product page */
.single-product form.cart {
display: flex;
flex-wrap: wrap;
align-items: stretch;
gap: 10px;
}
.single-product form.cart .quantity {
flex-shrink: 0;
}
.add-to-cart-and-share-wrapper {
display: flex;
align-items: stretch;
gap: 10px;
flex-grow: 1;
}
.add-to-cart-and-share-wrapper .single_add_to_cart_button {
flex-grow: 1;
}
#native-share-button {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
background-color: #f5f5f5;
color: #333;
border: 1px solid #ddd;
border-radius: 5px;
padding: 10px 15px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: all 0.2s ease-in-out;
line-height: 1;
flex-shrink: 0;
}
#native-share-button:hover {
background-color: #e9e9e9;
border-color: #ccc;
color: #000;
}
#native-share-button.copied {
background-color: #4CAF50;
color: white;
border-color: #4CAF50;
}
@media (max-width: 768px) {
.single-product form.cart {
flex-direction: column;
}
.add-to-cart-and-share-wrapper {
width: 100%;
}
#native-share-button span {
display: none;
}
#native-share-button.copied span {
display: inline-block;
}
#native-share-button.copied svg {
display: none;
}
}
/* ============================================
VER TODOS BUTTON - Premium CTA Design
Centered button-like style at bottom of search
============================================ */
/* The "Ver todos" link container - centered button */
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
order: 999 !important; /* Always at bottom */
margin: 20px auto 16px auto !important;
padding: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 14px !important;
overflow: hidden;
display: flex !important;
justify-content: center;
width: auto !important;
}
/* The actual button styling - SOLID PINK by default */
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
display: flex !important;
align-items: center;
justify-content: center;
gap: 12px;
width: auto !important;
padding: 26px 40px !important;
background: linear-gradient(135deg, rgb(255, 38, 104) 0%, #e91e63 100%) !important;
border: 2px solid rgb(255, 38, 104) !important;
border-radius: 14px !important;
font-family: 'Nunito Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
font-size: 15px !important;
font-weight: 700 !important;
color: #fff !important;
text-decoration: none !important;
text-transform: uppercase;
letter-spacing: 0.5px;
cursor: pointer;
transition: all 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
box-shadow: 0 6px 20px rgba(255, 38, 104, 0.35);
position: relative;
order: unset;
}
/* Arrow icon after text */
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more::after {
content: '→';
font-size: 18px;
font-weight: 700;
transition: transform 0.25s ease;
}
/* Search icon before text */
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more::before {
content: '🔍';
font-size: 16px;
}
/* The count number - white pill on pink button */
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more .dgwt-wcas-st-more-total {
background: rgba(255, 255, 255, 0.25);
color: #fff !important;
padding: 5px 12px;
border-radius: 20px;
font-size: 13px;
font-weight: 700;
margin-left: 4px;
}
/* Hover state - becomes DARKER PINK */
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more:hover .dgwt-wcas-st-more,
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more:hover {
background: linear-gradient(135deg, #e0275a 0%, #c41854 100%) !important;
border-color: #c41854 !important;
color: #fff !important;
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(196, 24, 84, 0.45);
}
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more:hover::after {
transform: translateX(4px);
}
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more:hover .dgwt-wcas-st-more-total {
background: rgba(255, 255, 255, 0.3);
color: #fff !important;
}
/* Active/pressed state */
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more:active {
transform: translateY(0) scale(0.97);
box-shadow: 0 4px 12px rgba(255, 38, 104, 0.3);
}
/* Selected state (keyboard navigation) - darker pink like hover */
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more.dgwt-wcas-suggestion-selected .dgwt-wcas-st-more {
background: linear-gradient(135deg, #e0275a 0%, #c41854 100%) !important;
border-color: #c41854 !important;
color: #fff !important;
box-shadow: 0 10px 30px rgba(196, 24, 84, 0.45);
}
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more.dgwt-wcas-suggestion-selected .dgwt-wcas-st-more-total {
background: rgba(255, 255, 255, 0.3);
color: #fff !important;
}
/* Mobile optimizations for Ver Todos button */
@media (max-width: 768px) {
.dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
margin: 16px auto 12px auto !important;
}
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more {
padding: 23px 32px !important;
font-size: 14px !important;
border-radius: 12px !important;
gap: 10px;
}
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more::before {
font-size: 14px;
}
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more::after {
font-size: 16px;
}
.dgwt-wcas-suggestion-more .dgwt-wcas-st-more .dgwt-wcas-st-more-total {
padding: 4px 10px;
font-size: 12px;
}
}
/* FiboSearch overlay mobile mode */
.dgwt-wcas-overlay-mobile .dgwt-wcas-suggestion.dgwt-wcas-suggestion-more {
margin: 14px auto 10px auto !important;
}@media (min-width: 1025px) {
/* product grids minimum height
.product-image-link {
min-height: 300px;
}
*/
/* full width shop */
.post-type-archive-product .container { width: 95%; max-width: 95%; }
.tax-product_cat .container { width: 95%; max-width: 95%; }
/* always show add to cart in tiled product */
div.product-grid-item:not(.woodmart-hover-base) .woodmart-buttons {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
transform: none;
opacity:1;
visibility: visible;
}
/* add to cart button fix */
.woodmart-add-btn:hover>a:before {
color: rgb(255, 255, 255);
}
/* position + in add to cart */
.wd-buttons.wd-pos-r-t {
top: 70p% !important;
}
/* large search field */
.dgwt-wcas-search-wrapp {
width: 600px;
}
/* adjust menu icons new style menu img top */
/* Ensure the menu item container is a column layout */
.woodmart-nav-link {
display: flex !important;
flex-direction: column !important;
align-items: center !important;
text-align: center !important;
}
/* Increase image size and ensure it appears on top */
.woodmart-nav-link .wd-nav-img {
display: block !important;
margin-bottom: 8px !important; /* Space between image and text */
width: var(--nav-img-width, 60px) !important; /* Adjust size as needed */
height: var(--nav-img-height, 60px) !important;
max-width: 50px !important; /* Optional: Set a max size */
max-height: 50px !important;
object-fit: contain;
}
/* Ensure the text stays centered below */
.woodmart-nav-link .nav-link-text {
display: block !important;
text-align: center !important;
width: 100%;
}
/* hide + sign in title and replace with icon */
.wd-back-btn {
display: none;
}
/* add margin product page */
.yoast-breadcrumb {
margin-top: 30px;
}
}
@media (max-width: 576px) {
.banner-title-large .banner-title {
font-size: 7vw;
}
/*hide sidebar in my account */
.woodmart-my-account-sidebar {
display:none;}
/*title product page create apce from header */
.product-image-summary-wrap {
margin-top: 30px;
}
}