/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */

/* ============================================
   COLORI PRINCIPALI DEL TEMA - PRIORITÀ MASSIMA
   ============================================ */

:root {
  --bs-primary: #4A040D !important;
  --bs-primary-rgb: 74, 4, 13 !important;
  --bs-secondary: #b6835e !important;
  --bs-secondary-rgb: 182, 131, 94 !important;
}

html:root {
  --bs-primary: #4A040D !important;
  --bs-primary-rgb: 74, 4, 13 !important;
  --bs-secondary: #b6835e !important;
  --bs-secondary-rgb: 182, 131, 94 !important;
}

body {
  --bs-primary: #4A040D !important;
  --bs-primary-rgb: 74, 4, 13 !important;
  --bs-secondary: #b6835e !important;
  --bs-secondary-rgb: 182, 131, 94 !important;
}

/* ============================================
   BOTTONI - STILE BOOTSTRAP (come tema padre)
   ============================================ */

/* Bottoni primary - esattamente come Bootstrap ma con colori custom */
.btn-primary,
button.btn-primary,
a.btn-primary,
.btn.btn-primary {
  --bs-btn-color: #fff !important;
  --bs-btn-bg: #4A040D !important;
  --bs-btn-border-color: #4A040D !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #B6835E !important;
  --bs-btn-hover-border-color: #B6835E !important;
  --bs-btn-focus-shadow-rgb: 74, 4, 13 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #B6835E !important;
  --bs-btn-active-border-color: #B6835E !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #fff !important;
  --bs-btn-disabled-bg: #4A040D !important;
  --bs-btn-disabled-border-color: #4A040D !important;
  color: #fff !important;
  background-color: #4A040D !important;
  border-color: #4A040D !important;
}

.btn-primary:hover,
button.btn-primary:hover,
a.btn-primary:hover,
.btn.btn-primary:hover,
.btn-primary:focus,
button.btn-primary:focus,
a.btn-primary:focus,
.btn.btn-primary:focus {
  color: #fff !important;
  background-color: #B6835E !important;
  border-color: #B6835E !important;
}

.btn-primary:active,
button.btn-primary:active,
a.btn-primary:active,
.btn.btn-primary:active {
  color: #fff !important;
  background-color: #B6835E !important;
  border-color: #B6835E !important;
}

/* Bottoni outline-primary - esattamente come Bootstrap ma con colori custom */
.btn-outline-primary,
button.btn-outline-primary,
a.btn-outline-primary,
.btn.btn-outline-primary {
  --bs-btn-color: #4A040D !important;
  --bs-btn-border-color: #4A040D !important;
  --bs-btn-hover-color: #fff !important;
  --bs-btn-hover-bg: #B6835E !important;
  --bs-btn-hover-border-color: #B6835E !important;
  --bs-btn-focus-shadow-rgb: 74, 4, 13 !important;
  --bs-btn-active-color: #fff !important;
  --bs-btn-active-bg: #B6835E !important;
  --bs-btn-active-border-color: #B6835E !important;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125) !important;
  --bs-btn-disabled-color: #4A040D !important;
  --bs-btn-disabled-bg: transparent !important;
  --bs-btn-disabled-border-color: #4A040D !important;
  --bs-gradient: none !important;
  color: #4A040D !important;
  border-color: #4A040D !important;
  background-color: transparent !important;
}

.btn-outline-primary:hover,
button.btn-outline-primary:hover,
a.btn-outline-primary:hover,
.btn.btn-outline-primary:hover,
.btn-outline-primary:focus,
button.btn-outline-primary:focus,
a.btn-outline-primary:focus,
.btn.btn-outline-primary:focus {
  color: #fff !important;
  background-color: #B6835E !important;
  border-color: #B6835E !important;
}

.btn-outline-primary:active,
button.btn-outline-primary:active,
a.btn-outline-primary:active,
.btn.btn-outline-primary:active {
  color: #fff !important;
  background-color: #B6835E !important;
  border-color: #B6835E !important;
}

/* Link "Vedi tutti gli articoli" - come all-product-link del tema padre */
.all-product-link.btn i {
  color: var(--bs-primary);
}

.all-product-link.btn:focus i,
.all-product-link.btn:focus-visible i,
.all-product-link.btn:hover i {
  color: var(--bs-white);
}

/* ============================================
   LINK E TESTI
   ============================================ */

a,
a:link,
a:visited {
  color: #4A040D;
}

a:hover,
a:focus,
a:active {
  color: #B6835E;
}

/* Link prodotti */
.product-miniature__title a,
.product-miniature__title,
.product-miniature a,
.product-name a,
.product-title a {
  color: #4A040D;
}

.product-miniature__title a:hover,
.product-miniature__title:hover,
.product-miniature a:hover,
.product-name a:hover,
.product-title a:hover {
  color: #B6835E;
}

/* Link "Anteprima" nei prodotti */
.product-miniature__quickview_button,
.product-miniature__quickview_button.btn-link,
.product-miniature__quickview .btn-link,
.product-miniature a[href*="preview"],
.product-miniature a[href*="quick-view"],
.product-miniature .quick-view,
.product-miniature .product-preview,
.product-miniature a i.fa-eye,
.product-miniature a .fa-eye,
.product-miniature a[data-link-action="quickview"],
a[data-link-action="quickview"],
.quick-view,
.product-preview,
.btn-link.js-quickview,
button.js-quickview.btn-link {
  color: #4A040D !important;
}

.product-miniature__quickview_button:hover,
.product-miniature__quickview_button.btn-link:hover,
.product-miniature__quickview .btn-link:hover,
.product-miniature a[href*="preview"]:hover,
.product-miniature a[href*="quick-view"]:hover,
.product-miniature .quick-view:hover,
.product-miniature .product-preview:hover,
.product-miniature a i.fa-eye:hover,
.product-miniature a .fa-eye:hover,
.product-miniature a[data-link-action="quickview"]:hover,
a[data-link-action="quickview"]:hover,
.quick-view:hover,
.product-preview:hover,
.btn-link.js-quickview:hover,
button.js-quickview.btn-link:hover {
  color: #B6835E !important;
}

/* Icona occhio nel link Anteprima */
.product-miniature__quickview_button .material-icons,
.product-miniature__quickview .btn-link .material-icons,
.product-miniature__quickview_button i,
.product-miniature__quickview .btn-link i {
  color: #4A040D !important;
}

.product-miniature__quickview_button:hover .material-icons,
.product-miniature__quickview .btn-link:hover .material-icons,
.product-miniature__quickview_button:hover i,
.product-miniature__quickview .btn-link:hover i {
  color: #B6835E !important;
}

/* ============================================
   HEADER E NAVIGAZIONE
   ============================================ */

.header-top,
.header-bottom,
#header,
.header {
  background-color: #ffffff;
  border-bottom: 1px solid #e9ecef;
}

.header-top a,
.header-bottom a,
.header a {
  color: #4A040D;
}

.header-top a:hover,
.header-bottom a:hover,
.header a:hover {
  color: #B6835E;
}

.nav-link {
  color: #4A040D;
}

.nav-link:hover,
.nav-link:focus,
.nav-link:active,
.nav-link.active {
  color: #B6835E;
}

/* Menu principale */
.main-menu__tree > li > a {
  color: #4A040D;
}

.main-menu__tree > li > a:hover,
.main-menu__tree > li:hover > a {
  color: #B6835E;
}

/* Allinea menu a destra */
.main-menu,
.main-menu__tree,
.main-menu__tree > ul {
  justify-content: flex-end;
  text-align: right;
}

.main-menu__tree > li {
  margin-left: 0.5rem;
  margin-right: 0;
}

/* Header block hover */
.header-block__action-btn:hover,
.header-block__action-btn:focus {
  color: #B6835E;
}

.header-block--active .header-block,
.header-block--active .header-block__icon {
  color: #B6835E;
}

/* Carrello header */
.header-block__badge {
  background: #B6835E;
  color: #ffffff;
}

/* ============================================
   FOOTER
   ============================================ */

.footer,
.footer-container,
.footer .footer__main,
.footer__main {
  background-color: #ffffff;
  border-top: 1px solid #e9ecef;
  color: #4A040D;
}

.footer a,
.footer-container a {
  color: #4A040D;
}

.footer a:hover,
.footer-container a:hover {
  color: #B6835E;
}

.footer .h2,
.footer .h3,
.footer .h4,
.footer h2,
.footer h3,
.footer .footer__block__title,
.footer .footer__block__title a {
  color: #4A040D;
}

.footer .footer__block__content,
.footer .footer__block__content-list,
.footer .footer__block__content-contact {
  color: #4A040D !important;
}

.footer .footer__block__content a,
.footer .footer__block__content-list a,
.footer .footer__block__content-list li a,
.footer .footer__block__content-contact a {
  color: #4A040D !important;
}

.footer .footer__block__content a:hover,
.footer .footer__block__content-list a:hover,
.footer .footer__block__content-list li a:hover,
.footer .footer__block__content-contact a:hover {
  color: #B6835E !important;
}

/* ============================================
   LOGO - Rimpicciolire
   ============================================ */
.header .logo,
.header-bottom .logo,
.navbar-brand .logo,
.navbar-brand img,
.logo img {
  max-height: 60px;
  max-width: 200px;
  height: auto;
  width: auto;
}

.navbar-brand {
  max-height: 60px;
  max-width: 200px;
}

/* ============================================
   SMARTARGET REVIEWS - WIDGET CONTAINER
   ============================================ */

/* Container per il widget inline nella home */
.smartarget-reviews-widget-container {
  margin: 2rem 0;
  padding: 1.5rem;
  text-align: center;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Stile per il pulsante/widget Smartarget quando viene inserito */
.smartarget-reviews-widget-container > *,
.smartarget-reviews-widget-container [class*="smartarget"],
.smartarget-reviews-widget-container [id*="smartarget"] {
  display: inline-block;
}

/* Se il widget è vuoto, nascondilo */
.smartarget-reviews-widget-container:empty {
  display: none;
}

/* Stile per widget floating (se configurato nel pannello Smartarget) */
[class*="smartarget"][class*="floating"],
[class*="smartarget"][class*="fixed"],
[id*="smartarget"][class*="floating"],
[id*="smartarget"][class*="fixed"] {
  z-index: 1000;
}

/* Blocca qualsiasi residuo del widget Smartarget Reviews (non tocca WhatsApp) */
iframe[src*="smartarget.online"][src*="reviews"],
iframe[src*="smartarget.online"][src*="review"],
div[id*="smartarget-reviews"],
div[class*="smartarget-reviews"],
div[id*="smartarget-reviews-home"],
div[class*="smartarget-reviews-widget-container"],
[data-smartarget-app="reviews"],
[data-smartarget-app="review"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: fixed !important;
  bottom: -9999px !important;
  right: -9999px !important;
}

/* Blocca anche host/contenitori Smartarget con classi generiche */
[class*="smt-app-reviews"],
[class*="shadow-smt-app-reviews"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: fixed !important;
  bottom: -9999px !important;
  right: -9999px !important;
}

/* ============================================
   SMARTARGET REVIEWS - LABBRA CUSTOM (invece di stelle)
   ============================================ */

/* SVG delle labbra - vuote (grigio chiaro) */
:root {
  --kiss-icon-empty: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 30 C45 25, 35 25, 30 30 C25 35, 25 45, 30 50 C35 55, 45 55, 50 60 C55 55, 65 55, 70 50 C75 45, 75 35, 70 30 C65 25, 55 25, 50 30 Z" fill="none" stroke="%23cccccc" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"/><path d="M35 40 Q50 50, 65 40" fill="none" stroke="%23cccccc" stroke-width="2" stroke-linecap="round"/></svg>');
  
  /* SVG delle labbra - piene (colore #B6835E) */
  --kiss-icon-filled: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path d="M50 30 C45 25, 35 25, 30 30 C25 35, 25 45, 30 50 C35 55, 45 55, 50 60 C55 55, 65 55, 70 50 C75 45, 75 35, 70 30 C65 25, 55 25, 50 30 Z" fill="%23B6835E" stroke="%23B6835E" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/><path d="M35 40 Q50 50, 65 40" fill="%23B6835E" stroke="%23B6835E" stroke-width="2" stroke-linecap="round"/></svg>');
}

/* Intercetta tutte le possibili classi usate da Smartarget per le stelle */
[class*="smartarget"][class*="star"],
[class*="smartarget"][class*="rating"],
[class*="star"][class*="rating"],
.star-rating,
.rating-stars,
.smartarget-star,
.smartarget-rating,
[data-smartarget-rating],
[data-rating] {
  /* Nascondi le stelle originali */
  font-size: 0 !important;
  line-height: 0 !important;
}

/* Sostituisci le stelle con labbra vuote */
[class*="smartarget"][class*="star"]::before,
[class*="smartarget"][class*="rating"]::before,
[class*="star"][class*="rating"]::before,
.star-rating::before,
.rating-stars::before,
.smartarget-star::before,
.smartarget-rating::before,
[data-smartarget-rating]::before,
[data-rating]::before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: var(--kiss-icon-empty);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 4px;
  vertical-align: middle;
}

/* Per labbra piene (rating attivo/selezionato) */
[class*="smartarget"][class*="star"][class*="active"]::before,
[class*="smartarget"][class*="rating"][class*="active"]::before,
[class*="smartarget"][class*="star"][class*="filled"]::before,
[class*="smartarget"][class*="rating"][class*="filled"]::before,
.star-rating.active::before,
.rating-stars.active::before,
.smartarget-star.active::before,
.smartarget-rating.active::before,
.smartarget-star.filled::before,
.smartarget-rating.filled::before,
[data-smartarget-rating].active::before,
[data-rating].active::before {
  background-image: var(--kiss-icon-filled);
}

/* Se Smartarget usa elementi <i> o <span> per le stelle */
[class*="smartarget"] i[class*="star"],
[class*="smartarget"] span[class*="star"],
[class*="smartarget"] .star,
[class*="smartarget"] .rating-star,
[class*="smartarget"] i[class*="rating"],
[class*="smartarget"] span[class*="rating"] {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: var(--kiss-icon-empty);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  margin-right: 4px;
  font-size: 0 !important;
  text-indent: -9999px;
  overflow: hidden;
  vertical-align: middle;
}

/* Labbra piene per elementi attivi */
[class*="smartarget"] i[class*="star"].active,
[class*="smartarget"] i[class*="star"].filled,
[class*="smartarget"] span[class*="star"].active,
[class*="smartarget"] span[class*="star"].filled,
[class*="smartarget"] .star.active,
[class*="smartarget"] .star.filled,
[class*="smartarget"] .rating-star.active,
[class*="smartarget"] .rating-star.filled,
[class*="smartarget"] i[class*="rating"].active,
[class*="smartarget"] i[class*="rating"].filled,
[class*="smartarget"] span[class*="rating"].active,
[class*="smartarget"] span[class*="rating"].filled {
  background-image: var(--kiss-icon-filled);
}

/* Se Smartarget usa classi con "selected" o "checked" */
[class*="smartarget"] [class*="selected"],
[class*="smartarget"] [class*="checked"],
[class*="smartarget"] [class*="on"] {
  background-image: var(--kiss-icon-filled) !important;
}

/* Stile per container delle recensioni */
[class*="smartarget"][class*="review"],
[class*="smartarget"][class*="widget"],
[class*="smartarget-rating"] {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}

/* ============================================
   SMARTARGET WHATSAPP - NASCONDI BRAND
   ============================================ */

/* Nascondi il brand "Smartarget" dal widget WhatsApp (mantieni il widget funzionante) */
[class*="smt-app-whatsapp"] [class*="powered"],
[class*="smt-app-whatsapp"] [class*="brand"],
[class*="smt-app-whatsapp"] [class*="attribution"],
[class*="smt-app-whatsapp"] [class*="credit"],
[class*="smt-app-whatsapp"] [class*="logo"],
[class*="smt-app-whatsapp"] [id*="powered"],
[class*="smt-app-whatsapp"] [id*="brand"],
[class*="smt-app-whatsapp"] [id*="attribution"],
[class*="smt-app-whatsapp"] [id*="credit"],
[class*="smt-app-whatsapp"] [id*="logo"],
[class*="smt-app-whatsapp"] a[href*="smartarget"],
[class*="shadow-smt-app-whatsapp"] [class*="powered"],
[class*="shadow-smt-app-whatsapp"] [class*="brand"],
[class*="shadow-smt-app-whatsapp"] [class*="attribution"],
[class*="shadow-smt-app-whatsapp"] [class*="credit"],
[class*="shadow-smt-app-whatsapp"] [class*="logo"],
[class*="shadow-smt-app-whatsapp"] [id*="powered"],
[class*="shadow-smt-app-whatsapp"] [id*="brand"],
[class*="shadow-smt-app-whatsapp"] [id*="attribution"],
[class*="shadow-smt-app-whatsapp"] [id*="credit"],
[class*="shadow-smt-app-whatsapp"] [id*="logo"],
[class*="shadow-smt-app-whatsapp"] a[href*="smartarget"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  left: -9999px !important;
  top: -9999px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  text-indent: -9999px !important;
  pointer-events: none !important;
}

/* Nascondi il testo "by Smartarget" che appare sotto il pulsante WhatsApp */
[class*="smt-app-whatsapp"] *:not([class*="button"]):not([class*="btn"]),
[class*="shadow-smt-app-whatsapp"] *:not([class*="button"]):not([class*="btn"]) {
  /* Verrà gestito da JavaScript per nascondere elementi con testo "by Smartarget" */
}

/* Nascondi popup/notifiche Smartarget che appaiono nelle altre pagine */
[class*="smartarget"][class*="popup"],
[class*="smartarget"][class*="notification"],
[class*="smartarget"][class*="alert"],
[class*="smartarget"][class*="modal"],
[class*="smartarget"][class*="toast"],
[class*="smartarget"][class*="message"],
[id*="smartarget"][class*="popup"],
[id*="smartarget"][class*="notification"],
[id*="smartarget"][class*="alert"],
[id*="smartarget"][class*="modal"],
[id*="smartarget"][class*="toast"],
[id*="smartarget"][class*="message"],
[class*="smt-"][class*="popup"],
[class*="smt-"][class*="notification"],
[class*="smt-"][class*="alert"],
[class*="smt-"][class*="modal"],
[class*="smt-"][class*="toast"],
[class*="smt-"][class*="message"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  width: 0 !important;
  height: 0 !important;
  max-width: 0 !important;
  max-height: 0 !important;
  overflow: hidden !important;
  position: fixed !important;
  left: -9999px !important;
  top: -9999px !important;
  z-index: -1 !important;
  pointer-events: none !important;
}

/* ============================================
   BLOG - IMMAGINE ARTICOLO
   ============================================ */

.desideriablog-article-single .desideriablog-article-image-wrapper,
.desideriablog-article-single .desideriablog-article-image {
  position: static !important;
  float: none !important;
  clear: both !important;
  display: block !important;
  width: 100% !important;
  margin-bottom: 1.5rem !important;
}

.desideriablog-article-single .desideriablog-article-image-wrapper,
.desideriablog-article-single .desideriablog-article-image {
  width: 100% !important;
  max-width: 600px !important;
  height: 400px !important;
  margin: 0 auto 1.5rem auto !important;
  overflow: hidden !important;
  border-radius: 8px !important;
}

.desideriablog-article-single .desideriablog-article-image-wrapper img,
.desideriablog-article-single .desideriablog-article-image img,
.desideriablog-article-single .desideriablog-article-image-img {
  position: static !important;
  float: none !important;
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  margin: 0 !important;
}