.widget-tabs-wrapper {
	.widget-tab-title {
		cursor: pointer;
		&:hover {
			color: var(--theme-color-default) !important; 
		}
	}
}

/* Colore testo link nei dropdown */
.leo-megamenu .dropdown-menu a {
  color: #234242 !important;   /* colore normale */
  font-size: 20px;   /* dimensione del testo dei sottomenu  */
   line-height: 1.4;  /* migliora la leggibilità *7
  font-weight: 600 !important;  /* opzionale: grassetto */
}


/* Colore al passaggio del mouse */
.leo-megamenu .dropdown-menu a:hover {
  color: #c3a6e8 !important;   /* colore hover */
  /*background-color: #c3a6e8;   /* opzionale: colore sfondo hover */
}

/* === ADD TO CART (pagina prodotto e lista) === */
.product-add-to-cart .add-to-cart.btn,
button.add-to-cart,
a.add-to-cart,
.btn.btn-primary.add-to-cart {
  background-color: #c3a6e8;   /* colore sfondo */
  border-color: #c3a6e8;       /* colore bordo */
  color: #fff;                 /* colore testo */
}
.product-add-to-cart .add-to-cart.btn:hover,
button.add-to-cart:hover,
a.add-to-cart:hover,
.btn.btn-primary.add-to-cart:hover {
  background-color: #0666C4;   /* hover */
  border-color: #0666C4;
  color: #fff;
}

/* === ICONE (wishlist, confronta, ecc.) versione piena === */
/* Leo/Leotheme spesso usa questi selettori: */
.product-actions .btn.btn-outline,
.leo-wishlist-button .btn,
.leo-compare-button .btn,
.wishlist-button-add,
.compare-button,
.product-actions .btn-icon {
  background-color: #c3a6e8;   /* stesso colore del bottone */
  border-color: #c3a6e8;
  color: #fff;                 /* icona (svg/font) */
}
.product-actions .btn.btn-outline:hover,
.leo-wishlist-button .btn:hover,
.leo-compare-button .btn:hover,
.wishlist-button-add:hover,
.compare-button:hover,
.product-actions .btn-icon:hover {
  background-color: #0666C4;
  border-color: #0666C4;
  color: #fff;
}

/* ICOSMiC accordion look */
.acc .acc-toggle{
  display:block;
  background:#f5f5f5;              /* rettangolo grigio */
  border:1px solid #e1e1e1;
  border-radius:10px;
  padding:12px 14px;
  margin:10px 0;
  text-decoration:none;
  color:inherit;
  position:relative;
}
.acc .acc-toggle::after{
  content:"+";
  position:absolute;
  right:12px;
  top:50%;
  transform:translateY(-50%);
  font-weight:700;
  line-height:1;
}
.acc .acc-toggle.is-open{
  background:#eeeeee;               /* leggermente più scuro da aperto */
}
.acc .acc-toggle.is-open::after{
  content:"−";
}
.acc .acc-panel{
  padding:6px 4px 4px 8px;          /* un filo di respiro sotto il titolo */
}

/*** COLORE SEZIONI ****/

.acc .acc-toggle{
  background:#fff;
  border:2px solid #c3a6e8;
  color:#3a2c63;
}
.acc .acc-toggle:hover,
.acc .acc-toggle.is-open{
  background:#c3a6e8;
  color:#fff;
}
.acc .acc-toggle::after{
  content:"+";
  color:#c3a6e8;
}
.acc .acc-toggle.is-open::after{
  content:"−";
  color:#fff;
}

@media (max-width:767px){
  .acc .acc-toggle{ padding:10px 12px; font-size:15px; }
  .acc .acc-panel{ padding:8px 12px; }
}


/* === FINITURA LILLA PREMIUM ICOSMiC === */

/* bordo e ombra della colonna destra scrollabile */
@media (min-width: 992px){
  #product .row > div.col-md-6:last-child,
  #product .row > div.col-lg-6:last-child,
  #product .row > div.col-xl-6:last-child,
  .pb-right-column {
    border: 2px solid #c3a6e8 !important;
    box-shadow: 0 0 10px rgba(195,166,232,0.25);
  }
}

/* effetto hover + transizione morbida sui titoli dell’accordion */
.acc .acc-toggle{
  transition: all 0.25s ease-in-out;
  box-shadow: 0 0 0 rgba(195,166,232,0);
}
.acc .acc-toggle:hover{
  box-shadow: 0 4px 10px rgba(195,166,232,0.3);
}

/* transizione morbida anche sull’icona +/− */
.acc .acc-toggle::after{
  transition: transform .25s ease, color .25s ease;
}
.acc .acc-toggle.is-open::after{
  transform: rotate(180deg);
}



/* === MENU ICOSMiC – fondo bianco fisso === */

/* Barra principale */
.header-nav,
#header,
.leo-main-header,
#header .header-top,
#header .header-bottom {
  background: #ffffff !important;       /* fondo bianco */
  backdrop-filter: none !important;     /* disattiva sfocatura trasparente */
  -webkit-backdrop-filter: none !important;
  border-bottom: 1px solid #eee;        /* leggera linea di separazione */
}

/* Se usi header sticky (menu che resta fisso in alto) */
.header-sticky,
.leo-sticky-header,
#header.header-sticky {
  background: #ffffff !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05); /* leggerissima ombra */
}

/* Link del menu – colore più scuro per contrasto sul bianco */
#header .leo-megamenu .nav > li > a,
#header .header-nav a {
  color: #3a2c63 !important;   /* lilla scuro / grigio del brand */
}

/* Hover attivo */
#header .leo-megamenu .nav > li:hover > a,
#header .leo-megamenu .nav > li.active > a {
  color: #c3a6e8 !important;   /* lilla principale */
}


/****** SCROLLING PRODOTTO ******/
/* === ICOSMiC sticky product (CSS) === */
@media (min-width: 992px){
  /* sblocca overflow dei wrapper che spesso rompono lo sticky */
  .page-product #wrapper,
  .page-product #content,
  .page-product #main,
  .page-product .container,
  .page-product .row,
  .page-product .product-detail {
    overflow: visible !important;
  }

  /* evita che il flex allinei al centro verticalmente */
  .page-product .row > [class*="col-"] {
    align-self: flex-start;
  }

  /* immagini sempre scalate correttamente */
  .page-product .images-container img,
  .page-product .product-cover img,
  .page-product .js-qv-product-images img {
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    object-fit: contain;
  }
}

/* ICOSMiC sticky safety */
@media (min-width: 992px){
  .page-product #wrapper,
  .page-product #content,
  .page-product #main,
  .page-product .container,
  .page-product .row,
  .page-product .product-detail { overflow: visible !important; }

  .page-product .row > [class*="col-"] { align-self: flex-start; }
  .page-product .images-container img,
  .page-product .product-cover img,
  .page-product .js-qv-product-images img { width:100% !important; height:auto !important; max-height:none !important; object-fit:contain; }
}

/* Sistemare la gallery sticky del prodotto ICOSMIC */
@media (min-width: 992px) {
  /* Colonna immagini: rimane sticky ma sotto il resto */
  #main.product-detail .images-container {
    z-index: 1;
  }


  /* Sezione "Provalo insieme a" (prodotti simili): deve stare sopra */
  #main.product-detail .product-accessories {
    position: relative;
    z-index: 2;
  }
}


.checklistIC li {
  list-style: none;
  margin-left: 0;
  padding-left: 25px;
  position: relative;
}

.checklistIC li::before {
  content: "✔";
  color: #c3a6e8; /* lilla */
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.checklistIC2 li {
  list-style: none;
  margin-left: 0;
  padding-left: 25px;
  position: relative;
}

.checklistIC2 li::before {
  content: "=>";
  color: #c3a6e8; /* lilla */
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}

.product-description strong,
.leo-product-summary strong {
  font-weight: bold !important;
}

/* ICOSMIC product tabs */
.product-tabs .nav-tabs .nav-link {
    font-size: 14px !important; /* riduci la dimensione */
    font-weight: bold !important; /* grassetto */
}

.product-tabs .nav-tabs .nav-link.active {
    font-weight: bold !important; /* anche l'attiva */
}

.images-container {
  display: none !important;
}


/* Nasconde il tab "Dettagli del prodotto" */
#product_details_tab,
[data-type="product-details"],
.product-tabs li:nth-child(2) {
  display: none !important;
}

/* Nasconde anche il contenuto del tab */
#product-details,
.tab-pane[data-type="product-details"] {
  display: none !important;
}

/* FIX checklist prodotti */
.checklistIC li:nth-child(2),
.checklistIC2 li:nth-child(2) {
  display: list-item !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* FIX LeoElements sticky che rompe le pagine CMS (desktop) */
@media (min-width: 992px){
  body.cms-id-4,
  body.cms-id-12,
  body.cms-id-13,
  body.cms-id-14,
  body.cms-id-15{
    --cmsFix: 1;
  }

  body.cms-id-4 .container.container-parent,
  body.cms-id-12 .container.container-parent,
  body.cms-id-13 .container.container-parent,
  body.cms-id-14 .container.container-parent,
  body.cms-id-15 .container.container-parent{
    position: static !important;
    top: auto !important;
    min-height: 0 !important;
  }

  body.cms-id-4 main#page,
  body.cms-id-12 main#page,
  body.cms-id-13 main#page,
  body.cms-id-14 main#page,
  body.cms-id-15 main#page{
    padding-top: 140px !important;
  }
}
