/*
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: 'BoogyBrutTESTBook';
    src: url('fonts/BoogyBrutTESTBook.eot');
    src: url('fonts/BoogyBrutTESTBook.eot') format('embedded-opentype'),
         url('fonts/BoogyBrutTESTBook.woff2') format('woff2'),
         url('fonts/BoogyBrutTESTBook.woff') format('woff'),
         url('fonts/BoogyBrutTESTBook.ttf') format('truetype'),
         url('fonts/BoogyBrutTESTBook.svg#BoogyBrutTESTBook') format('svg');
}

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

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

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

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


/* POSE – home: nasconde il logo nel menu (l'hero fa già da logo) */
.home #masthead #main-logo .navbar-brand {
  transition: opacity .3s ease, visibility .3s;
}
.home #masthead:not(.is_stuck) #main-logo .navbar-brand {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}



body, p {
	line-height: 1.5;
}






.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: rgba(68,64,60,.1);
}



/***
WooCommerce
***/


/* ==========================================================
   UNCODE CAROSELLO: TITOLO A SINISTRA E PREZZO A DESTRA
   (Compatibile con l'opzione "Price Inline" attiva)
   ========================================================== */

/* 1. Forza il tag h3 del titolo a occupare il 100% della larghezza */
.t-entry-inline-price .t-entry-title {
    display: block !important;
    width: 100% !important;
}

/* 2. Trasforma il link in un box flessibile per spingere i testi ai due lati */
.t-entry-inline-price .t-entry-title a {
    display: flex !important;
    justify-content: space-between !important; /* Spinge titolo a sx e prezzo a dx */
    align-items: baseline !important;       /* Allinea la linea di base dei testi */
    width: 100% !important;
}

/* 3. Impedisce al prezzo di spezzarsi su due righe e crea un distanziale dal titolo */
.t-entry-inline-price .price {
    white-space: nowrap !important;
    margin-left: 15px !important; /* Cuscinetto per non far toccare i testi su schermi piccoli */
}

/* 4. Rimuove l'eventuale trattino/separatore inserito di default da Uncode */
.t-entry-inline-price .price::before {
    display: none !important;
    content: "" !important;
}


/* ==========================================================================
   SHOP & ARCHIVI: SINTESI VISIVA
   ========================================================================== */

/* 1. NAVIGAZIONE SECONDARIA (Meta Categorie & Breadcrumb)
   Gestisce: Colore base, separatori (/ e ,), uppercase e dimensione font. */
.tmb .t-entry p.t-entry-meta, 
.tmb .t-entry p.t-entry-meta .t-entry-category a,
.woocommerce-breadcrumb, 
.woocommerce-breadcrumb a {
  text-transform: uppercase;
  text-decoration: none !important;
  transition: color 0.3s ease;
  letter-spacing: 0.05em;
  font-family: MabryPro;
}

/* 2. STATO HOVER (Feedback interazione)
   Applica il tono antracite scuro al passaggio del mouse. */
.tmb .t-entry p.t-entry-meta .t-entry-category a:hover,
.woocommerce-breadcrumb a:hover {
    color: #44403C !important;
}

/* 3. TITOLO PRODOTTO
   Il punto focale della scheda. */
.tmb .t-entry-title a {
    color: #44403C !important;
    text-decoration: none !important;
}

/* 4. PREZZO
   Carattere Inter e tono coordinato ai meta per non appesantire. */
.tmb .price .woocommerce-Price-amount {
    color: #78716c !important;
    font-family: 'Inter', sans-serif !important; 
    font-size: 13px;
}

/* 5. STRUTTURA E SPAZIATURA (Fix Uncode)
   Gestisce il ritmo verticale tra gli elementi della scheda. */
:not(.tmb-post):not(.tmb-title):not(.tmb-table).tmb .t-entry > :not(hr):not(.spacer) {
    margin: 0px 0px 0px 0px;
}



/***** Breadcrumbs *****/

/* Reset grafico del breadcrumb nella pagina prodotto */
body.single-product nav.woocommerce-breadcrumb {
	border: 0;
    padding: 9px 0 0 0 !important;
    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;
}

/* Colora sia il separatore (/) che i link del breadcrumb */
.woocommerce-breadcrumb, 
.woocommerce-breadcrumb a {
    color: #78716c !important; /* Il colore che hai scelto per i meta */
    font-size: 10px !important;  /* Per coerenza con le categorie della griglia */
    text-transform: uppercase;
    text-decoration: none !important;
}

/* Opzionale: il link diventa un po' più scuro quando ci passi sopra */
.woocommerce-breadcrumb a:hover {
    color: #44403C !important;
}




/* 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 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;
}*/

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



/* Opzionale: Se vuoi che il pulsante vada a capo sotto la quantità invece di starle affianco */
.woocommerce div.product form.cart {
    flex-wrap: wrap; /* Permette al tasto di scendere se non c'è spazio */
    gap: 15px;       /* Aggiunge spazio tra quantità e pulsante */
}

/* --- BLOCCO QUANTITÀ COORDINATO (FIXATO) --- */

/* 1. Contenitore principale */
.woocommerce div.product form.cart .quantity .qty-inset {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    height: 54px !important;
    border-radius: 100px !important;
    border: 1px solid rgba(68,64,60,.1) !important;
    padding: 0 9px !important; /* Ridotto leggermente per dare respiro ai tasti */
    background-color: transparent !important;
}

/* 2. Campo input - RESET DEL PADDING CHE HAI TROVATO */
.woocommerce div.product form.cart .quantity .qty-inset input[type="number"].qty,
.woocommerce div.product form.cart .quantity .qty-inset input[type="text"].qty {
    padding: 18px 36px !important;      /* AZZERA il 17px 61px che vedevi */
}

/* 3. Tasti Più e Meno - RESET POSITION E NUOVO WIDTH */
.woocommerce div.product form.cart .quantity .qty-inset .qty-minus, 
.woocommerce div.product form.cart .quantity .qty-inset .qty-plus {
    width: 20px !important;        /* Modifica questo valore per stringere/allargare i tasti */
}

/* Rimuove le freccette standard del browser */
.woocommerce div.product form.cart .quantity .qty-inset input::-webkit-outer-spin-button,
.woocommerce div.product form.cart .quantity .qty-inset input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}



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



/* 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;
}


/* 1. Affianca gli elementi e li centra verticalmente */
.inline-size-rating .uncont {
    display: flex !important;
    align-items: center !important;
    gap: 18px !important; /* Lo spazio orizzontale tra size e rating */
}

/* 2. Uccide il margin-top di 36px di Uncode sul secondo elemento (il rating) */
.inline-size-rating .uncont > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important; 
}


/*** Product icons ***/

/* Forza la riga a comportarsi come un contenitore flex compatto */
.row-product-icons .row-inner {
    display: flex !important;
    justify-content: flex-start !important; /* Allinea le colonne a sinistra */
    flex-wrap: nowrap !important;           /* Impedisce di andare a capo */
    width: auto !important;
    margin-left: 0 !important;
}

/* Forza le colonne a 110px indipendentemente dalla griglia Uncode */
.row-product-icons .wpb_column {
    width: 110px !important;
    max-width: 110px !important;
    flex: 0 0 110px !important; /* Blocca la larghezza a 110px */
    padding-left: 0 !important;
    padding-right: 10px !important; /* Spazio "interno" tra le icone */
}

/* Assicura che il contenuto interno sia centrato rispetto ai 110px */
.row-product-icons .uncont,
.row-product-icons .uncode_text_column {
    text-align: center !important;
    max-width: 100% !important; /* Sovrascrive eventuali inline-style */
}

/* Raffinatezza del testo (stile Flamingo Estate) */
.row-product-icons .uncode_text_column p {
    font-family: 'Inter', sans-serif !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    color: #44403C !important;
    margin: 8px 0 0 0 !important; /* Spazio sopra il testo */
}

/* Correzione per le immagini (se inserite come moduli Media) */
.row-product-icons img {
    width: 40px !important; /* Dimensione fissa per le icone */
    height: auto !important;
    display: block;
    margin: 0 auto !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 {
  font-size: 12px;
  vertical-align: top;
}

/* 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;
}




/* =====================================================================
 * GRIGLIA UNCODE: MOSTRA SOLO LA CATEGORIA PADRE ED ELIMINA FRAGRANZA
 * ===================================================================== */

/* 1. Nascondi direttamente qualsiasi link che punta alla tassonomia "fragranza" */
.t-entry-meta span[class*="t-entry-category-"] a[href*="/fragranza/"] {
    display: none !important;
}

/* 2. Nascondi il contenitore stesso (se supportato dal browser tramite :has) */
.t-entry-meta span.t-entry-category:has(a[href*="/fragranza/"]) {
    display: none !important;
}

/* 3. Nascondi i separatori (quella virgola o piccolo spazio vuoto) */
.t-entry-meta .small-spacer {
    display: none !important;
}




/* POSE – filtri categoria in linea con conteggio/ordinamento */
@media (min-width: 960px) {
  .ajax-grid-system {
    position: relative;
  }
  .ajax-grid-system .ajax-filter-position-horizontal .ajax-filter-sidebar-wrapper {
    position: absolute !important;
    top: -1px;
    left: 0;
    width: auto !important;
    max-width: 60%;
    padding: 0 !important;
    z-index: 2;
  }
  .ajax-grid-system .ajax-filter-position-horizontal .ajax-filter-sidebar,
  .ajax-grid-system .ajax-filter-position-horizontal .ajax-filter-sidebar-body .uncode_widget {
    margin: 0 !important;
  }
}


/* POSE – rende cliccabili i filtri sovrapposti alla barra ordinamento */
@media (min-width: 960px) {
  .ajax-grid-system .grid-filters,
  .ajax-grid-system .grid-filters .menu-horizontal,
  .ajax-grid-system .grid-filters .filter-main-group {
    pointer-events: none;
  }
  .ajax-grid-system .grid-filters .extra-filters-wrapper {
    pointer-events: auto;
  }
}

/* POSE – filtri attivi: nasconde il box di Uncode e evidenzia la voce attiva */
@media (min-width: 960px) {
  .ajax-grid-system .grid-filters .filter-list {
    visibility: hidden !important;
  }
  .term-filters-list:has(.term-filter-link--active) .term-filter-link:not(.term-filter-link--active) {
    opacity: .45;
    transition: opacity .2s;
  }
  .term-filters-list:has(.term-filter-link--active) .term-filter-link:not(.term-filter-link--active):hover {
    opacity: 1;
  }
  .term-filter-link--active::after {
    content: "\00D7";
    margin-left: .35em;
  }
}

/* POSE – paginazione: pagina attiva */
.pagination .page-numbers.current {
  background-color: #231916 !important;
  color: #f7f4f1 !important;
}