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

:root {
	--wd-hb-opt-h: 30px;
	--wd-text-font: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #212121;
	--wd-text-font-size: 16px;
	--wd-title-font: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-transform: inherit;
	--wd-title-color: #212121;
	--wd-entities-title-font: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 400;
	--wd-entities-title-transform: inherit;
	--wd-entities-title-color: #212121;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 400;
	--wd-widget-title-transform: inherit;
	--wd-widget-title-color: #212121;
	--wd-widget-title-font-size: 14px;
	--wd-header-el-font: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 12px;
	--wd-otl-style: dotted;
	--wd-otl-width: 2px;
	--wd-primary-color: rgb(33,33,33);
	--wd-alternative-color: rgb(247,247,247);
	--btn-default-bgcolor: rgb(33,33,33);
	--btn-default-bgcolor-hover: rgb(247,247,247);
	--btn-default-color: rgb(255,255,255);
	--btn-default-color-hover: rgb(33,33,33);
	--btn-accented-bgcolor: rgb(247,247,247);
	--btn-accented-bgcolor-hover: rgb(33,33,33);
	--btn-accented-color: rgb(33,33,33);
	--btn-accented-color-hover: rgb(247,247,247);
	--wd-form-brd-width: 2px;
	--notices-success-bg: rgb(69,150,71);
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
	--wd-link-color: #333333;
	--wd-link-color-hover: rgb(140,140,140);
}
.wd-age-verify-wrap {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: rgb(255,255,255);
	background-image: none;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
}
.wd-promo-popup-wrap {
	--wd-popup-width: 400px;
}
.wd-hb {
	background-color: #212121;
	background-image: none;
}
:is(.woodmart-woocommerce-layered-nav, .wd-product-category-filter) .wd-scroll-content {
	max-height: 400px;
}
.wd-page-title .wd-page-title-bg img {
	object-fit: cover;
	object-position: center center;
}
.wd-footer {
	background-color: rgb(33,33,33);
	background-image: none;
}
html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
	font-family: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
}
html .wd-product .wd-entities-title a {
	font-family: "Aktiv Grotesk", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 20px;
	text-transform: capitalize;
}
html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
	font-family: "Cormorant Garamond", Arial, Helvetica, sans-serif;
	font-weight: 600;
	font-size: 40px;
	line-height: 48px;
	text-transform: uppercase;
}
.portfolio-info  {
	text-transform: uppercase;
}
.tab-label, .tabs-text {
	text-transform: capitalize;
}
#tab-description.wc-tab {
	font-size: 14px;
	line-height: 20px;
}
.portfolio-info {
	font-size: 12px;
	text-transform: none;
}
html .product-image-summary-wrap .summary-inner > .price, html .wd-single-price .price {
	font-weight: 500;
	font-size: 20px;
}
html .btn.wd-buy-now-btn {
	color: rgb(247,247,247);
	background: rgb(33,33,33);
}
html .btn.wd-buy-now-btn:hover {
	color: rgb(0,0,0);
	background: rgb(247,247,247);
}
.product-labels .product-label.onsale {
	background-color: #212121;
	color: rgb(255,255,255);
}
.product-labels .product-label.new {
	background-color: rgb(255,227,3);
	color: #212121;
}
.mfp-wrap.wd-popup-quick-view-wrap {
	--wd-popup-width: 920px;
}
.woocommerce-product-gallery {
	--wd-gallery-gap: 5px;
}
.wd-builder-off .wd-fbt.wd-design-side {
	--wd-form-width: 350px;
}

@media (max-width: 1024px) {
	:root {
		--wd-hb-opt-h: 30px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 28px;
	line-height: 34px;
	}

}

@media (max-width: 768.98px) {
	html .product-image-summary-wrap .product_title, html .wd-single-title .product_title {
		font-size: 18px;
	}
	html .wd-product .wd-entities-title a {
		font-size: 13px;
	}
	html .page-title > .container > .title, html .page-title .wd-title-wrapp > .title {
		font-size: 28px;
	line-height: 34px;
	}

}
:root{
--wd-form-brd-radius: 0px;
--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;
}




@font-face {
	font-family: "Aktiv Grotesk";
	src: url("//notebook.davidecristofaro.com/wp-content/uploads/2025/08/Aktiv-Grotesk-W01-Regular.woff2") format("woff2"), 
url("//notebook.davidecristofaro.com/wp-content/uploads/2025/08/Aktiv-Grotesk-W01-Regular.woff") format("woff");
	font-weight: 400;
	font-display:swap;
	font-style: normal;
}

/* ============================================================
   GLOBAL CSS — davide cristofaro
   Applicato su tutti i breakpoint
   ============================================================ */


/* 1. LAYOUT GENERALE */
.wd-content-layout { padding-block: 0; }
html, body { overflow-x: hidden; }


/* 2. CHECKOUT – PULSANTE "PLACE ORDER" */
#place_order {
    background-color: #212121 !important;
    color: #ffffff !important;
    border: 1px solid #000000 !important;
}
#place_order:hover {
    background-color: #ffffff !important;
    border-color: #333333 !important;
    color: #212121 !important;
}


/* 3. SCHEDA PRODOTTO – NASCONDI ELEMENTI */
.woocommerce-product-attributes-item--weight,
.woocommerce-product-attributes-item--dimensions,
.in-stock.wd-style-default {
    display: none !important;
}


/* 4. FILTRI */

/* ✅ FIX: spostato qui da Desktop/Tablet/Mobile Landscape (era duplicato in 3 pannelli) */
.wd-btn-show-cat {
    display: none !important;
}

/* Nasconde conteggi */
.widget_product_categories .count,
.woodmart-woocommerce-layered-nav .count,
.woocommerce-result-count {
    display: none !important;
}


/* 5. SIDEBAR – ICONA E STILE PULSANTE FILTRI */
.wd-show-sidebar-btn > a:before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 16px;
    background-color: currentColor;
    -webkit-mask: url('/wp-content/uploads/2025/11/filters.svg') no-repeat center;
    mask: url('/wp-content/uploads/2025/11/filters.svg') no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: middle;
    margin-right: 6px;
}

.wd-show-sidebar-btn > a {
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
    font-weight: 400 !important;
    text-transform: uppercase;
}


/* 6. CATEGORIE & PORTFOLIO – UNIFICAZIONE STILE E SCROLL */

/* 6.1 Contenitori principali */
.wd-nav-accordion-mb-on,
.portfolio-filter.wd-nav-wrapper,
.wd-nav-portfolio {
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    overflow: visible !important;
}

/* 6.2 Logica di scorrimento orizzontale (mobile-first) */
.wd-nav-product-cat.wd-mobile-accordion,
.portfolio-filter.wd-nav-wrapper ul,
.wd-nav-portfolio {
    display: flex !important;
    flex-wrap: nowrap !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    padding: 30px !important;
    gap: 12px !important;
    justify-content: flex-start !important;
    scrollbar-width: none !important;
    scroll-behavior: smooth;
}

/* 6.3 Reset elementi lista */
.wd-nav-product-cat li,
.portfolio-filter.wd-nav-wrapper li,
.wd-nav-portfolio li {
    display: block !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
}

/* 6.4 STILE PULSANTI (Pills) */
.wd-nav-product-cat li a,
.portfolio-filter.wd-nav-wrapper li a,
.wd-nav-portfolio li a {
    display: inline-flex !important;
    align-items: center;
    white-space: nowrap !important;
    text-decoration: none !important;
    border: 1px solid #e0e0e0 !important;
    background-color: transparent !important;
    color: #212121 !important;
    border-radius: 4px !important;
    font-family: AktivGrotesk, AktivGroteskFallback, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    text-transform: none !important;
    padding: 8px 20px !important;
    line-height: 1.2 !important;
    transition: all .2s ease-in-out !important;
}

/* 6.5 STATO ATTIVO E HOVER */
.wd-nav-product-cat li:hover > a,
.wd-nav-product-cat li.wd-active > a,
.wd-nav-product-cat li.current-cat > a,
.wd-nav-product-cat li.current-menu-item > a,
.portfolio-filter.wd-nav-wrapper li:hover > a,
.portfolio-filter.wd-nav-wrapper li.wd-active a,
.wd-nav-portfolio li.wd-active a {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

/* 6.6 RIMOZIONE SCROLLBAR E MASCHERE */
.wd-nav-product-cat::-webkit-scrollbar,
.portfolio-filter.wd-nav-wrapper ul::-webkit-scrollbar,
.wd-nav-portfolio::-webkit-scrollbar {
    display: none !important;
}

.wd-nav-product-cat .nav-link-text:after,
.wd-nav-portfolio .nav-link-text:after,
.portfolio-filter .nav-link-text:after,
.wd-nav-product-cat.wd-mb-action-swipe:after,
.wd-nav-product-cat.wd-mb-action-swipe:before {
    display: none !important;
    content: none !important;
}

.wd-nav-wrapper.wd-mb-action-swipe {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

/* 6.7 CENTERING DESKTOP – sovrascrive overflow-x: auto di 6.2 */
@media (min-width: 768px) {
    .wd-nav-product-cat,
    .wd-nav-product-cat.wd-mobile-accordion,
    .portfolio-filter.wd-nav-wrapper ul {
        justify-content: center !important;
        overflow-x: visible !important;
        flex-wrap: wrap !important;
    }
}

@media (min-width: 1024px) {
    /* Prodotti */
    .wd-nav-product-cat {
        justify-content: center !important;
        overflow-x: visible !important;
        flex-wrap: wrap !important;
    }
    /* Portfolio – richiede specificità su wrapper + ul */
    div.portfolio-filter.wd-nav-wrapper {
        justify-content: center !important;
        overflow: visible !important;
        width: 100% !important;
    }
    div.portfolio-filter.wd-nav-wrapper ul.wd-nav-portfolio {
        justify-content: center !important;
        overflow-x: visible !important;
        overflow-y: visible !important;
        flex-wrap: wrap !important;
        width: 100% !important;
        padding: 30px !important;
    }
}

/* 6.8 Categorie da nascondere dalla nav pill */
.wd-nav-product-cat .cat-item-1007,
.wd-nav-product-cat .cat-item-1088,
.wd-nav-product-cat .cat-item-379 {
    display: none !important;
}

/* 7. SIDEBAR – BASE E TESTATA */
.wd-close-side { background-color: rgba(0, 0, 0, 0.35); }
.wd-side-hidden { --wd-side-hidden-w: 306px; }

.wd-nav > li:is(.wd-has-children, .menu-item-has-children) > a::after {
    content: none !important;
    display: none !important;
}

.wd-side-hidden .wd-heading {
    position: relative !important;
    background-color: #F5F5F5 !important;
    padding: 20px 30px !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    border-bottom: 1px solid #eeeeee !important;
}

.wd-side-hidden .wd-heading .title {
    font-size: 14px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #000 !important;
}

.close-side-hidden {
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;
    height: 100%;
    display: flex;
    align-items: center;
}

.close-side-hidden > a {
    font-size: 0 !important;
    color: transparent !important;
    width: 45px;
    height: 45px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.close-side-hidden > a:before {
    content: "\f112" !important;
    font-family: "woodmart-font" !important;
    font-size: 18px !important;
    color: #333 !important;
    visibility: visible !important;
}


/* 8. SIDEBAR – TABELLA ATTRIBUTI */
.wd-side-hidden table.shop_attributes {
    margin-top: 30px !important;
    border-top: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
}

.wd-side-hidden .shop_attributes th,
.wd-side-hidden .shop_attributes td,
.wd-side-hidden .shop_attributes td p,
.wd-side-hidden .shop_attributes .wd-attr-name-label {
    font-family: AktivGrotesk, sans-serif !important;
    font-size: 14px !important;
    letter-spacing: 0.5px !important;
    line-height: 20px !important;
    text-transform: none !important;
    color: #212121 !important;
    font-weight: 400 !important;
}

.wd-side-hidden .shop_attributes th {
    padding: 12px 0 !important;
    font-weight: 600 !important;
    text-align: left !important;
}

.wd-side-hidden .shop_attributes td {
    padding: 12px 0 !important;
    text-align: right !important;
}


/* 9. LETTER SPACING DESCRIZIONE PRODOTTO */
#tab-description.wc-tab p {
    letter-spacing: 0.5px !important;
}


/* 10. TITOLO PAGINA */
.wd-title-wrapp > .title {
    letter-spacing: 1px;
}


/* 11. GRIGLIA PRODOTTI */
.products.wd-grid-g {
    --wd-gap-lg: 20px !important;
    --wd-gap-md: 20px !important;
    --wd-gap-sm: 20px !important;
    --wd-grid-brd: 0px !important;
}

.wd-hover-tiled .product-wrapper,
.product-grid-item {
    border: none !important;
    box-shadow: none !important;
}

.wd-page-title .container { padding-top: 100px; }
:is(.title-design-centered, .without-title.with-back-btn) .wd-back-btn { display: none; }


/* 12. CATEGORIE DA NASCONDERE (sidebar widget) */
li:is(.cat-item-379, .cat-item-21, .cat-item-1007, .cat-item-1006, .cat-item-1088, .cat-item-1089) {
    display: none !important;
}


/* 13. TAB – ICONA COLLAPSE */
.wd-hidden-tab-title:after,
.wd-widget-collapse .widget-title:after {
    content: "\f143" !important;
    font-family: "woodmart-font" !important;
}


/* 14. PAGINA "SALE" E VOCI MENU ROSSE */
.term-sale .wd-nav-product-cat,
.tax-product_cat.term-1088 .wd-nav-product-cat {
    display: none !important;
}

#menu-item-47396 .nav-link-text,
#menu-item-47393 .nav-link-text {
    color: #C0392B !important;
}

#menu-item-47396.current-menu-item .nav-link-text:after,
#menu-item-47393.current-menu-item .nav-link-text:after {
    background-color: #C0392B !important;
    opacity: 1 !important;
}

/* ✅ FIX: rimossa la riga "font-size: 14px" che era in conflitto con il valore
   11px definito nel pannello Desktop. Lo stile orderby completo è in Desktop. */


/* 15. VARIANTI COLLEGATE – GRIGLIA E SWATCHES */
#dc-color-list {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
}

.dc-thumb {
    width: 100%;
    aspect-ratio: 1 / 1;
    margin-bottom: 12px;
    display: flex;
    align-items: flex-end;
    background-color: #f9f9f9;
    overflow: hidden;
}

.dc-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: bottom;
    mix-blend-mode: multiply;
}

.dc-details span {
    font-size: 11px;
    font-weight: 600;
    text-transform: uppercase;
}

.dc-color-row.dc-attivo .dc-thumb,
.dc-color-row:hover .dc-thumb {
    outline: 1.5px solid #000;
    outline-offset: -1.5px;
}

.elementor-element-3e7cad3,
.wd-single-linked-variations {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;
}

.wd-single-linked-variations .wd-swatch {
    width: 25px !important;
    height: 25px !important;
    min-width: 25px !important;
    padding: 0 !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    border: 1px solid #e0e0e0 !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    pointer-events: auto !important;
}

.wd-single-linked-variations .wd-swatch img,
.wd-single-linked-variations .wd-swatch-bg {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 0px -5px !important;
    display: block !important;
    border-radius: 50% !important;
}

.wd-single-linked-variations .wd-swatch:hover {
    transform: scale(1.2) !important;
    border-color: #000 !important;
    z-index: 2;
}

.elementor-element-3e7cad3:not(:has(.wd-swatch)):not(:has(.wd-swatches-search)) {
    display: none !important;
}

.wd-single-linked-variations .wd-swatches a {
    cursor: pointer !important;
}


/* 16. NEWSLETTER E PHOTOSWIPE */
.newsletter-maison div.elementor-field-group input,
.newsletter-maison div.elementor-field-group button,
.newsletter-maison .elementor-field-group {
    height: 35px !important;
    min-height: 35px !important;
    max-height: 35px !important;
}

.newsletter-maison .elementor-field-textual {
    padding: 0 10px !important;
    line-height: 35px !important;
    font-size: 13px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 0 !important;
}

div.newsletter-maison .elementor-button span.elementor-button-text {
    font-size: 14px !important;
    color: #212121 !important;
    line-height: 1 !important;
    display: inline-block !important;
    flex-grow: 0 !important;
}

div.newsletter-maison .elementor-button-content-wrapper {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.pswp__bg {
    background: #f3f3f3 !important;
    opacity: 1 !important;
}

.pswp__img--placeholder--blank {
    background: none !important;
}

.pswp__button--close,
.pswp__button--arrow--left,
.pswp__button--arrow--right {
    filter: invert(1);
}

a.pswp__share--download {
    display: none !important;
}


/* 17. PULSANTE "VISUALIZZA TUTTO" */
.view-all-link a:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.tax-product_cat.term-accessories .view-all-link a,
.tax-product_cat.term-accessori .view-all-link a,
.tax-product_cat.term-collection .view-all-link a,
.tax-product_cat.term-collezioni .view-all-link a {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
}

.wd-nav-product-cat:has(.wd-active:not(.view-all-link)) .view-all-link a {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #e1e1e1 !important;
}


/* 18. CAROUSEL TABS – FIX VELO BIANCO */
.wd-nav-wrapper.wd-mb-action-swipe,
.wd-nav-tabs-wrapper {
    -webkit-mask-image: none !important;
    mask-image: none !important;
}

.wd-nav-wrapper.wd-mb-action-swipe:after,
.wd-nav-wrapper.wd-mb-action-swipe:before {
    display: none !important;
    content: none !important;
}

.wd-nav-tabs > li > a .nav-link-text {
    white-space: nowrap !important;
    opacity: 1 !important;
}


/* 19. FREQUENTLY BOUGHT TOGETHER */
.wd-fbt-product .wd-entities-title.title {
    font-family: AktivGrotesk, sans-serif !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
    color: #212121 !important;
    text-transform: none !important;
}

.wd-fbt-product .price,
.wd-fbt-purchase .price,
.wd-fbt-purchase .price .amount {
    font-family: AktivGrotesk, sans-serif !important;
    font-weight: 600 !important;
    letter-spacing: 0px !important;
}

.wd-fbt-purchase .price {
    display: block;
    font-size: 22px;
    line-height: 1;
    margin-bottom: 10px;
}

.wd-fbt-desc {
    font-family: AktivGrotesk, sans-serif !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #777 !important;
}

.wd-fbt-product-heading label {
    cursor: pointer;
    vertical-align: middle;
}

.wd-fbt-purchase-btn {
    font-family: AktivGrotesk, sans-serif !important;
    background-color: #212121 !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    font-size: 13px !important;
    padding: 12px 20px !important;
    width: 100% !important;
    border-radius: 0px !important;
    border: 1px solid #212121 !important;
    transition: all 0.3s ease-in-out !important;
}

.wd-fbt-purchase-btn:hover {
    background-color: #ffffff !important;
    color: #212121 !important;
    border-color: #212121 !important;
}


/* 20. PORTFOLIO – NASCONDI CATEGORIA, MOSTRA SOLO TITOLO */
.portfolio-info .proj-cats-list {
    display: none;
}
@media (min-width: 1025px) {
	/* ============================================================
   DESKTOP CSS — davide cristofaro
   Applicato da min-width: 1025px
   ============================================================ */


/* 1. HEADER – DROPDOWN VALUTA E LINGUA */
.wd-header-text [class*="wcml-dropdown"] .wcml-cs-submenu {
    position: absolute;
    top: 100%;
    left: auto !important;
    right: 0 !important;
    transform-origin: top right !important;
    z-index: 9999 !important;
    width: auto !important;
    min-width: fit-content !important;
    max-width: 100vw;
    white-space: nowrap;
    padding: 8px 14px;
    background-color: var(--bgcolor-white);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
    border-radius: var(--wd-brd-radius);
}

.wd-header-text [class*="wcml-dropdown"] .wcml-cs-submenu li a {
    padding: 6px 10px !important;
    display: flex;
    align-items: center;
    transition: color 0.2s ease;
    color: inherit;
}

.wd-header-text [class*="wcml-dropdown"] .wcml-cs-submenu li a:hover {
    color: rgba(0, 0, 0, 0.5);
}

.whb-col-right .wd-dropdown-menu.wd-design-default {
    position: absolute !important;
    right: 0 !important;
    left: auto !important;
    top: 100% !important;
    transform-origin: top right !important;
    z-index: 9999 !important;
}

.wd-dropdown-menu.wd-design-default {
    display: block !important;
    padding: 10px 16px !important;
    width: auto !important;
    min-width: 140px !important;
    background-color: var(--bgcolor-white);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
    border-radius: var(--wd-brd-radius);
    white-space: nowrap !important;
}

.wd-dropdown-menu.wd-design-default li a:hover {
    color: rgba(0, 0, 0, 0.5);
    background-color: unset;
}


/* 2. SIDEBAR – LARGHEZZA DESKTOP */
@media screen and (min-width: 1025px) {
    .wd-side-hidden {
        --wd-side-hidden-w: 35%;
    }
}


/* 3. CAROUSEL TABS – LAYOUT ORIZZONTALE */
.wd-tabs-header {
    display: flex !important;
    flex-direction: row !important;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100% !important;
    padding-left: 80px !important;
    padding-right: 80px !important;
}

/* ✅ FIX: rimosso il blocco @media (max-width: 768px) che era duplicato
   nel pannello Mobile. Il pannello Mobile gestisce già questo breakpoint. */

.wd-tabs-header .tabs-navigation-wrapper,
.wd-tabs-header .wd-nav-tabs {
    justify-content: flex-end !important;
}


/* 3.5 FILTRI – UNIFICAZIONE STILE ORDINAMENTO (SORT BY) */
/* ✅ FIX: font-size rimosso da Global (era 14px in conflitto). Valore
   canonico è 11px definito qui. Si applica da Desktop in su. */
.woocommerce-ordering select.orderby {
    font-size: 11px !important;
    letter-spacing: 1.2px !important;
    font-weight: 400 !important;
    text-transform: uppercase !important;
    color: #212121 !important;
    border: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
    background-color: transparent !important;
    padding: 5px 0 !important;
}

.wd-shop-tools .woocommerce-ordering.wd-style-underline select {
    max-width: 150px;
}


/* 4. GESTIONE LAYOUT FREQUENTLY BOUGHT TOGETHER */

/* Desktop (≥ 1025px) */
@media (min-width: 1025px) {
    .is-bundle-2.wd-design-side .wd-carousel-container {
        flex: 0 0 730px !important;
        max-width: 730px !important;
    }
    .is-bundle-2.wd-design-side {
        justify-content: flex-start !important;
        display: flex !important;
    }
    .wd-fbt.wd-design-side .wd-fbt-form {
        width: 420px !important;
        flex: 0 0 420px !important;
    }
}

/* Mobile (≤ 1024.98px) */
@media (max-width: 1024.98px) {
    .is-bundle-2.wd-design-side .wd-carousel-container,
    .wd-fbt.wd-design-side .wd-fbt-form {
        flex: 0 1 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }
    .is-bundle-2.wd-design-side {
        flex-wrap: wrap !important;
    }
}

}

@media (min-width: 768px) and (max-width: 1024px) {
	/* ============================================================
   TABLET CSS — davide cristofaro
   Applicato da 768px a 1024px
   ============================================================ */

/* 1. SIDEBAR – LARGHEZZA TABLET */
@media screen and (max-width: 1024.98px) {
    .wd-side-hidden {
        --wd-side-hidden-w: 85%;
    }
}


/* 2. CAROUSEL – DISTANZA DAI BORDI SU TABLET */
@media (max-width: 1024px) {
    .wd-carousel-container {
        width: calc(100% - 40px) !important;
        margin-left: auto !important;
        margin-right: auto !important;
        padding: 0 !important;
        float: none !important;
    }

    .wd-carousel-container.wd-stretch-cont-md,
    .wd-carousel-container.wd-stretch-cont-sm,
    .owl-stage-outer {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    .wd-tabs-header {
        margin-left: 20px !important;
        margin-right: 20px !important;
        width: auto !important;
    }
}


/* MENU TABLET/NEST HUB – IDENTICO AL MOBILE (nessun tab CATEGORIES/MENU) */
@media (min-width: 768px) and (max-width: 1280px) {

    .wd-nav-mob-tab,
    .wd-nav-mobile-header {
        display: none !important;
    }

    .mobile-pages-menu,
    .mobile-categories-menu,
    .wd-tab-content {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        position: relative !important;
        left: 0 !important;
        transform: none !important;
        pointer-events: auto !important;
    }

    .wd-nav-mobile li,
    .wd-nav-mobile li a,
    .wd-nav-mobile li .wd-nav-opener {
        border: none !important;
    }

    .wd-drilldown-back {
        display: none !important;
    }

    .wd-nav-mobile .wd-sub-menu {
        display: block !important;
        position: relative !important;
        background-color: #ffffff !important;
        padding-left: 0 !important;
        box-shadow: none !important;
    }

    .wd-nav-mobile .wcml-cs-submenu {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
        position: relative !important;
        box-shadow: none !important;
        max-height: none !important;
    }

    .mobile-menu-tab .wd-scroll-content {
        display: flex !important;
        flex-direction: column !important;
        height: auto !important;
    }

    .mobile-categories-menu { order: 1 !important; }
    .widgetarea-mobile      { order: 2 !important; }
    .mobile-pages-menu      { order: 3 !important; }

    .wd-nav-mobile li a,
    .wd-nav-mobile .wd-sub-menu li a {
        letter-spacing: 1.5px !important;
        text-transform: uppercase !important;
        font-weight: 400 !important;
    }

    .wd-nav-mobile li > a {
        padding-top: 18px !important;
        padding-bottom: 18px !important;
        font-size: 12px !important;
    }

    .wd-nav-mobile .wd-sub-menu li a {
        font-size: 11px !important;
        padding-top: 15px !important;
        padding-bottom: 15px !important;
        color: #333 !important;
    }

    /* Fix spazi vuoti drilldown */
    .wd-nav-mobile.wd-drilldown,
    .wd-drilldown-slide {
        height: auto !important;
        min-height: 0 !important;
    }

    .wd-drilldown-slide .wd-sub-menu {
        height: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
    }

    .wd-drilldown-slide .wd-sub-menu.wd-drilldown-show {
        height: auto !important;
        overflow: visible !important;
    }

    .wd-drilldown-slide:not(.wd-drilldown-show) {
        padding: 0 !important;
        margin: 0 !important;
    }
}
}

@media (min-width: 577px) and (max-width: 767px) {
	/* ============================================================
   MOBILE LANDSCAPE CSS — davide cristofaro
   ============================================================ */

/* 1. CAROUSEL – DISTANZA DAI BORDI SU SCHERMI STRETTI */
@media (max-width: 768px) {
    .wd-carousel-container {
        width: calc(100% - 30px) !important;
    }

    .wd-tabs-header {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }
}
}

@media (max-width: 576px) {
	/* ============================================================
   MOBILE CSS — davide cristofaro
   Applicato fino a max-width: 767px circa (WoodMart gestisce il wrapper)
   ============================================================ */


/* 1. SIDEBAR – LARGHEZZA MOBILE */
@media screen and (max-width: 1024.98px) {
    .wd-side-hidden {
        --wd-side-hidden-w: 85%;
    }
}


/* 2. CAROUSEL TABS – LAYOUT VERTICALE MOBILE */
@media (max-width: 768px) {
    .wd-tabs-header {
        flex-direction: column !important;
        padding-left: 20px !important;
        padding-right: 20px !important;
        align-items: flex-start !important;
    }
}


/* 3. MENU MOBILE – STRUTTURA E VISIBILITÀ */
.wd-nav-mob-tab,
.wd-nav-mobile-header {
    display: none !important;
}

.mobile-pages-menu,
.mobile-categories-menu,
.wd-tab-content {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.mobile-categories-menu,
.wd-nav-mobile li,
.wd-nav-mobile li a,
.wd-nav-mobile li .wd-nav-opener {
    border: none !important;
}

.mobile-categories-menu {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}


/* 4. UNIFORMITÀ UTILITY MENU */
#menu-currency {
    display: flex !important;
    flex-direction: column !important;
    background-color: #ffffff !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    margin-bottom: 0 !important;
}

#menu-currency .menu-item-account   { order: 1 !important; }
#menu-currency .menu-item-wishlist  { order: 2 !important; }
#menu-currency .menu-item-languages { order: 3 !important; }
#menu-currency #menu-item-43378     { order: 4 !important; }


/* 5. ELEMENTOR E SELETTORE VALUTE */
.elementor-43379, .elementor-43379 .e-con,
.elementor-43379 .elementor-widget-shortcode,
.elementor-43379 .elementor-widget-container,
.elementor-47496, .elementor-47496 .e-con,
.wd-nav-mobile {
    display: block !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    visibility: visible !important;
}

.elementor-43379 .wcml-dropdown ul,
.elementor-47496 .wcml-dropdown ul {
    display: block !important;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
}

.elementor-43379 .wcml-cs-item-toggle,
.elementor-47496 .wcml-cs-item-toggle {
    display: none !important;
}

.elementor-43379 .wcml-cs-submenu,
.elementor-47496 .wcml-cs-submenu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    position: relative !important;
    box-shadow: none !important;
    max-height: none !important;
    padding-left: 0 !important;
}


/* 6. FIX SPAZIATURE ELEMENTOR MOBILE */
.elementor-element.elementor-element-e4ba73c,
.elementor-element.elementor-element-e4ba73c > .e-con-inner,
.elementor-element-ed1f02c,
.wcml-dropdown.product.wcml_currency_switcher {
    min-height: 0 !important;
    height: auto !important;
    --container-widget-height: auto !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.elementor-43379 .wcml-cs-submenu li:last-child {
    margin-bottom: 30px !important;
}

.elementor-42933 {
    margin-top: 30px !important;
    clear: both !important;
    position: relative !important;
}

.elementor-47496 .wd-negative-gap {
    margin: 0 !important;
}


/* 7. STATI ATTIVI E HOVER VALUTE */
.elementor-43379 .wcml-dropdown a.wcml-cs-item-toggle,
.elementor-43379 .wcml-cs-active,
.elementor-43379 .wcml-cs-item-active,
.elementor-43379 .wcml-cs-submenu li.wcml-cs-active a,
.elementor-43379 [class*="active"] {
    background: transparent !important;
    box-shadow: none !important;
}

.elementor-43379 .wcml-cs-submenu li a:hover,
.mobile-categories-menu .woodmart-nav-link:active,
#menu-currency .woodmart-nav-link:active,
#menu-currency a:active,
#menu-currency .menu-item.current-menu-item > a {
    background-color: #f1f1f1 !important;
    transition: background-color 0.2s ease-out !important;
}


/* 8. CUSTOMIZZAZIONI MENU E TASTO SALE */
.wd-nav-accordion-mb-on .wd-btn-show-cat {
    display: none !important;
}

.wd-nav-mobile #menu-item-47479 > a,
.wd-nav-mobile #menu-item-47480 > a {
    color: #C0392B !important;
}


/* 9. FIX SPINNER CARICAMENTO */
.wd-nav-mobile .wcml-spinner,
.wd-nav-mobile .spinner {
    display: block !important;
    margin: 15px auto !important;
    float: none !important;
    position: relative !important;
    clear: both !important;
}


/* 10. LOGICA TASTO "VISUALIZZA TUTTO" – TOUCH FIX */
.view-all-link a {
    -webkit-tap-highlight-color: transparent !important;
    touch-action: manipulation;
    transition: none !important;
}

.view-all-link.wd-active a,
.view-all-link.current-menu-item a,
.view-all-link a:active,
.view-all-link a:focus,
.view-all-link a:focus-visible {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #000 !important;
    outline: none !important;
}

.wd-nav-product-cat:has(.wd-active:not(.view-all-link)) .view-all-link a {
    background-color: #fff !important;
    color: #000 !important;
    border-color: #e1e1e1 !important;
}


/* 11. GESTIONE CARATTERI TESTO MENU E SOTTOMENU */
.wd-nav-mobile li a,
.wd-nav-mobile .wd-sub-menu li a {
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
    font-weight: 400 !important;
}

.wd-nav-mobile li > a {
    padding-top: 18px !important;
    padding-bottom: 18px !important;
}

.wd-nav-mobile .wd-sub-menu li a {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    font-size: 11px !important;
    color: #333 !important;
}


/* 12. LOGICA BACKGROUND SOTTOMENU */
.wd-drilldown-back,
.elementor-47496 .wd-drilldown-back {
    margin: 0 !important;
    background-color: #f9f9f9 !important;
    border-bottom: 1px solid #eee !important;
}

.wd-nav-mobile .wd-sub-menu,
.elementor-47496 .wcml-cs-submenu,
.wd-drilldown-slide {
    background-color: #ffffff !important;
}

.wd-nav-mobile .wd-sub-menu li a,
.elementor-47496 .wcml-cs-submenu li a {
    background-color: #ffffff !important;
    border-bottom: 1px solid #f8f8f8 !important;
}


/* 13. VETRINA PRODOTTI E LAYOUT FLEX */
.widgetarea-mobile {
    margin-top: 0 !important;
    margin-bottom: 15px !important;
    padding: 20px 10px !important;
    background-color: #ffffff !important;
    border-top: 1px solid #f1f1f1;
    border-bottom: 1px solid #f1f1f1;
}

.mobile-pages-menu {
    margin-top: 5px !important;
    border-top: none !important;
}

.mobile-menu-tab .wd-scroll-content {
    display: flex !important;
    flex-direction: column !important;
}

.mobile-categories-menu { order: 1 !important; }

.widgetarea-mobile {
    order: 2 !important;
    margin-top: 20px !important;
    margin-bottom: 40px !important;
    padding: 20px 10px !important;
}

.mobile-pages-menu {
    order: 3 !important;
    margin-top: 0 !important;
    padding-bottom: 30px !important;
    flex: 0 0 auto !important;
}


/* 14. FIX FINALE SPAZI VUOTI E DRILLDOWN */
.mobile-menu-tab .wd-scroll-content {
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 0 !important;
}

.wd-nav-mobile.wd-drilldown,
.wd-drilldown-slide {
    height: auto !important;
    min-height: 0 !important;
}

.wd-drilldown-slide .wd-sub-menu {
    height: 0;
    min-height: 0 !important;
    overflow: hidden;
}

.wd-drilldown-slide .wd-sub-menu.wd-drilldown-show {
    height: auto !important;
    overflow: visible;
}


/* 15. SPAZIATURA SOTTOMENU E CURRENCY */
.elementor-47496 .wcml-cs-submenu {
    padding-bottom: 60px !important;
    display: block !important;
}

#menu-currency.mobile-pages-menu {
    padding-bottom: 60px !important;
}


/* 16. STRUTTURA UNIFICATA TASTO BACK (ACCOUNT & CURRENCY) */
.wd-drilldown-back a {
    font-weight: 300 !important;
    letter-spacing: 1.5px !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
    display: flex !important;
    align-items: center;
    padding: 20px 25px !important;
    color: #000 !important;
    text-decoration: none;
}

.menu-item-account .wd-drilldown-back a:after {
    content: "MY ACCOUNT";
}

.wd-drilldown-back a:before {
    margin-right: 10px !important;
}
}