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

:root {
	--wd-header-banner-h: 40px;
	--wd-text-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 300;
	--wd-entities-title-color: rgb(51,51,51);
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Roboto", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Lato", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 400;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-otl-style: solid;
	--wd-otl-width: 1px;
	--wd-primary-color: rgb(85,105,121);
	--wd-alternative-color: #fbbc34;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: rgb(47,93,119);
	--btn-accented-bgcolor-hover: rgb(85,105,121);
	--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-sticky-btn-height: 95px;
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: url(https://hebiskin.com/wp-content/uploads/2021/11/w-smart-home-popup.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 800px;
	--wd-popup-padding: 15px;
}
.header-banner {
	background-color: rgb(93,24,34);
	background-image: none;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(16,16,16);
	background-image: none;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}

@media (max-width: 1024px) {
	:root {
		--wd-header-banner-h: 40px;
	--wd-sticky-btn-height: 95px;
	}

}

@media (max-width: 768.98px) {
	:root {
		--wd-sticky-btn-height: 42px;
	}

}
:root{
--wd-container-w: 1222px;
--wd-form-brd-radius: 5px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 5px;
--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;
--wd-brd-radius: 5px;
}

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


.wd-page-title {
background-color: rgb(255,255,255);
}

.product-labels .onsale.product-label {
   display: none !important;
}
/* =========================
   HEBI – PRICE INLINE (clean)
   ========================= */

.hebi-price-inline{
  display:inline-flex;
  flex-wrap:wrap;
  gap:6px;
  align-items:baseline;
}

/* Non toccare il prezzo principale (WoodMart gestisce .amount) */

/* Valore: più piccolo e secondario (override su .amount dentro) */
.hebi-price-inline .hebi-price-worth,
.hebi-price-inline .hebi-price-worth .amount{
  font-size: .88em !important;
  line-height: 1.2;
  opacity: 1.0;
  font-weight: 400;
}

/* Prodotti inclusi: stesso livello del valore */
.hebi-price-inline .hebi-price-included{
  font-size: .80em;
  line-height: 1.2;
  opacity: .78;
  font-weight: 400;
}

/* Spaziatura: niente margini strani dentro il prezzo */
.hebi-price-inline span{
  margin:0;
  padding:0;
}
@media (max-width: 767px){
  .hebi-price-inline{ row-gap:4px; }
  .hebi-price-inline .hebi-price-worth,
  .hebi-price-inline .hebi-price-included{
    display:inline-block;
  }
}
div.title-size-default {
		--wd-title-font-s: 28px;
}
.wd-sticky-btn-cart .stock {
    display: none !important;
}
/* --- 1. NASCONDI PUNTI E DISPONIBILITÀ (Sia Mobile che Desktop) --- */
body .wd-sticky-btn-cart .stock,
body .wd-sticky-btn-cart .wlr-product-message {
    display: none !important;
}

/* --- 2. FORZA RIGA UNICA SOLO SU DESKTOP (> 1024px) --- */
@media (min-width: 1024px) {
    
    /* Forza il contenitore del prezzo a trattare i contenuti come una riga */
    body .wd-sticky-btn-cart .price {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important; /* Impedisce l'a capo */
        gap: 8px !important;
        white-space: nowrap !important; /* Assicura che il testo resti su una riga */
    }

    /* Targettiamo SPECIFICAMENTE le classi del tuo plugin per annullare il loro stile a blocco */
    body .wd-sticky-btn-cart .price > span,
    body .wd-sticky-btn-cart .price .hebi-price-inline, 
    body .wd-sticky-btn-cart .price .hebi-price-worth, 
    body .wd-sticky-btn-cart .price .hebi-price-included {
        display: inline-block !important;
        width: auto !important;
        margin: 0 !important;
        line-height: 1 !important;
        border: none !important;
        padding: 0 !important;
    }
}
/* 1. Nasconde l'immagine dell'avatar */
.woocommerce-Reviews .comment_container img {
    display: none !important;
}

/* 2. Rimuove il margine sinistro dal testo per allinearlo correttamente */
.woocommerce-Reviews .comment_container .comment-text {
    margin-left: 0 !important;
    padding-left: 0 !important;
    width: 100% !important;
}
/* 1. Forza il layout a colonna singola (rimuove la griglia 2 colonne di Woodmart) */
.wd-single-reviews.wd-layout-two-column {
    display: block !important;
}

.wd-single-reviews #comments,
.wd-single-reviews #review_form_wrapper {
    width: 100% !important;
    float: none !important;
    padding: 0 !important;
    border: none !important;
}

/* 2. Sposta il form sotto e crea spazio */
.wd-single-reviews #review_form_wrapper {
    margin-top: 30px;
    border-top: 1px solid #e1e1e1 !important;
    padding-top: 20px !important;
}

/* 3. Stile Accordion per il titolo "Aggiungi una recensione" */
#review_form_wrapper #reply-title {
    cursor: pointer;
    background-color: #f9f9f9;
    padding: 15px 20px;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    transition: all 0.3s ease;
}

#review_form_wrapper #reply-title:hover {
    background-color: #f1f1f1;
}

/* Aggiunge l'icona + alla fine del titolo */
#review_form_wrapper #reply-title::after {
    content: '+';
    font-size: 20px;
    font-weight: normal;
}

/* Cambia l'icona in - quando è aperto (gestito via JS) */
#review_form_wrapper #reply-title.active::after {
    content: '-';
}

/* 4. Nasconde il form vero e proprio inizialmente */
#review_form_wrapper form.comment-form {
    display: none; /* Nascosto di default */
    padding: 20px;
    border: 1px solid #f9f9f9;
    border-top: none;
}

/* =========================
   FIX TESTO INVISIBILE (.p1 bianco da Elementor Home)
   Ripristina colore nei blocchi con sfondo chiaro (hotspot / hover product)
   ========================= */

.hotspot-product .p1,
.hotspot-product .p1 *,
.wd-hover-base .p1,
.wd-hover-base .p1 * {
  color: #111 !important;
}
/* Nasconde il badge "Created with Klaviyo" sotto il popup */
a[aria-label="Created with Klaviyo - opens in a new tab"],
a[href*="klaviyo.com/features/forms-web-personalization"] {
  display: none !important;
}
/* Stile del bottone "Leggi tutte le recensioni" generato via JS */
#wd-read-more-reviews-btn {
    cursor: pointer;
    background-color: #f9f9f9;
    padding: 15px 20px;
    border-radius: 5px;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    margin-top: 20px;
    transition: all 0.3s ease;
    display: block; /* Assicura che prenda la larghezza */
    width: 100%;
}

#wd-read-more-reviews-btn:hover {
    background-color: #f1f1f1;
}

/* Classe di utilità per nascondere le recensioni in eccesso inizialmente */
.wd-review-hidden {
    display: none;
}
/* Gap tra pulsante Add to cart e PayPal */
.single-product form.cart .single_add_to_cart_button{
  margin-bottom: 12px !important;
}

/* sicurezza: se PayPal sta forzando margini */
.single-product form.cart .paypal-buttons,
.single-product form.cart .wc-ppcp-button-container,
.single-product form.cart .ppc-button{
  margin-top: 12px !important;
}
html, body{
  overflow-y:auto !important;
  max-height:none !important;
}
/* =========================================================
   HEBI SKIN — Safe Layout Fixes
   ========================================================= */

/* 1. Footer in basso (Metodo Sicuro che non rompe JS) */
/* Assicura che il contenuto centrale sia abbastanza alto da spingere giù il footer */
.main-page-wrapper {
    min-height: 60vh; 
}

/* 2. Spazio Mobile per Toolbar Woodmart */
/* Evita che il contenuto finale venga coperto dalla barra di navigazione in basso */
@media (max-width: 768px){
  body {
    padding-bottom: 80px !important; /* Spazio di sicurezza */
  }
}
@media (max-width: 768px) {
    .wd-product-video-vimeo {
        aspect-ratio: 16 / 9 !important; /* Metti 9/16 se il video Vimeo è in formato verticale stile TikTok */
        height: auto !important;
    }
    .wd-product-video-vimeo iframe {
        object-fit: contain !important;
        width: 100% !important;
        height: 100% !important;
    }
}@media (max-width: 576px) {
	/* =========================================
   HEBI – FIX SIDE CART MOBILE (WoodMart)
   ========================================= */

/* 1) STOP regola globale che può impattare l'off-canvas (side cart) */
.wd-side-cart div.title-size-default{
  --wd-title-font-s: unset; /* evita che prenda 28px */
}

/* Se vuoi mantenere il 28px ALTROVE, limita la tua regola così: */
/* .single-product div.title-size-default{ --wd-title-font-s: 28px; } */

/* 2) Forza mini layout nel side cart su mobile (thumb piccola, no hero image) */
@media (max-width: 767px){

  .wd-side-cart .woocommerce-mini-cart-item{
    align-items:flex-start;
  }

  .wd-side-cart .woocommerce-mini-cart-item .product-thumbnail,
  .wd-side-cart .woocommerce-mini-cart-item .product-thumbnail img{
    width:64px !important;
    max-width:64px !important;
    height:auto !important;
  }

  .wd-side-cart .woocommerce-mini-cart-item img{
    object-fit:contain;
  }

  /* evita che il titolo “esploda” in stile H2 */
  .wd-side-cart .woocommerce-mini-cart-item .mini-cart-title,
  .wd-side-cart .woocommerce-mini-cart-item .product-title,
  .wd-side-cart .woocommerce-mini-cart-item a{
    font-size:14px;
    line-height:1.25;
  }

  /* CTA in basso coerenti */
  .wd-side-cart .cart-actions a,
  .wd-side-cart .cart-actions .button{
    width:100%;
    display:block;
  }
}
}