/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn™
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/



@font-face {
    font-family: 'Turnpike';
    src: url('fonts/Turnpike.eot');
    src: url('fonts/Turnpike.eot') format('embedded-opentype'),
         url('fonts/Turnpike.woff2') format('woff2'),
         url('fonts/Turnpike.woff') format('woff'),
         url('fonts/Turnpike.ttf') format('truetype'),
         url('fonts/Turnpike.svg#Turnpike') format('svg');
}

@font-face {
    font-family: 'MaisonNeueLight';
    src: url('fonts/MaisonNeueLight.eot');
    src: url('fonts/MaisonNeueLight.eot') format('embedded-opentype'),
         url('fonts/MaisonNeueLight.woff2') format('woff2'),
         url('fonts/MaisonNeueLight.woff') format('woff'),
         url('fonts/MaisonNeueLight.ttf') format('truetype'),
         url('fonts/MaisonNeueLight.svg#MaisonNeueLight') format('svg');
}

@font-face {
    font-family: 'MaisonNeueBook';
    src: url('fonts/MaisonNeueBook.eot');
    src: url('fonts/MaisonNeueBook.eot') format('embedded-opentype'),
         url('fonts/MaisonNeueBook.woff2') format('woff2'),
         url('fonts/MaisonNeueBook.woff') format('woff'),
         url('fonts/MaisonNeueBook.ttf') format('truetype'),
         url('fonts/MaisonNeueBook.svg#MaisonNeueBook') format('svg');
}

@font-face {
    font-family: 'MaisonNeueMedium';
    src: url('fonts/MaisonNeueMedium.eot');
    src: url('fonts/MaisonNeueMedium.eot') format('embedded-opentype'),
         url('fonts/MaisonNeueMedium.woff2') format('woff2'),
         url('fonts/MaisonNeueMedium.woff') format('woff'),
         url('fonts/MaisonNeueMedium.ttf') format('truetype'),
         url('fonts/MaisonNeueMedium.svg#MaisonNeueMedium') format('svg');
}

@font-face {
    font-family: 'MaisonNeueDemi';
    src: url('fonts/MaisonNeueDemi.eot');
    src: url('fonts/MaisonNeueDemi.eot') format('embedded-opentype'),
         url('fonts/MaisonNeueDemi.woff2') format('woff2'),
         url('fonts/MaisonNeueDemi.woff') format('woff'),
         url('fonts/MaisonNeueDemi.ttf') format('truetype'),
         url('fonts/MaisonNeueDemi.svg#MaisonNeueDemi') format('svg');
}




.main-container .row-container .single-h-padding, 
.block-wrapper-parent .row-container .single-h-padding, 
.has-unblock .row-container .single-h-padding {
    padding-left: 18px !important;
    padding-right: 18px !important;
}


@media (min-width: 960px) {
  .single-h-padding#masthead .row-menu .row-menu-inner,
  .single-h-padding.top-menu.navbar .row-menu .row-menu-inner,
  .single-h-padding#masthead .overlay.overlay-search .overlay-search-wrapper,
  .single-h-padding.top-menu.navbar .overlay.overlay-search .overlay-search-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }
}


.mobile-additional-icon i {
  font-size: 16px;
}


/*
@media (min-width: 960px) {
  .font-size-submenu,
  .menu-horizontal ul ul a:not([data-icon]),
  .vmenu-container ul ul a:not([data-icon]),
  .menu-horizontal ul ul .unmenu-title:not(.font-size-title-custom):not(.font-size-custom > *),
  .vmenu-container ul ul .unmenu-title:not(.font-size-title-custom):not(.font-size-custom > *) {
    font-size: 11px;
  }
}
*/

/* ==========================================================
   RIPRISTINO FONT-SIZE MEGAMENU (PREVIENE IL CORRUTTORE DI UNCODE)
   ========================================================== */
@media (min-width: 960px) {
  /* Forza tutti gli elementi testuali del megamenu a ereditare le classi del builder */
  .menu-horizontal .megamenu-inner a:not([data-icon]),
  .menu-horizontal .megamenu-inner .unmenu-title,
  .menu-horizontal .megamenu-inner [class*="fontsize-"] {
    font-size: inherit !important;
  }
}


.divider-wrapper.caption-divider {
  margin-top: 9px !important;
}

/*
.style-light .ui-br,
.style-dark .style-light .ui-br,
.style-light hr,
.style-dark .style-light hr,
.style-light pre,
.style-dark .style-light pre,
.style-light table,
.style-dark .style-light table,
.style-light table td,
.style-dark .style-light table td,
.style-light table th,
.style-dark .style-light table th,
.style-light input,
.style-dark .style-light input,
.style-light textarea,
.style-dark .style-light textarea,
.style-light select,
.style-dark .style-light select,
.style-light .seldiv,
.style-dark .style-light .seldiv,
.style-light .select2-choice,
.style-dark .style-light .select2-choice,
.style-light .select2-selection--single,
.style-dark .style-light .select2-selection--single,
.style-light fieldset,
.style-dark .style-light fieldset,
.style-light .seldiv:before,
.style-dark .style-light .seldiv:before,
.style-light .tab-container .menu-smart .nav-tabs:not(.tabs-vertical),
.style-dark .style-light .tab-container .menu-smart .nav-tabs:not(.tabs-vertical),
.style-light .tab-container .nav-tabs,
.style-dark .style-light .tab-container .nav-tabs,
.style-light .menu-smart .nav-tabs:not(.tabs-vertical) > li.active > a,
.style-dark .style-light .menu-smart .nav-tabs:not(.tabs-vertical) > li.active > a,
.style-light .nav-tabs > li.active > a,
.style-dark .style-light .nav-tabs > li.active > a,
.style-light .border-100 .tab-content::before,
.style-dark .style-light .border-100 .tab-content::before,
.style-light .tab-content.vertical,
.style-dark .style-light .tab-content.vertical,
.style-light .nav-tabs.tabs-vertical > li,
.style-dark .style-light .nav-tabs.tabs-vertical > li,
.style-light .panel,
.style-dark .style-light .panel,
.style-light .panel-group .panel-heading + .panel-collapse:before,
.style-dark .style-light .panel-group .panel-heading + .panel-collapse:before,
.style-light .divider:before,
.style-dark .style-light .divider:before,
.style-light .divider:after,
.style-dark .style-light .divider:after,
.style-light .plan,
.style-dark .style-light .plan,
.style-light .plan .plan-title,
.style-dark .style-light .plan .plan-title,
.style-light .plan .item-list > li,
.style-dark .style-light .plan .item-list > li,
.style-light .plan .plan-button,
.style-dark .style-light .plan .plan-button,
.style-light .uncode-single-media-wrapper.img-thumbnail:not(.single-advanced),
.style-dark .style-light .uncode-single-media-wrapper.img-thumbnail:not(.single-advanced),
.style-light .post-share,
.style-dark .style-light .post-share,
.style-light .post-tag-share-container,
.style-dark .style-light .post-tag-share-container,
.style-light .widget-container .widget-title,
.style-dark .style-light .widget-container .widget-title,
.style-light .widget-container.widget_calendar #wp-calendar caption,
.style-dark .style-light .widget-container.widget_calendar #wp-calendar caption,
.style-light .widget-container.widget_calendar .wp-calendar-nav,
.style-dark .style-light .widget-container.widget_calendar .wp-calendar-nav,
.style-light #comments .comment-list .comments-list:first-child,
.style-dark .style-light #comments .comment-list .comments-list:first-child,
.style-light #respond .comment-list .comments-list:first-child,
.style-dark .style-light #respond .comment-list .comments-list:first-child,
.style-light #comments .comments-list .comment-content,
.style-dark .style-light #comments .comments-list .comment-content,
.style-light #respond .comments-list .comment-content,
.style-dark .style-light #respond .comments-list .comment-content,
.style-light ul.dwls_search_results,
.style-dark .style-light ul.dwls_search_results,
.style-light ul.dwls_search_results li,
.style-dark .style-light ul.dwls_search_results li,
.style-light .ajax-filter-sidebar .ajax-filter-sidebar-header,
.style-dark .style-light .ajax-filter-sidebar .ajax-filter-sidebar-header,
.style-light .ajax-filter-sidebar .ajax-filter-sidebar-footer,
.style-dark .style-light .ajax-filter-sidebar .ajax-filter-sidebar-footer,
.style-light .swatch-type-label,
.style-dark .style-light .swatch-type-label,
.style-light .swatch--logo,
.style-dark .style-light .swatch--logo,
.style-light .widget-container .tagcloud a,
.style-dark .style-light .widget-container .tagcloud a {
  border-color: #e1e1e1;
}*/


.style-light .ui-br, .style-dark .style-light .ui-br, .style-light hr, .style-dark .style-light hr, .style-light pre, .style-dark .style-light pre, .style-light table, .style-dark .style-light table, .style-light table td, .style-dark .style-light table td, .style-light table th, .style-dark .style-light table th, .style-light input, .style-dark .style-light input, .style-light textarea, .style-dark .style-light textarea, .style-light select, .style-dark .style-light select, .style-light .seldiv, .style-dark .style-light .seldiv, .style-light .select2-choice, .style-dark .style-light .select2-choice, .style-light .select2-selection--single, .style-dark .style-light .select2-selection--single, .style-light fieldset, .style-dark .style-light fieldset, .style-light .seldiv::before, .style-dark .style-light .seldiv::before, .style-light .tab-container .menu-smart .nav-tabs:not(.tabs-vertical), .style-dark .style-light .tab-container .menu-smart .nav-tabs:not(.tabs-vertical), .style-light .tab-container .nav-tabs, .style-dark .style-light .tab-container .nav-tabs, .style-light .menu-smart .nav-tabs:not(.tabs-vertical) > li.active > a, .style-dark .style-light .menu-smart .nav-tabs:not(.tabs-vertical) > li.active > a, .style-light .nav-tabs > li.active > a, .style-dark .style-light .nav-tabs > li.active > a, .style-light .border-100 .tab-content::before, .style-dark .style-light .border-100 .tab-content::before, .style-light .tab-content.vertical, .style-dark .style-light .tab-content.vertical, .style-light .nav-tabs.tabs-vertical > li, .style-dark .style-light .nav-tabs.tabs-vertical > li, .style-light .panel, .style-dark .style-light .panel, .style-light .panel-group .panel-heading + .panel-collapse::before, .style-dark .style-light .panel-group .panel-heading + .panel-collapse::before, .style-light .divider::before, .style-dark .style-light .divider::before, .style-light .divider::after, .style-dark .style-light .divider::after, .style-light .plan, .style-dark .style-light .plan, .style-light .plan .plan-title, .style-dark .style-light .plan .plan-title, .style-light .plan .item-list > li, .style-dark .style-light .plan .item-list > li, .style-light .plan .plan-button, .style-dark .style-light .plan .plan-button, .style-light .uncode-single-media-wrapper.img-thumbnail:not(.single-advanced), .style-dark .style-light .uncode-single-media-wrapper.img-thumbnail:not(.single-advanced), .style-light .post-share, .style-dark .style-light .post-share, .style-light .post-tag-share-container, .style-dark .style-light .post-tag-share-container, .style-light .widget-container .widget-title, .style-dark .style-light .widget-container .widget-title, .style-light .widget-container.widget_calendar #wp-calendar caption, .style-dark .style-light .widget-container.widget_calendar #wp-calendar caption, .style-light .widget-container.widget_calendar .wp-calendar-nav, .style-dark .style-light .widget-container.widget_calendar .wp-calendar-nav, .style-light #comments .comment-list .comments-list:first-child, .style-dark .style-light #comments .comment-list .comments-list:first-child, .style-light #respond .comment-list .comments-list:first-child, .style-dark .style-light #respond .comment-list .comments-list:first-child, .style-light #comments .comments-list .comment-content, .style-dark .style-light #comments .comments-list .comment-content, .style-light #respond .comments-list .comment-content, .style-dark .style-light #respond .comments-list .comment-content, .style-light ul.dwls_search_results, .style-dark .style-light ul.dwls_search_results, .style-light ul.dwls_search_results li, .style-dark .style-light ul.dwls_search_results li, .style-light .ajax-filter-sidebar .ajax-filter-sidebar-header, .style-dark .style-light .ajax-filter-sidebar .ajax-filter-sidebar-header, .style-light .ajax-filter-sidebar .ajax-filter-sidebar-footer, .style-dark .style-light .ajax-filter-sidebar .ajax-filter-sidebar-footer, .style-light .swatch-type-label, .style-dark .style-light .swatch-type-label, .style-light .swatch--logo, .style-dark .style-light .swatch--logo, .style-light .widget-container .tagcloud a, .style-dark .style-light .widget-container .tagcloud a {
  border-color: rgb(217 217 217) !important;
}


body, p {
	line-height: 1.5;
}

b, strong {
  font-weight: 400;
  font-family: 'MaisonNeueDemi';
}


.vc_custom_heading_wrap.heading-top-reduced {
  margin-top: 27px !important;
}

/* ==========================================================
   1. REGOLA GENERALE: Bordo elegante per tutti i link nei testi
   ========================================================== */
p a {
    text-decoration: none !important;
    border-bottom: 1px solid currentColor !important;
    padding-bottom: 1px;
    transition: all 0.3s ease;
    box-shadow: none !important;
}

p a:hover {
    border-bottom-color: transparent !important;
    /*opacity: 0.7;*/
}

/* ==========================================================
   2. ECCEZIONI: Spegne il bordo nei moduli strutturali di Uncode
   ========================================================== */
/* .tmb = Griglie Prodotti/Blog | .panel = Accordion */
.tmb p a,
.panel p a,
.uncode-accordion p a {
    border-bottom: none !important;
}

.tmb p a:hover,
.panel p a:hover,
.uncode-accordion p a:hover {
    opacity: 1; /* Toglie l'effetto sbiadito al passaggio del mouse */
}


/*** Menu Support ***/

/* ==========================================================
   FORZA COLORE VOCE MENU ATTIVA (UNCODE MENU BLOCK)
   ========================================================== */
ul.menu-smart li.current-menu-item > a span,
ul.menu-smart li.current_page_item > a span,
ul.menu-smart li.active > a span {
    color: #141414 !important;
}

/* Opzionale: Se vuoi che anche al passaggio del mouse (hover) mantenga quel colore */
ul.menu-smart li.menu-item > a:hover span {
    color: #141414 !important;
}



/*** Accordion faq ***/

/*.panel:not(.has-padding) .panel-title > a {
  padding: 9px 0px 9px 0px;
}*/

.panel-body {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}

.panel-group .panel-heading + .panel-collapse::before {
  display: none;
}

.w-border .panel {
  border-top-width: 1px;
  border-top-style: solid;
}

/* Rimuove il bordo superiore solo dal primo .panel */
.w-border .panel:first-child {
  border-top-width: 0;
}


/***
WooCommerce
***/

.term-filters-list--inline li.term-filter:not(:last-child) {
  margin-right: 18px;
}

.term-filter-link {
	font-size: 10px;
	text-transform: uppercase;
	letter-spacing: 0.05em;
}


#index-1944141 {
  display: grid;
  grid-template-columns: 1fr auto;
  grid-template-areas:
    "categories sorting"
    "grid grid";
  align-items: start;
  column-gap: 24px;
}

.ajax-filter-wrapper {
  display: contents; /* "sparisce" come contenitore, i suoi figli diventano grid item diretti */
}

.grid-filters {
  grid-area: sorting;
  justify-self: end;
}

.ajax-filter-sidebar-wrapper {
  grid-area: categories;
}

.cssgrid-wrapper {
  grid-area: grid;
}

@media (min-width: 960px) {
.ajax-grid-system .ajax-filter-wrapper.ajax-filter-position-horizontal .ajax-filter-sidebar {
 padding-bottom: 0;
  }
}



/* ==========================================================
   FORZA GRIGLIA WOOCOMMERCE A 4:5 (OVERRIDE UNCODE DUMMY)
   ========================================================== */

/* 1. Forza l'impalcatura di tutti i prodotti ad essere 4:5 (125% di altezza) */
.tmb-woocommerce .t-entry-visual-cont .dummy {
    padding-top: 125% !important;
}

/* 2. Assicura che l'immagine (anche quella 600x600) riempia il rettangolo senza schiacciarsi */
.tmb-woocommerce .t-entry-visual-cont img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}


/* Imposta lo spazio orizzontale a 9px nella griglia prodotti di Uncode */
.cssgrid-container.grid-container {
	column-gap: 3px !important; 
}


.tmb-no-bg:not(.tmb-content-lateral).tmb .t-entry-text .t-entry-text-tc {
  padding-left: 9px !important;
  padding-right: 9px !important;
}

.shop-archive-menu li {
  padding-right: 18px !important;
}


/* ==========================================================
   SPAZIATURA A 3PX PER IL CAROSELLO PRODOTTI
   ========================================================== */

/* 1. Distribuiamo lo spazio di 3px tra i prodotti (1.5px per lato) */
.owl-carousel .owl-item {
    padding-left: 1px !important;
    padding-right: 1px !important;
}

/* 2. Compensiamo i 1.5px esterni per riallineare il carosello ai margini del sito */
.owl-carousel .owl-stage-outer {
    margin-left: -1px !important;
    margin-right: -1px !important;
    width: calc(100% + 3px) !important; /* Estende leggermente la base per non tagliare i prodotti */
}


/*.tmb-no-bg:not(.tmb-content-lateral).tmb .t-entry-text .t-entry-text-tc {
	padding-left: 18px !important;
	padding-right: 18px !important;
}*/

:not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry > :not(hr):not(.spacer) {
  margin: 0;
}


.tmb .t-entry p.t-entry-meta .t-entry-category {
  font-size: 11px;
  font-family: 'MaisonNeueBook';
  opacity: .5;
  text-transform: uppercase;
  margin-top: 1px;
  letter-spacing: 0.05em;
}

/*.tmb-woocommerce.tmb .t-entry span.price ins {
	font-size: inherit !important;
	font-family: MaisonNeueBook;
	opacity: .5;
}*/


/* Allineamento ottico icona nel bottone */
.custom-link.btn-icon-right i {
    position: relative;
    top: 1px !important; /* Sposta l'icona verso il basso di 2px */
    display: inline-block; /* Garantisce che lo spostamento venga letto correttamente */
}


/* ==========================================================
   RIDUCE MARGINE SOLO AI BLOCCHI HTML CON BREADCRUMB
   ========================================================== */
.main-container .row-container .row-parent .half-internal-gutter .uncont > .wpb_raw_code.wpb_raw_html:has(.woocommerce-breadcrumb) {
    margin-top: 9px !important;
}


/*.tmb .price .woocommerce-Price-amount {
  font-family: 'MaisonNeueBook' !important;
  font-size: 12px;
}*/

/* ==========================================================
   LAYOUT GRIGLIA: TITOLO A SINISTRA, PREZZO A DESTRA E NO TRATTINO
   ========================================================== */

/* 1. Abbattiamo il limite di larghezza di Uncode forzando il 100% */
.tmb-woocommerce.tmb .t-entry-inline-price .t-entry .t-entry-title {
    display: block !important;
    width: 100% !important;
}

/* 2. Attiviamo Flexbox sul link per allontanare Titolo e Prezzo */
.tmb-woocommerce.tmb .t-entry-inline-price .t-entry .t-entry-title a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    width: 100% !important;
}

/* 3. Evitiamo che il prezzo vada a capo sotto il titolo */
.tmb-woocommerce.tmb .t-entry-inline-price .price {
    white-space: nowrap !important;
    margin-left: 15px !important; /* Cuscinetto di sicurezza */
}

/* 4. Facciamo sparire il trattino generato da Uncode */
.tmb-woocommerce.tmb .t-entry-inline-price .price::before {
    display: none !important;
    content: "" !important;
}





/* Versione universale per l'ultima voce */
[class*="breadcrumb"] *:last-child {
    opacity: .75 !important; /* Inserisci il tuo colore (es. un oro o un grigio scuro) */
}


/* ==========================================================
   STILE UNIFORME BREADCRUMB UNIVERSALE (MAISON NEUE DEMI 9PX)
   ========================================================== */
.custom-universal-breadcrumb,
.woocommerce .woocommerce-breadcrumb {
    font-family: 'MaisonNeueDemi', sans-serif !important;
    font-size: 9px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #212121 !important;
    line-height: 1.4 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Link ed elementi del percorso */
.custom-universal-breadcrumb a,
.woocommerce .woocommerce-breadcrumb a {
    font-family: 'MaisonNeueDemi', sans-serif !important;
    color: #212121 !important;
    text-decoration: none !important;
    transition: opacity 0.2s ease !important;
}

.custom-universal-breadcrumb a:hover,
.woocommerce .woocommerce-breadcrumb a:hover {
    opacity: 0.6 !important; /* Effetto al passaggio del mouse */
}

/* Testo della pagina/prodotto attuale */
.custom-universal-breadcrumb span,
.woocommerce .woocommerce-breadcrumb span {
    font-family: 'MaisonNeueDemi', sans-serif !important;
    color: #212121 !important;
}




/* Reset grafico del breadcrumb nella pagina prodotto */
body.single-product nav.woocommerce-breadcrumb {
    border: 0;
    padding: 0;
    background: transparent;
}

/* Reset grafico del breadcrumb nella pagina Shop e negli archivi Categoria */
body.post-type-archive-product nav.woocommerce-breadcrumb,
body.tax-product_cat nav.woocommerce-breadcrumb {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}


/* Aggiunge il margine superiore al blocco HTML della size */
/*.wpb_raw_code.wpb_raw_html.custom-size {
    margin-top: 9px !important;
}*/



.inline-size-rating {
  font-size: 11px !important;
  text-transform: uppercase;
  font-family: 'MaisonNeueBook';
  letter-spacing: .05em;
}


/* Assicura che l'allineamento verticale rimanga perfetto se usi la barra | */
.custom-size-prodotto span {
    display: inline-flex;
    align-items: center;
}


/* Allinea Size e Rating sulla stessa riga */
.inline-size-rating .uncont {
    display: flex !important;
    align-items: center !important; /* Centra verticalmente testo e stelline */
    flex-wrap: wrap !important; /* Se su mobile non c'è spazio, va a capo elegantemente */
    gap: 36px !important; /* Spazio orizzontale esatto tra la size e le stelline */
    margin-top: 9px !important; /* Ripristiniamo qui il margine superiore che avevamo prima */
}

/* Rimuove i margini dai singoli elementi per un allineamento perfetto */
.inline-size-rating .custom-size-prodotto,
.inline-size-rating .wpb_raw_code,
.inline-size-rating .wpb_raw_html,
.inline-size-rating .woocommerce-product-rating {
    margin: 0 !important;
    padding: 0 !important;
}



.fa-circle::before {
  content: "\2022" !important;
}

/* Categoria Prodotto con ShortCode Sotto Titolo Prodotto */

.custom-category-link {
  font-family: 'MaisonNeueBook';
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin-bottom: 9px !important;
  display: block;
  opacity: .5;
}

/* ==========================================================
   LAYOUT AFFIANCATO FORMATI SIZE & RATING (PULITO)
   ========================================================== */
.custom-size-prodotto {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 9px !important;
}

.custom-size-prodotto span {
    display: inline-block !important;
    white-space: nowrap !important;
}

/* Mostra e spazia la barra separatrice "|" */
.custom-size-prodotto .size-sep {
    display: inline-block !important;
    margin: 0 9px !important; /* Modifica a 18px se vuoi la barra più distanziata */
}

/* Affianca Size e Rating eliminando i margini verticali */
.inline-size-rating .uncont {
    display: flex !important;
    align-items: center !important;
    gap: 9px !important;
}

.inline-size-rating .uncont > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important; 
}


/*** Tab Accordion ***/

.uncode-accordion:not(.default-typography) .panel-title > a > span {
  font-size: 10px;
  text-transform: uppercase !important;
  letter-spacing: 0 !important;
}

/*** Accordion Prodotto ***/

.product-extra .panel:not(.has-padding) .panel-title > a {
  padding: 9px 0 9px 0;
}



/* 1. Stile per il contenitore della taglia esaurita */
.swatch.swatch--disabled {
    pointer-events: none !important; /* Rende il blocco non cliccabile */
    position: relative !important;
    overflow: hidden !important;
    opacity: 1 !important; /* Forza l'opacità piena per non far sparire la linea */
    border: 1px solid #e5e5e5 !important; /* Disegna il bordo grigio chiaro */
    background-color: transparent !important;
}

/* 2. Colore del testo sbiadito (la lettera della taglia) */
.swatch.swatch--disabled span {
    color: #cccccc !important;
}

/* 3. La linea diagonale da un angolo all'altro */
.swatch.swatch--disabled::after {
    content: "" !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    display: block !important;
    /* Crea la linea grigia spessa 1px */
    background: linear-gradient(to bottom right, transparent calc(50% - 1px), #b3b3b3 calc(50%), transparent calc(50% + 1px)) !important;
    z-index: 10 !important;
}




/* Nasconde l'etichetta del nome dell'attributo (es. "size") sopra le varianti */
form.variations_form table.variations td.label label {
    display: none !important;
}

/* Rimuove eventuali margini residui lasciati dal contenitore dell'etichetta vuota */
form.variations_form table.variations td.label {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}


/* 1. Affianca i bottoni delle taglie e il link "Svuota" sulla stessa riga */
form.variations_form table.variations span.value {
    display: flex !important;
    align-items: center !important; /* Centra tutto verticalmente */
    flex-wrap: wrap !important;
    gap: 18px !important; /* Distanza tra i bottoni e la scritta Svuota */
    margin-bottom: 9px;
}

/* 2. Rimuove il margine inferiore dai bottoni per non sfasare l'allineamento */
form.variations_form table.variations .swatches-select {
    margin-bottom: 0 !important;
}

/* 3. Stile elegante e azzeramento margini per il link Svuota */
form.variations_form table.variations a.reset_variations {
    margin: 0 !important;
    padding: 0 !important;

}

form.variations_form table.variations a.reset_variations:hover {
    color: #000000 !important; /* Diventa nero al passaggio del mouse */
}



/* Nasconde il prezzo duplicato che compare quando si seleziona una taglia */
.woocommerce-variation-price,
.single_variation .price {
    display: none !important;
}



/* Nasconde il selettore quantità SOLO nella scheda prodotto */
.single-product form.cart .quantity {
    display: none !important;
}



.product-extra-overline {
	opacity: .5;
	margin-bottom: 18px;
}





/* Gallery PRodotto */

@media (min-width: 960px) {
  .uncode-single-product-gallery .lateral-nav-parent {
    order: -1 !important;   /* con row-reverse, il valore PIÙ BASSO va a destra */
    align-self: flex-end;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-bottom: 36px;
  }
}

@media (min-width: 960px) {
  .uncode-wrapper-lateral .uncode-single-product-gallery .lateral-nav-parent {
    order: -1 !important;
    align-self: flex-end;
    width: 40px !important;
    flex-shrink: 0 !important;
    margin: 0 !important;
    position: relative !important;
  }
}

div.product .uncode-wrapper.uncode-wrapper-lateral .woocommerce-product-gallery-nav .woocommerce-product-gallery__thumb {
  padding: 0 !important;
  margin: 4.5px 0;
}

.uncode-single-product-gallery .woocommerce-product-gallery-nav-wrapper.lateral-nav-parent {
  width: 40px;
}



.archive-description p {
  margin-top: 0;
}





/* Stile per i pittogrammi CLP in SVG */
.icona-clp-svg {
    display: inline-flex !important;
    align-items: center !important;
    vertical-align: middle !important;
    margin: 0 9px 0 0 !important; /* Spazio tra un'icona e l'altra o dal testo */
}

.icona-clp-svg svg {
    width: 36px !important; /* Modifica la grandezza delle icone da qui */
    height: auto !important;
    display: block !important;
}






.product-extra-title-section span {
  border-bottom: 0.75px solid;
  padding-bottom: 2px;
}


/* Rimuove il margine inferiore solo dall'ultima immagine della galleria */
.woocommerce-product-gallery__image.single-bottom-margin:last-child {
    margin-bottom: 0 !important;
}



/* ==========================================================
   STILE VOCE ATTIVA AJAX FILTER (UNCODE)
   ========================================================== */
html body ul.term-filters-list a.term-filter-link--active,
html body a.term-filter-link--active {
    
    /* 1. Grassetto per evidenziare la voce selezionata */
    font-weight: 400 !important;
    
    /* 2. Cambia font (sostituisci col tuo font o rimuovi se ti basta il grassetto) */
    font-family: 'MaisonNeueDemi', sans-serif !important;
    
    /* 4. Tratto o opacità (opzionale) */
    opacity: 1 !important;
}



/***** Recensioni *****/

/* Rimuove l'immagine avatar dalle recensioni */
.woocommerce-Reviews .avatar {
    display: none !important;
}

/* Riporta il testo a filo sinistro (opzionale, dipende dal tuo layout attuale) */
.woocommerce-Reviews .comment-text {
    margin-left: 0 !important;
    padding-left: 0 !important;
}

/* Rende il nome dell'autore e la data più integrati */
.woocommerce-Reviews .meta {
    margin-left: 0 !important;
}

.woocommerce-review-link > .count {
  vertical-align: baseline;
}

.woocommerce-review-link {
  font-size: 10px;
  vertical-align: text-bottom;
  text-transform: none;
}

/* Rende i bottoni di CusRev simili a quelli di Uncode */
.cr-all-reviews-shortcode .cr-summary-bar-wrapper .cr-summary-bar {
    background-color: #f5f5f5; /* Grigio chiaro neutro */
    border-radius: 0px; /* Uncode usa spesso angoli retti o leggermente arrotondati */
}

/* Allinea il font delle recensioni al font del tema */
#reviews .comment-text .meta {
    font-family: inherit;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 0.8rem;
}

/* Migliora il look del badge "Verificato" */
.woocommerce #reviews .comment-text .verified {
    color: #a3b18a; /* Un verde salvia elegante o il tuo colore primario */
    background: transparent;
    border: 1px solid #a3b18a;
    padding: 2px 8px;
    border-radius: 20px;
}

/* 1. Nascondi i tasti di voto per impostazione predefinita */
.cr-review-voting-helpful {
    display: none !important;
}

/* 2. Mostrali solo se l'utente è loggato */
.logged-in .cr-review-voting-helpful {
    display: flex !important;
}

/* Forza il contenitore ad allineare tutto sulla stessa riga */
.cr-voting-cont.cr-voting-cont-uni {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important; /* Spazio tra testo e icone */
}

/* Inserisce il testo prima delle icone */
.cr-voting-cont.cr-voting-cont-uni::before {
    content: "Ti è stata utile?" !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #444 !important;
    display: inline-block !important;
}

/* Opzionale: se vuoi che il testo sparisca per i non loggati (come concordato) */
body:not(.logged-in) .cr-voting-cont.cr-voting-cont-uni {
    display: none !important;
}

/* Nasconde l'autore e la data duplicati nelle recensioni */
.comment-text .meta {
    display: none !important;
}

/* Se dovesse sparire tutto, usa questa versione più specifica: */
#reviews .woocommerce-review__author, 
#reviews .woocommerce-review__dash, 
#reviews .woocommerce-review__published-date {
    display: none !important;
}





/* ==========================================================
   NASCONDE "FRAGRANCE" DALLE GRIGLIE UNCODE
   ========================================================== */
.t-entry-meta span.t-entry-category:has(a[href*="/fragrance/"]) {
    display: none !important;
}





/* ==========================================================
   RIORDINA IL MODULO RECENSIONI NATIVO (CATCH-ALL)
   ========================================================== */

/* Trasforma il contenitore in colonna */
.woocommerce-Reviews .comment-text {
    display: flex !important;
    flex-direction: column !important;
}

/* 1. Manda TUTTI gli elementi in fondo (questo colpirà autore e data, a prescindere dal loro nome) */
.woocommerce-Reviews .comment-text > * {
    order: 3 !important;
    margin-top: 5px !important;
}

/* 2. Riporta in cima le stelline */
.woocommerce-Reviews .comment-text .star-rating {
    order: 1 !important;
    margin-top: 0 !important;
    margin-bottom: 9px !important;
}

/* 3. Riporta al centro il testo della recensione */
.woocommerce-Reviews .comment-text .description {
    order: 2 !important;
    margin-bottom: 10px !important;
}

/* ==========================================================
   MODIFICA GRANDEZZA STELLINE RECENSIONI
   ========================================================== */

/* 1. Ingrandisce le stelline delle recensioni già pubblicate */
.woocommerce-Reviews .comment-text .star-rating {
    font-size: 10px !important; /* Aumenta o diminuisci questo numero (default è circa 14px) */
}

/* 2. Ingrandisce le stelline cliccabili nel modulo "Aggiungi Recensione" */
#review_form_wrapper .stars a {
    font-size: 10px !important; /* Aumenta o diminuisci a piacimento */
}

/* ==========================================================
   SEPARATORE ORIZZONTALE TRA RECENSIONI NATIVE
   ========================================================== */

/* Aggiunge una linea e un po' di respiro sotto ogni singola recensione */
.woocommerce-Reviews .commentlist li.review {
    border-bottom: 1px solid #eaeaea !important; /* Spessore e colore grigio chiaro (modifica se serve) */
    padding-bottom: 36px !important; /* Spazio prima della linea */
    margin-bottom: 36px !important; /* Spazio dopo la linea */
}

/* Rimuove la linea sotto l'ultima recensione della lista */
.woocommerce-Reviews .commentlist li.review:last-child {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 30px !important; /* Spazio extra prima del form commenti */
}


/* ==========================================================
   FORZA DIMENSIONE 12PX AUTORE E DATA (UNCODE CUSTOM HTML)
   ========================================================== */

/* Colpisce l'autore (che Uncode formatta come titolo h5) e la data */
.woocommerce-Reviews .comment-text .comment-author.h5,
.woocommerce-Reviews .comment-text .comment-author.h5 .comment-author-link,
.woocommerce-Reviews .comment-text .comment-meta-item,
.woocommerce-Reviews .comment-text .comment-meta-item span,
.woocommerce-Reviews .comment-text .comment-meta-item a {
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: normal !important; /* Rimuove l'effetto "titolo in grassetto" se vuoi */
}

/* ==========================================================
   RIMUOVE PADDING/MARGIN TOP DAL CONTENITORE DEL COMMENTO
   ========================================================== */

/* Azzera lo spazio superiore del blocco commento */
.woocommerce-Reviews .commentlist li.review .comment_container,
.woocommerce-Reviews .commentlist li.review .comment-text {
    padding-top: 0 !important;
    margin-top: 0 !important;
}





/******
Sub menu
***/



/* ==========================================================
   FONT MAISONNEUEMEDIUM PER VOCE MENU ATTIVA (SOLO SUB-MENU)
   ========================================================== */

.main-menu-container ul.sub-menu li.current-menu-item > a,
.main-menu-container ul.sub-menu li.current-menu-item > a > span,
.main-menu-container ul.sub-menu li.active > a,
.main-menu-container ul.sub-menu li.active > a > span {
    font-family: 'maisonneuemedium', sans-serif !important;
}




/**** Carrello ***/

.uncode-sidecart-wrapper li.mini_cart_item img {
  top: 18px !important;
}

.uncode-sidecart-wrapper li.mini_cart_item {
  min-height: 63px;
}

.uncode-sidecart-wrapper li.mini_cart_item {
  line-height: 1.2;
}

.widget_shopping_cart ul.product_list_widget .quantity {
  display: block;
  font-size: 12px;
  padding-top: 9px;
}


.uncode-sidecart-wrapper li.mini_cart_item a {
  font-weight: 400;
  font-family: 'MaisonNeueMedium';
}

.uncode-wc-cart.bold-text .shop_table .product-data__name {
font-weight: 400;
  font-family: MaisonNeueMedium;
}

.uncode-wc-cart.bold-text .shop_table.compact-layout .price-wrapper .amount {
  font-weight: 400;
}

.uncode-wc-cart.bold-text .shop_table td.product-subtotal .amount {
  font-weight: 400;
  font-family: 'MaisonNeueMedium';
}

.uncode-wc-cart.bold-text .shop_table th {
  font-weight: 400;
  font-family: 'MaisonNeueMedium';
}

.uncode-wc-cart.bold-text .shop_table .order-total .amount {
  font-weight: 400;
}


.uncode-wc-checkout.bold-text .shop_table td.product-name, .uncode-wc-checkout.bold-text .shop_table td.product-name strong.product-quantity, .uncode-wc-checkout.bold-text .shop_table th, .uncode-wc-checkout.bold-text .shop_table .order-total .amount {
  font-weight: 400;
  font-family: maisonneuedemi;
}

.uncode-wc-checkout.bold-text .shop_table td.product-name {
  font-weight: 400;
}

.uncode-wc-checkout.bold-text .form-row label, .uncode-wc-checkout.bold-text .create-account label {
	font-size: inherit;
  font-weight: 400;
  line-height: 1.2;
}

.woocommerce-info.wc-notice {
  line-height: 1.2;
}

.order-payment-compact-layout .wc_payment_methods {
  text-align: left;
}

.order-table-with-thumbs .woocommerce-checkout-review-order-table strong.product-quantity {
  line-height: 17px;
}


.uncode-wc-checkout.bold-text .shop_table .order-total .amount {
  font-weight: 400;
}

.woocommerce-form-coupon-toggle .wc-notice {
  font-weight: 400;
  font-family: 'MaisonNeueMedium';
}

#woocommerce-checkout-form-coupon {
  margin-top: 0;
}

.woocommerce-checkout .uncell.single-block-padding.style-color-lxmt-bg {
  padding: 36px 0 0 0;
}












/*** Recensioni ***/

/* ==========================================================
   STILE RECENSIONI MINIMALI SOTTO LA CATEGORIA
   ========================================================== */

/* 1. Mantiene il Titolo a sinistra e il Prezzo a destra sulla prima riga */
.tmb-woocommerce.tmb .t-entry-inline-price .t-entry .t-entry-title a {
    display: flex !important;
    justify-content: space-between !important;
    align-items: baseline !important;
    width: 100% !important;
}

.tmb-woocommerce.tmb .t-entry-inline-price .price {
    white-space: nowrap !important;
    margin-left: 15px !important;
}

/* 2. Formatta la riga delle recensioni posizionata sotto le categorie */
.custom-grid-rating {
    display: flex !important;
    align-items: center !important;
    font-family: 'MaisonNeueBook', sans-serif !important;
    font-size: 12px !important;
    margin-top: 6px !important; /* Distanza dal testo della categoria */
    margin-bottom: 4px !important; /* Spazio prima dei badge o dello spazio vuoto */
    line-height: 1 !important;
    text-align: left !important;
}

.custom-rating-star::before {
    content: "\e946" !important; /* L'esatto codice della tua stellina */
    font-family: 'uncodeicon' !important; /* Nome corretto del font nativo di Uncode */
    font-size: 11px !important; /* Dimensione coordinata al testo */
    margin-right: 6px !important;
    display: inline-block !important;
    speak: none;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.custom-rating-count {
    margin-left: 3px !important;
    opacity: 0.75 !important; /* Parentesi sbiadite come da modello */
}





/* ==========================================================
   MENU MY ACCOUNT: RIMUOVE ICONE E RIPRISTINA ALLINEAMENTO testuale
   ========================================================== */

/* 1. Nasconde definitivamente l'icona (il ::before) */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a::before {
    display: none !important;
    content: none !important;
}

/* 2. Rimuove lo spazio vuoto lasciato a sinistra dall'icona rimossa */
.woocommerce-MyAccount-navigation .woocommerce-MyAccount-navigation-link a {
    padding-left: 0 !important;
}

.woocommerce-MyAccount-navigation a {
  padding: 0px;

}





/*** Footer ***/

/* ==========================================================
   FOOTER: FIX RIGA INTERNA A 5 COLONNE (TITOLO + MENU)
   ========================================================== */
@media (min-width: 960px) {
    .footer-5-cols .row-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        width: 100% !important;
    }
    
    .footer-5-cols .wpb_column {
        width: 20% !important;
        flex: 1 1 20% !important;
        max-width: 20% !important;
        float: none !important;
    }
}


/*** CF7***/

/* LIMITA LA LARGHEZZA DEL MODULO INLINE CF7 */
.wpcf7-inline-wrapper {
    max-width: 360px !important; /* Regola questo valore per stringere o allargare */
    width: 100% !important;
}

/* OPZIONALE: Sblocca l'input email per occupare tutto lo spazio disponibile nel wrapper */
.wpcf7-inline-field-text {
    flex-grow: 1 !important;
}