.page-title-default{ background-color:#0a0a0a; background-size:cover; background-position:center center; } .footer-container{ background-color:#ffffff; } body, .font-text, .menu-item-register .create-account-link, .menu-label, .widgetarea-mobile .widget_currency_sel_widget .widget-title, .widgetarea-mobile .widget_icl_lang_sel_widget .widget-title, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-accordion .vc_tta-panel-title, .woodmart-more-desc table th, .woocommerce-product-details__short-description table th, .product-image-summary .shop_attributes th{ font-family: "Lato", Arial, Helvetica, sans-serif; } .font-primary, table th, .page-title .entry-title, .masonry-filter li, .widget_rss ul li > a, .woodmart-price-table .woodmart-plan-title, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab > a, .woodmart-sizeguide-table tr:first-child td, .tabs-layout-tabs .tabs li, .woodmart-accordion-title, .woodmart-checkout-steps ul, .woocommerce-billing-fields > h3, .woocommerce-shipping-fields > h3, .woocommerce-additional-fields > h3, #ship-to-different-address label, #order_review_heading, .cart-totals-inner h2, .wood-login-divider, .woocommerce-MyAccount-title, header.title > h3, .woocommerce-column__title, .compare-field, .compare-value:before, .compare-basic .compare-value:before, .woodmart-wishlist-title, .woodmart-empty-page, .woodmart-products-tabs .tabs-name, .woodmart-products-tabs .products-tabs-title, #order_payment_heading, h1, h2, h3, h4, h5, h6, .title, legend, .woocommerce-Reviews .comment-reply-title, .menu-mega-dropdown .sub-menu > li > a, .mega-menu-list > li > a{ font-family: "Poppins", Arial, Helvetica, sans-serif; } .blog-post-loop .entry-title, .post-single-page .entry-title, .single-post-navigation .post-title, .portfolio-entry .entry-title, td.product-name a, .category-grid-item .category-title, .product_title, .autocomplete-suggestion .suggestion-title, .widget_recent_entries ul li a, .widget_recent_comments ul li > a, .woodmart-recent-posts .entry-title a, .woodmart-menu-price .menu-price-title, .product-title, .product-grid-item .product-title, .group_table td.label a{ font-family: "Poppins", Arial, Helvetica, sans-serif; } .font-alt{ font-family: "Lato", Arial, Helvetica, sans-serif;font-weight: 400; } .widgettitle, .widgettitle a, .widget-title, .widget-title a{ font-family: "Poppins", Arial, Helvetica, sans-serif;font-weight: 600; } .main-nav-style, .menu-opener, .categories-menu-dropdown .item-level-0 > a, .wd-tools-element .wd-tools-text, .main-nav .item-level-0 > a, .whb-secondary-menu .item-level-0 > a, .full-screen-nav .item-level-0 > a, .wd-tools-element .wd-tools-count, .woodmart-cart-design-2 .woodmart-cart-number, .woodmart-cart-design-5 .woodmart-cart-number{ font-family: "Lato", Arial, Helvetica, sans-serif;font-weight: 700;font-size: 13px; } a:hover, h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, blockquote footer:before, blockquote cite, blockquote cite a, .color-scheme-dark a:hover, .color-primary, .woodmart-dark .color-primary, .woodmart-cart-design-3 .woodmart-cart-subtotal .amount, .menu-item-register .create-account-link, .menu-item-register .create-account-link:hover, .btn-style-bordered.btn-color-primary, .mega-menu-list > li > a:hover, .mega-menu-list .sub-sub-menu li a:hover, .site-mobile-menu li.current-menu-item > a, .site-mobile-menu .sub-menu li.current-menu-item > a, .dropdowns-color-light .site-mobile-menu li.current-menu-item > a, .dropdowns-color-light .site-mobile-menu .sub-menu li.current-menu-item > a, .comments-area .reply a, .comments-area .reply a:hover, .comments-area .logged-in-as > a:hover, .blog-post-loop .entry-title a:hover, .read-more-section a, .read-more-section a:hover, .single-post-navigation .blog-posts-nav-btn a:hover, .error404 .page-title, .not-found .entry-header:before, .subtitle-color-primary.subtitle-style-default, .wpb_wrapper .title-wrapper u, .woodmart-title-color-primary .subtitle-style-default, .wpb_wrapper .promo-banner u, .instagram-widget .clear a:hover, .box-icon-wrapper.box-with-text, .woodmart-price-table.price-style-alt .woodmart-price-currency, .woodmart-price-table.price-style-alt .woodmart-price-value, .woodmart-menu-price.cursor-pointer:hover .menu-price-title, .hotspot-icon-alt .hotspot-btn:after, p.stock.in-stock:before, td.woocommerce-orders-table__cell-order-number a:hover, .wd-action-btn > a:hover, .amount, .price, .price ins, a.login-to-prices-msg, a.login-to-prices-msg:hover, .woodmart-accordion-title:hover, .woodmart-accordion-title.active, .woodmart-dark .woodmart-accordion-title:hover, .woodmart-dark .woodmart-accordion-title.active, .woocommerce-form-coupon-toggle > .woocommerce-info .showcoupon, .woocommerce-form-coupon-toggle > .woocommerce-info .showlogin, .woocommerce-form-login-toggle > .woocommerce-info .showcoupon, .woocommerce-form-login-toggle > .woocommerce-info .showlogin, .cart-totals-inner .shipping-calculator-button, .woodmart-dark .cart-totals-inner .shipping-calculator-button, .login-form-footer .lost_password, .login-form-footer .lost_password:hover, .woocommerce-order-pay td.product-total .amount, .woodmart-my-account-links a:hover:before, .woodmart-my-account-links a:focus:before, .woocommerce-Address-title .edit:hover, .woodmart-products-tabs.tabs-design-simple .products-tabs-title li.active-tab-title, .brands-list .brand-item a:hover, #dokan-store-listing-filter-wrap .right .toggle-view .active, .whb-color-dark .navigation-style-default .item-level-0:hover > a, .whb-color-dark .navigation-style-default .item-level-0.current-menu-item > a, .navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .navigation-style-separated .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .navigation-style-bordered .menu-mega-dropdown .color-scheme-dark .sub-menu > li > a:hover, .vertical-navigation .menu-mega-dropdown .sub-menu > li > a:hover, .navigation-style-default .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .navigation-style-separated .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .navigation-style-bordered .menu-mega-dropdown .color-scheme-dark .sub-sub-menu li a:hover, .vertical-navigation .menu-mega-dropdown .sub-sub-menu li a:hover{ color:#ff6a00; } .menu-opener:not(.has-bg), .search-style-with-bg.searchform .searchsubmit, .woodmart-cart-design-4 .woodmart-cart-number, .btn.btn-color-primary, .btn-style-bordered.btn-color-primary:hover, .menu-label-primary, .main-nav .item-level-0.callto-btn > a, .mobile-nav-tabs li:after, .icon-sub-menu.up-icon, .comment-form .submit, .color-scheme-light .woodmart-entry-meta .meta-reply .replies-count, .blog-design-mask .woodmart-entry-meta .meta-reply .replies-count, .woodmart-dark .woodmart-entry-meta .meta-reply .replies-count, .meta-post-categories, .woodmart-single-footer .tags-list a:hover:after, .woodmart-single-footer .tags-list a:focus:after, .woodmart-pagination > span:not(.page-links-title), .page-links > span:not(.page-links-title), .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus, .widget_product_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:focus, .widget_calendar #wp-calendar #today, .slider-title:before, .mc4wp-form input[type=submit], .subtitle-color-primary.subtitle-style-background, .woodmart-title-color-primary .subtitle-style-background, .woodmart-title-style-simple.woodmart-title-color-primary .liner-continer:after, .icons-design-simple .woodmart-social-icon:hover, .timer-style-active .woodmart-timer > span, .woodmart-price-table .woodmart-plan-footer > a, .woodmart-price-table.price-style-default .woodmart-plan-price, .hotspot-icon-default .hotspot-btn, .hotspot-icon-alt .woodmart-image-hotspot.hotspot-opened .hotspot-btn, .hotspot-icon-alt .woodmart-image-hotspot:hover .hotspot-btn, .hotspot-content .add_to_cart_button, .hotspot-content .product_type_variable, .widget_product_categories .product-categories li a:hover + .count, .widget_product_categories .product-categories li a:focus + .count, .widget_product_categories .product-categories li.current-cat > .count, .woodmart-woocommerce-layered-nav .layered-nav-link:hover + .count, .woodmart-woocommerce-layered-nav .layered-nav-link:focus + .count, .woodmart-woocommerce-layered-nav .chosen .count, td.woocommerce-orders-table__cell-order-actions a, .popup-quick-view .woodmart-scroll-content > a, .popup-quick-view .view-details-btn, .product-label.onsale, .widget_shopping_cart .buttons .checkout, .widget_price_filter .ui-slider .ui-slider-range, .widget_price_filter .ui-slider .ui-slider-handle:after, .wd-widget-stock-status a.wd-active:before, .widget_layered_nav ul .chosen a:before, .woocommerce-store-notice, div.quantity input[type=button]:hover, .woodmart-stock-progress-bar .progress-bar, .woocommerce-pagination li .current, .cat-design-replace-title .category-title, .woodmart-hover-base:not([class*=add-small]) .wd-bottom-actions .woodmart-add-btn > a, .woodmart-hover-alt .woodmart-add-btn > a span:before, .woodmart-hover-quick .woodmart-add-btn > a, .product-list-item .woodmart-add-btn > a, .woodmart-hover-standard .woodmart-add-btn > a, .single_add_to_cart_button, .tabs-layout-tabs .tabs li a:after, .wd-add-img-msg:before, .checkout_coupon .button, #place_order, .cart-totals-inner .checkout-button, .cart-actions .button[name=apply_coupon], .register .button, .login .button, .lost_reset_password .button, .woocommerce-MyAccount-content > p:not(.woocommerce-Message):first-child mark, .woocommerce-MyAccount-content > .button, .order-info mark, .order-again .button, .woocommerce-Button--next, .woocommerce-Button--previous, .woocommerce-MyAccount-downloads-file, .account-payment-methods-table .button, button[name=save_account_details], button[name=save_address], button[name=track], .woodmart-compare-col .button, .woodmart-compare-col .added_to_cart, .return-to-shop .button, .woodmart-pf-btn button, table.wishlist_table .product-add-to-cart a.button.add_to_cart, div.wcmp_regi_main .button, .dokan-dashboard a.dokan-btn, .dokan-dashboard button.dokan-btn, .dokan-dashboard input[type=submit].dokan-btn, .dokan-dashboard a.dokan-btn:hover, .dokan-dashboard a.dokan-btn:focus, .dokan-dashboard button.dokan-btn:hover, .dokan-dashboard button.dokan-btn:focus, .dokan-dashboard input[type=submit].dokan-btn:hover, .dokan-dashboard input[type=submit].dokan-btn:focus, .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.active, .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover, .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover, .dokan-single-seller .store-footer .dokan-btn-round, .dokan-single-seller .store-footer .dokan-btn-round:hover, #dokan-store-listing-filter-wrap .right .item .dokan-btn-theme, .woocommerce-MyAccount-content .dokan-btn-theme, .woocommerce-MyAccount-content .dokan-btn-theme:focus, #dokan-store-listing-filter-form-wrap .apply-filter #apply-filter-btn, #dokan-store-listing-filter-form-wrap .apply-filter #apply-filter-btn:focus, #yith-wpv-abuse, .yith-ywraq-add-to-quote .yith-ywraq-add-button .button.add-request-quote-button, body .select2-container--default .select2-results__option[aria-selected=true], .wd-tools-element .wd-tools-count, .woodmart-cart-design-2 .woodmart-cart-number, .woodmart-cart-design-5 .woodmart-cart-number, .navigation-style-underline .nav-link-text:after, .masonry-filter li a:after, .wpb-js-composer .vc_tta.vc_general.vc_tta-style-classic.vc_tta-tabs .vc_tta-tab .vc_tta-title-text:after, .category-nav-link .category-name:after, .woodmart-checkout-steps ul li span:after, .woodmart-products-tabs.tabs-design-default .products-tabs-title .tab-label:after, .woodmart-products-tabs.tabs-design-alt .products-tabs-title .tab-label:after{ background-color:#ff6a00; } blockquote, .border-color-primary, .btn-style-bordered.btn-color-primary, .btn-style-link.btn-color-primary, .btn-style-link.btn-color-primary:hover, .menu-label-primary:before, .woodmart-single-footer .tags-list a:hover, .woodmart-single-footer .tags-list a:focus, .widget_tag_cloud .tagcloud a:hover, .widget_tag_cloud .tagcloud a:focus, .widget_product_tag_cloud .tagcloud a:hover, .widget_product_tag_cloud .tagcloud a:focus, .woodmart-title-style-underlined.woodmart-title-color-primary .title, .woodmart-title-style-underlined-2.woodmart-title-color-primary .title, .woodmart-price-table.price-highlighted .woodmart-plan-inner, .widget_product_categories .product-categories li a:hover + .count, .widget_product_categories .product-categories li a:focus + .count, .widget_product_categories .product-categories li.current-cat > .count, .woodmart-woocommerce-layered-nav .layered-nav-link:hover + .count, .woodmart-woocommerce-layered-nav .layered-nav-link:focus + .count, .woodmart-woocommerce-layered-nav .chosen .count, .wd-widget-stock-status a.wd-active:before, .widget_layered_nav ul li a:hover:before, .wd-widget-stock-status a:hover:before, .widget_layered_nav ul .chosen a:before, div.quantity input[type=button]:hover, .woocommerce-ordering select:focus, .woodmart-products-tabs.tabs-design-simple .tabs-name, .woodmart-highlighted-products .elements-grid, .woodmart-highlighted-products.woodmart-carousel-container, .dokan-dashboard a.dokan-btn, .dokan-dashboard button.dokan-btn, .dokan-dashboard input[type=submit].dokan-btn, .dokan-dashboard a.dokan-btn:hover, .dokan-dashboard a.dokan-btn:focus, .dokan-dashboard button.dokan-btn:hover, .dokan-dashboard button.dokan-btn:focus, .dokan-dashboard input[type=submit].dokan-btn:hover, .dokan-dashboard input[type=submit].dokan-btn:focus, .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.active, .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li.dokan-common-links a:hover, .dokan-dashboard-wrap .dokan-dash-sidebar ul.dokan-dashboard-menu li:hover{ border-color:#ff6a00; } .with-animation .info-svg-wrapper path{ stroke:#ff6a00; } .color-alt, .woodmart-dark .color-alt, .btn-style-bordered.btn-color-alt, .subtitle-color-alt.subtitle-style-default, .woodmart-title-color-alt .subtitle-style-default{ color:#ff6a00; } .btn.btn-color-alt, .btn-style-bordered.btn-color-alt:hover, .menu-label-secondary, .subtitle-color-alt.subtitle-style-background, .woodmart-title-color-alt .subtitle-style-background, .woodmart-title-style-simple.woodmart-title-color-alt .liner-continer:after{ background-color:#ff6a00; } .border-color-alternative, .btn-style-bordered.btn-color-alt, .btn-style-link.btn-color-alt, .btn-style-link.btn-color-alt:hover, .menu-label-secondary:before, .woodmart-title-style-underlined.woodmart-title-color-alt .title, .woodmart-title-style-underlined-2.woodmart-title-color-alt .title{ border-color:#ff6a00; } .wd-age-verify-forbidden:hover, .widget_shopping_cart .buttons .btn-cart:hover, .widget_price_filter .price_slider_amount .button:hover, .cart-totals-inner .shipping-calculator-form .button:hover, .cart-actions .button[name="update_cart"]:hover, .woodmart-switch-to-register:hover, .wcmp-quick-info-wrapper input[type="submit"]:hover, .simplePopup .submit-report-abuse:hover, .vendor_sort input[type="submit"]:hover, #dokan-form-contact-seller.seller-form input.dokan-btn-theme:hover{ background-color:#efefef; } .hotspot-content .add_to_cart_button, .hotspot-content .product_type_variable, td.woocommerce-orders-table__cell-order-actions a, .popup-quick-view .woodmart-scroll-content > a, .woodmart-sticky-add-to-cart, .popup-added_to_cart .view-cart, .widget_shopping_cart .buttons .checkout, .woodmart-hover-base:not([class*="add-small"]) .wd-bottom-actions .woodmart-add-btn > a, .product-list-item .woodmart-add-btn > a, .woodmart-hover-standard .woodmart-add-btn > a, .single_add_to_cart_button, .checkout_coupon .button, #place_order, .cart-totals-inner .checkout-button, .cart-actions .button[name="apply_coupon"], .register .button, .login .button, .lost_reset_password .button, .social-login-btn > a, .woocommerce-MyAccount-content > .button, .order-again .button, .woocommerce-Button--next, .woocommerce-Button--previous, .woocommerce-MyAccount-downloads-file, .account-payment-methods-table .button, button[name="save_account_details"], button[name="save_address"], button[name="track"], .woodmart-compare-col .button, .woodmart-compare-col .added_to_cart, .return-to-shop .button, .woodmart-pf-btn button, table.wishlist_table .product-add-to-cart a.button.add_to_cart, #dokan-store-listing-filter-wrap .right .item .dokan-btn-theme, .woocommerce-MyAccount-content .dokan-btn-theme, #dokan-store-listing-filter-form-wrap .apply-filter #apply-filter-btn, .yith-ywraq-add-to-quote .yith-ywraq-add-button .button.add-request-quote-button{ background-color:#ff6a00; } .hotspot-content .add_to_cart_button:hover, .hotspot-content .product_type_variable:hover, td.woocommerce-orders-table__cell-order-actions a:hover, .popup-quick-view .woodmart-scroll-content > a:hover, .woodmart-sticky-add-to-cart:hover, .popup-added_to_cart .view-cart:hover, .widget_shopping_cart .buttons .checkout:hover, .woodmart-hover-base:not([class*="add-small"]) .wd-bottom-actions .woodmart-add-btn > a:hover, .product-list-item .woodmart-add-btn > a:hover, .woodmart-hover-standard .woodmart-add-btn > a:hover, .single_add_to_cart_button:hover, .checkout_coupon .button:hover, #place_order:hover, .cart-totals-inner .checkout-button:hover, .cart-actions .button[name="apply_coupon"]:hover, .register .button:hover, .login .button:hover, .lost_reset_password .button:hover, .social-login-btn > a:hover, .woocommerce-MyAccount-content > .button:hover, .order-again .button:hover, .woocommerce-Button--next:hover, .woocommerce-Button--previous:hover, .woocommerce-MyAccount-downloads-file:hover, .account-payment-methods-table .button:hover, button[name="save_account_details"]:hover, button[name="save_address"]:hover, button[name="track"]:hover, .woodmart-compare-col .button:hover, .woodmart-compare-col .added_to_cart:hover, .return-to-shop .button:hover, .woodmart-pf-btn button:hover, table.wishlist_table .product-add-to-cart a.button.add_to_cart:hover, #dokan-store-listing-filter-wrap .right .item .dokan-btn-theme:hover, .woocommerce-MyAccount-content .dokan-btn-theme:hover, #dokan-store-listing-filter-form-wrap .apply-filter #apply-filter-btn:hover, .yith-ywraq-add-to-quote .yith-ywraq-add-button .button.add-request-quote-button:hover{ background-color:#6ca300; } .main-nav .item-level-0.callto-btn > a, .comment-form .submit, .post-password-form input[type="submit"], .cookies-buttons .cookies-accept-btn, .mc4wp-form input[type="submit"], .wd-age-verify-allowed, .woodmart-price-table .woodmart-plan-footer > a, div.wcmp_regi_main .button, #yith-wpv-abuse{ background-color:#83b735; } .main-nav .item-level-0.callto-btn > a:hover, .comment-form .submit:hover, .post-password-form input[type="submit"]:hover, .cookies-buttons .cookies-accept-btn:hover, .mc4wp-form input[type="submit"]:hover, .wd-age-verify-allowed:hover, .woodmart-price-table .woodmart-plan-footer > a:hover, div.wcmp_regi_main .button:hover, #yith-wpv-abuse:hover{ background-color:#6ca300; } .woodmart-promo-popup{ background-color:#111111; background-repeat:no-repeat; background-size:contain; background-position:left center; } @font-face { font-weight: normal; font-style: normal; font-family: "woodmart-font"; src: url("//savutoapicoltura.com/wp-content/themes/woodmart/fonts/woodmart-font.woff?v=5.3.3") format("woff"), url("//savutoapicoltura.com/wp-content/themes/woodmart/fonts/woodmart-font.woff2?v=5.3.3") format("woff2"); } /* Site width */ /* Header Boxed */ @media (min-width: 1025px) { .whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header { max-width: 1192px; } } .container { max-width: 1222px; } .elementor-section.wd-section-stretch > .elementor-column-gap-no { max-width: 1192px; } .elementor-section.wd-section-stretch > .elementor-column-gap-narrow { max-width: 1202px; } .elementor-section.wd-section-stretch > .elementor-column-gap-default { max-width: 1212px; } .elementor-section.wd-section-stretch > .elementor-column-gap-extended { max-width: 1222px; } .elementor-section.wd-section-stretch > .elementor-column-gap-wide { max-width: 1232px; } .elementor-section.wd-section-stretch > .elementor-column-gap-wider { max-width: 1252px; } @media (min-width: 1239px) { .platform-Windows .wd-section-stretch > .elementor-container { margin-left: auto; margin-right: auto; } } @media (min-width: 1222px) { html:not(.platform-Windows) .wd-section-stretch > .elementor-container { margin-left: auto; margin-right: auto; } } /* Quick view */ .popup-quick-view { max-width: 920px; } /* Shop popup */ .woodmart-promo-popup { max-width: 800px; } /* Age verify */ .wd-age-verify { max-width: 500px; } /* Header Banner */ .header-banner { height: 40px; } .header-banner-display .website-wrapper { margin-top:40px; } /* Tablet */ @media (max-width: 1024px) { /* header Banner */ .header-banner { height: 40px; } .header-banner-display .website-wrapper { margin-top:40px; } } .woodmart-woocommerce-layered-nav .woodmart-scroll-content { max-height: 280px; } /* ========================================================================== RECUPERO — CSS ORIGINALE DEL SITO + MEGA MENU Incolla TUTTO questo file in: Woodmart > Global Custom CSS (sostituisce quello che c'è ora, che probabilmente contiene SOLO il pezzo del mega menu e ha perso il resto) ========================================================================== */ /* === MYRIAD PRO – WEBFONTS UFFICIALI (WOFF2) === */ /* Regular */ @font-face { font-family: 'MyriadPro'; src: url('https://savutoapicoltura.com/wp-content/uploads/2025/11/MyriadPro-Regular.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } /* Semibold */ @font-face { font-family: 'MyriadPro'; src: url('https://savutoapicoltura.com/wp-content/uploads/2025/11/MyriadPro-Semibold.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; } /* Bold */ @font-face { font-family: 'MyriadPro'; src: url('https://savutoapicoltura.com/wp-content/uploads/2025/11/MyriadPro-Bold.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } /* Condensed Regular */ @font-face { font-family: 'MyriadProCond'; src: url('https://savutoapicoltura.com/wp-content/uploads/2025/11/MyriadPro-Cond.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } /* Condensed Bold */ @font-face { font-family: 'MyriadProCond'; src: url('https://savutoapicoltura.com/wp-content/uploads/2025/11/MyriadPro-BoldCond.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; } /* === FONT GLOBALI SAVUTO — APPLICAZIONE === */ /* Testi generali */ body { font-family: 'MyriadPro', sans-serif !important; font-weight: 400; } /* Titoli */ h1, h2, h3, h4, h5, h6 { font-family: 'MyriadPro', sans-serif !important; font-weight: 600; } /* Menu */ .wd-nav, .wd-nav a, .main-nav, .main-nav a { font-family: 'MyriadPro', sans-serif !important; font-weight: 600; } /* Prezzi — stile Condensed per effetto “store premium” */ .price, .woocommerce-Price-amount, .single-product .summary-inner .price ins .amount { font-family: 'MyriadProCond', 'MyriadPro', sans-serif !important; font-weight: 700; } /* Pulsanti */ button, .button, .single_add_to_cart_button, .wd-add-btn { font-family: 'MyriadPro', sans-serif !important; font-weight: 700; } /* Breadcrumb / pillola */ .sv-top-bar .woocommerce-breadcrumb, .sv-top-bar .woocommerce-breadcrumb a, .sv-top-bar .woocommerce-breadcrumb span { font-family: 'MyriadPro', sans-serif !important; font-weight: 400; } /* Back ("‹") */ .sv-back-pill span, .sv-custom-back span, .sv-top-bar .woodmart-back-btn span { font-family: 'MyriadPro', sans-serif !important; font-weight: 700; } /* Contenitore della quantità nella pagina prodotto */ .woocommerce div.product form.cart div.quantity { display: inline-flex; /* per allineare tutto in orizzontale */ align-items: center; border: 1px solid #dddddd; border-radius: 999px; /* forma a pillola */ overflow: hidden; height: 46px; } /* Campo numerico della quantità */ .woocommerce div.product form.cart .quantity .qty { width: 35px; text-align: center; border: none; box-shadow: none; outline: none; font-weight: 700; } /* (Opzionale) Pulsanti + e - se il tema li prevede */ .woocommerce div.product form.cart .quantity button.plus, .woocommerce div.product form.cart .quantity button.minus, .woocommerce div.product form.cart .quantity .plus, .woocommerce div.product form.cart .quantity .minus { border: none; background: #ffffff; padding: 0 14px; cursor: pointer; font-size: 18px; line-height: 1; } .woocommerce div.product form.cart .quantity button.plus:hover, .woocommerce div.product form.cart .quantity button.minus:hover, .woocommerce div.product form.cart .quantity .plus:hover, .woocommerce div.product form.cart .quantity .minus:hover { background: #f4f4f4; } /* --- COD + Categorie sulla stessa riga --- */ .product_meta { display: flex; flex-wrap: wrap; align-items: center; gap: 30px; /* distanza tra elementi */ } .product_meta > span { margin: 5 !important; padding: 0 !important; } .product_meta, .custom-long-description { border-top: 1.5px solid #eee; padding-top: 15px; margin-top: 15px; } .single_add_to_cart_button { font-size: 18px !important; padding: 14px 70px !important; border-radius: 50px !important; } /* === TITOLO E PREZZO SULLA STESSA RIGA (WOODMART) — VERSIONE CORRETTA === */ /* Usiamo la griglia SOLO sul contenitore .summary-inner */ .single-product div.product .summary-inner { display: grid; grid-template-columns: 1fr auto; /* titolo a sinistra, prezzo a destra */ grid-auto-rows: auto; column-gap: 16px; row-gap: 8px; } /* Titolo: colonna sinistra, riga 1 */ .single-product div.product .summary-inner .product_title { grid-column: 1; grid-row: 1; margin: 0; } /* Prezzo: colonna destra, stessa riga del titolo */ .single-product div.product .summary-inner .price { grid-column: 2; grid-row: 1; margin: 0; align-self: center; white-space: nowrap; } /* Meta (COD + Categorie): riga 2, a tutta larghezza */ .single-product div.product .summary-inner .product_meta { grid-column: 1 / 3; } /* Tutti gli altri elementi (descrizione breve, quantità, pulsante ecc.) vanno sotto, a tutta larghezza, in ordine normale */ .single-product div.product .summary-inner > *:not(.product_title):not(.price):not(.product_meta):not(.woodmart-compare-btn):not(.woodmart-wishlist-btn) { grid-column: 1 / 3; } /* === Wishlist: pulsante outline con cuore, che diventa pieno quando aggiunto === */ /* Stato base: outline, cuore vuoto */ .single-product .summary-inner .woodmart-wishlist-btn a { display: inline-block; /* flex non serve più */ padding: 0 40px; /* niente padding verticale */ height: 46px; border-radius: 30px; border: 1.5px solid #ff3b3b; background: transparent; color: #e07a3f; font-size: 0; /* ok per nascondere il testo */ line-height: 98px; /* allineamento verticale del contenuto */ text-transform: none; cursor: pointer; transition: all 0.25s ease; position: relative; /* ❗ necessario per centrare il cuore con absolute */ } /* Cuore outline (vuoto) prima del click */ .single-product .summary-inner .woodmart-wishlist-btn a::before { content: "♡"; /* cuore vuoto */ font-size: 26px; line-height: 1; position: absolute; /* ❗ centra il cuore sul pulsante */ left: 50%; top: 50%; transform: translate(-50%, -50%); } /* Hover in stato base: leggero ingrandimento */ .single-product .summary-inner .woodmart-wishlist-btn a:hover::before { transform: translate(-50%, -50%) scale(1.12); filter: drop-shadow(0 0 10px rgba(255, 59, 59, 0.55)); } /* === Stato "aggiunto alla wishlist" === */ /* YITH/WoodMart di solito aggiungono la classe .added al link */ .single-product .summary-inner .woodmart-wishlist-btn a.added { background: #ff3b3b; border-color: #ff3b3b; } /* Cuore pieno quando aggiunto */ .single-product .summary-inner .woodmart-wishlist-btn a.added::before { content: "♥"; /* cuore pieno */ color: #ffffff; } /* --- Metto il cuore wishlist accanto al pulsante Aggiungi al carrello --- */ /* Dico alla griglia che il form.cart sta sulla riga 4, colonna sinistra */ .single-product div.product .summary-inner form.cart { grid-column: 1; grid-row: 4; display: flex; align-items: center; gap: 12px; /* spazio tra quantità e pulsante carrello */ } /* Dico alla griglia che la wishlist sta sulla stessa riga, colonna destra */ .single-product div.product .summary-inner .woodmart-wishlist-btn { grid-column: 2; grid-row: 4; align-self: left; justify-self: center; margin-left: calc(1rem + 30px); } /* --- Quando lo schermo si restringe, il cuore va a capo sotto il carrello --- */ @media (max-width: 1250px) { .single-product div.product .summary-inner .woodmart-wishlist-btn { grid-column: 1 / 3; /* occupa tutta la larghezza della griglia */ grid-row: auto; /* va sulla riga successiva */ margin-left: 0; /* niente spinta verso il carrello */ margin-top: 10px; /* spazio sopra rispetto al carrello */ justify-self: flex-start; /* allineato a sinistra (puoi mettere center se vuoi) */ } } /* === Prezzo Più grande === */ .single-product div.product .summary-inner .price { display: inline-flex; /* tutto sulla stessa riga */ align-items: baseline; gap: 8px; /* distanza tra vecchio e nuovo prezzo */ margin-top: 4px; } .single-product div.product .summary-inner .price ins .amount { font-size: 38px; /* aumenta se lo vuoi ancora più grande */ font-weight: 700; color: #e67832; /* vicino al tuo arancione bottone */ } .single-product div.product .summary-inner .price del { font-size: 18px; opacity: 0.9; /* più “leggero” */ } .single-product div.product .summary-inner .price del .amount { text-decoration: line-through; } /* === CONTENITORE DELLA TOP BAR (back + breadcrumb) === */ .single-product .sv-top-bar { display: inline-flex; align-items: center; gap: 8px; /* distanza tra le due pillole */ margin-bottom: 16px; } /* ======================================================= MICRO-PILLOLA BACK — FRECCIA PERFETTAMENTE CENTRATA ======================================================= */ .sv-back-pill { display: inline-flex; align-items: center; justify-content: center; background: #f4f4f4; border-radius: 999px; border: 0; padding: 2px 14px; height: 28px; /* altezza uniforme */ text-decoration: none; } .sv-back-pill span { font-size: 22px; font-weight: 800; line-height: 1; height: 20px; /* centratura verticale */ display: flex; align-items: center; justify-content: center; color: #444; } .sv-back-pill:hover span { color: #e67832; } /* === BREADCRUMB PILLOLA — UNA RIGA CON TRONCAMENTO === */ /* Contenitore pillola: larghezza max e overflow hidden */ .single-product .sv-top-bar .woocommerce-breadcrumb { display: inline-flex; align-items: center; gap: 4px; background: #f4f4f4; padding: 4px 14px; border-radius: 40px; margin: 0; font-size: 14px; line-height: 1.2; color: #555; /* NUOVO: forza una riga e taglia */ flex-wrap: nowrap; white-space: nowrap; overflow: hidden; max-width: 480px; /* regola in base al tuo layout */ } /* Tutti i figli diretti: no wrap */ .single-product .sv-top-bar .woocommerce-breadcrumb a, .single-product .sv-top-bar .woocommerce-breadcrumb span { white-space: nowrap; font-size: 14px; line-height: 1.2; color: #555; flex-shrink: 0; /* Home, Laboratorio, Smielatori non si stringono */ } /* Solo l'ULTIMO elemento (nome prodotto) si tronca con "…" */ .single-product .sv-top-bar .woocommerce-breadcrumb > span:last-child, .single-product .sv-top-bar .woocommerce-breadcrumb > a:last-child { flex-shrink: 1; /* può restringersi */ overflow: hidden; text-overflow: ellipsis; min-width: 0; /* fondamentale per flex + ellipsis */ } /* === TABELLA PREZZI A SCALINI=== */ /* Contenitore: larghezza comoda e allineato al testo */ .single-product [class*="tiered-pricing"] { max-width: 590px; margin-top: 10px; font-size: 17px; font-family: inherit; } /* Tabella generica del plugin */ .single-product [class*="tiered-pricing"] table { width: 100%; border-collapse: separate; border-spacing: 0; border-radius: 8px; overflow: hidden; } /* Header (Q.tà / Sconto / Prezzo) */ .single-product [class*="tiered-pricing"] thead tr { background: #f4f4f4; /* grigio chiaro tipo */ } .single-product [class*="tiered-pricing"] thead th { padding: 10px 14px; font-weight: 600; text-transform: uppercase; font-size: 12px; letter-spacing: 0.04em; color: #666; border-bottom: 1px solid #e2e2e2; } /* Celle corpo tabella */ .single-product [class*="tiered-pricing"] tbody td { padding: 9px 14px; border-bottom: 1px solid #f0f0f0; background: #ffffff; } /* Prima colonna (Q.tà) leggermente più stretta */ .single-product [class*="tiered-pricing"] tbody td:first-child { width: 25%; } /* Colonna prezzo allineata a destra, più forte */ .single-product [class*="tiered-pricing"] tbody td:last-child { text-align: right; font-weight: 700; color: #e67832; /* arancione Savuto */ } /* Riga “attiva” (in base a classe usata dal plugin) + hover */ .single-product [class*="tiered-pricing"] tbody tr:hover, .single-product [class*="tiered-pricing"] tbody tr.current, .single-product [class*="tiered-pricing"] tbody tr.active { background: #f9fff2; /* verdino molto chiaro */ } .single-product [class*="tiered-pricing"] tbody tr:hover td, .single-product [class*="tiered-pricing"] tbody tr.current td, .single-product [class*="tiered-pricing"] tbody tr.active td { border-bottom-color: #e0f1c5; } /* Piccolo badge sulla riga selezionata (se il plugin aggiunge .current/.active) */ .single-product [class*="tiered-pricing"] tbody tr.current td:first-child::before, .single-product [class*="tiered-pricing"] tbody tr.active td:first-child::before { content: "✓"; display: inline-block; margin-right: 6px; color: #78a52a; font-weight: 700; } /* === Linee verticali su tab === */ .single-product .tiered-pricing-table td { border-right: 1px solid #e0e0e0 !important; padding: 8px 16px !important; } /* Rimuove la linea verticale dall’ultima colonna */ .single-product .tiered-pricing-table td:last-child { border-right: none !important; } /* Linee orizzontali più leggere */ .single-product .tiered-pricing-table tr { border-bottom: 1px solid #f0f0f0 !important; } /* Riga attiva highlight (verde) – mantiene stile pulito */ .single-product .tiered-pricing-table tr.tiered-pricing-active { background: #e8f5e2 !important; } /* Header con stile migliore */ .single-product .tiered-pricing-table th { border-right: 1px solid #e0e0e0 !important; font-weight: 600 !important; color: #555; } .single-product .tiered-pricing-table th:last-child { border-right: none !important; } /* --- Stile banner "Risparmia fino a X%" --- */ .single-product .sv-tiered-banner { margin-top: 6px; margin-bottom: 6px; font-size: 18px; font-weight: 600; color: #444; } .single-product .sv-tiered-banner strong { color: #e67832; /* arancione Savuto */ } /* --- Stile tabella sconti --- */ .single-product table.tiered-pricing-table { border-collapse: separate; border-spacing: 0; width: 100%; font-size: 14px; } /* celle: linee orizzontali + verticali */ .single-product table.tiered-pricing-table th, .single-product table.tiered-pricing-table td { border-bottom: 1px solid #eee; border-right: 1px solid #eee; /* linea verticale */ padding: 8px 10px; } /* niente bordo a destra sull’ultima colonna */ .single-product table.tiered-pricing-table th:last-child, .single-product table.tiered-pricing-table td:last-child { border-right: none; } /* header della tabella */ .single-product table.tiered-pricing-table thead th { background: #fafafa; font-weight: 600; color: #555; } /* riga evidenziata (scelta) in verde Savuto-like */ .single-product table.tiered-pricing-table tr.is-active td { background: #9acb57; color: #fff; font-weight: 600; } /* testo prezzo in colonna prezzo */ .single-product table.tiered-pricing-table td .woocommerce-Price-amount { font-weight: 600; } .sv-request-btn { display: inline-block; padding: 14px 60px; background: #e67832; color: #fff; border-radius: 50px; font-weight: 600; text-decoration: none; margin-top: 15px; font-size: 18px; } .sv-request-btn:hover { background: #cf651f; } .sv-product-icons { margin-top: 14px; display: flex; flex-direction: column; gap: 6px; } .sv-icon-row { display: flex; align-items: center; gap: 6px; font-size: 14px; font-weight: 500; } .sv-icon { width: 18px; height: 18px; stroke: #f4b41a; /* colore miele */ fill: none; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; } .single-product .summary-inner .sv-trust-icons{ margin: 1px 0 8px; display: flex; flex-wrap: wrap; gap: 30px; } .single-product .summary-inner .sv-trust-item{ display: inline-flex; align-items: center; gap: 7px; font-size: 16px; font-weight: 600; color: #2f7d32; } .single-product .summary-inner .sv-trust-ico{ width: 80px; height: 80px; object-fit: contain; flex: 0 0 auto; } /* Titolo prodotto: forza wrap su 2 righe (effetto “sempre”) */ .single-product div.product .summary-inner .product_title{ max-width: 352px; /* riduci/aumenta se serve */ white-space: normal !important; word-break: break-word; overflow-wrap: anywhere; line-height: 1.08; } .single-product .product_meta .posted_in { display: none !important; } /* === CODICE PRODOTTO sotto il titolo === */ .single-product div.product .summary-inner .product_meta { margin-top: 4px; padding-bottom: 12px; border-bottom: 1px solid #eee; /* linea grigia */ } /* Solo SKU visibile */ .single-product div.product .summary-inner .sku_wrapper { display: inline-block; font-size: 14px; font-weight: 500; color: #777; } /* Testo "COD:" più leggero */ .single-product div.product .summary-inner .sku_wrapper { letter-spacing: 0.02em; } /* Allineamento nella griglia */ .single-product div.product .summary-inner .product_meta { grid-column: 1 / 3; grid-row: 2; /* subito sotto titolo/prezzo */ } /* 1) NASCONDE "Categorie: ..." */ .single-product .product_meta .posted_in{ display: none !important; } /* 2) RIMUOVE la linea grigia che sta SOPRA il COD (è sulla product_meta) */ .single-product div.product .summary-inner .product_meta{ border-top: 0 !important; padding-top: 0 !important; margin-top: 6px !important; /* visto che nascondiamo le categorie, non serve più flex */ display: block !important; } /* 3) METTE la linea SOTTO al COD (come vuoi tu) */ .single-product div.product .summary-inner .product_meta .sku_wrapper{ display: block !important; padding-bottom: 12px; border-bottom: 1px solid #eee; font-size: 14px; font-weight: 400; color: #777; } /* "COD:" in grassetto */ .single-product .sku_wrapper{ font-weight: 500; } /* Valore SKU normale */ .single-product .sku_wrapper .sku{ font-weight: 900; } /* Linea di separazione sotto Aggiungi al carrello */ .single-product div.product .summary-inner form.cart{ padding-bottom: 18px; margin-bottom: 18px; border-bottom: 1px solid #eee; } /* ======================================================= PRODOTTO ESAURITO — RIGA UNICA (ESaurito + BOTTONE) ======================================================= */ /* Contenitore: prende il posto del carrello */ .single-product div.product .summary-inner .sv-oos-row{ grid-column: 1 / 3; /* tutta la larghezza */ grid-row: 3; display: flex; align-items: center; gap: 24px; } /* Testo "Esaurito" */ .single-product div.product .summary-inner .sv-oos-label{ font-size: 18px; font-weight: 600; color: #c0392b; white-space: nowrap; } /* Bottone "Richiedi prodotto" — nero */ .single-product div.product .summary-inner .sv-request-btn{ background: #000 !important; color: #fff !important; border: none !important; font-size: 18px !important; padding: 14px 120px !important; border-radius: 50px !important; } .single-product div.product .summary-inner .sv-request-btn:hover{ background: #f4f4f4 !important; color: #000 !important; } /* ======================================================= NASCONDE IL CUORE SOLO SE ESAURITO ======================================================= */ .single-product.outofstock .summary-inner .woodmart-wishlist-btn{ display: none !important; } /* NASCONDE IL CUORE QUANDO IL PRODOTTO È ESAURITO (selettori robusti) */ .single-product .product.outofstock .summary-inner .woodmart-wishlist-btn, .single-product .product.out-of-stock .summary-inner .woodmart-wishlist-btn, .single-product .outofstock .summary-inner .woodmart-wishlist-btn, .single-product .out-of-stock .summary-inner .woodmart-wishlist-btn, body.single-product.outofstock .summary-inner .woodmart-wishlist-btn, body.single-product.out-of-stock .summary-inner .woodmart-wishlist-btn{ display: none !important; } /* NASCONDE la scritta "Esaurito" standard di WooCommerce */ .single-product .summary-inner .stock.out-of-stock, .single-product .summary-inner .stock.outofstock, .single-product .summary-inner p.stock, .single-product .summary-inner .woocommerce-stock-status{ display: none !important; } /* ======================================================= PRODOTTO ESAURITO — PRIMA ICONA: "Richiedi disponibilità" (selettori robusti: body + wrapper + product) ======================================================= */ /* Target robusto: quando il prodotto è esaurito */ body.single-product.outofstock .sv-trust-availability, body.single-product.out-of-stock .sv-trust-availability, .single-product .outofstock .sv-trust-availability, .single-product .out-of-stock .sv-trust-availability, .single-product .product.outofstock .sv-trust-availability, .single-product .product.out-of-stock .sv-trust-availability{ display: inline-flex !important; align-items: center !important; } /* Nasconde IMMAGINE e TESTO originali "Disponibilità immediata" */ body.single-product.outofstock .sv-trust-availability .sv-trust-ico, body.single-product.outofstock .sv-trust-availability span, body.single-product.out-of-stock .sv-trust-availability .sv-trust-ico, body.single-product.out-of-stock .sv-trust-availability span, .single-product .outofstock .sv-trust-availability .sv-trust-ico, .single-product .outofstock .sv-trust-availability span, .single-product .out-of-stock .sv-trust-availability .sv-trust-ico, .single-product .out-of-stock .sv-trust-availability span, .single-product .product.outofstock .sv-trust-availability .sv-trust-ico, .single-product .product.outofstock .sv-trust-availability span, .single-product .product.out-of-stock .sv-trust-availability .sv-trust-ico, .single-product .product.out-of-stock .sv-trust-availability span{ display: none !important; } /* Nuova icona */ body.single-product.outofstock .sv-trust-availability::before, body.single-product.out-of-stock .sv-trust-availability::before, .single-product .outofstock .sv-trust-availability::before, .single-product .out-of-stock .sv-trust-availability::before, .single-product .product.outofstock .sv-trust-availability::before, .single-product .product.out-of-stock .sv-trust-availability::before{ content: ""; display: inline-block; width: 80px; height: 80px; background: url("https://savutoapicoltura.com/wp-content/uploads/2025/12/EB179842-BEF2-4FD8-A98D-02C5534F0E66.png") center/contain no-repeat; flex-shrink: 0; } /* Nuovo testo accanto all’icona */ body.single-product.outofstock .sv-trust-availability::after, body.single-product.out-of-stock .sv-trust-availability::after, .single-product .outofstock .sv-trust-availability::after, .single-product .out-of-stock .sv-trust-availability::after, .single-product .product.outofstock .sv-trust-availability::after, .single-product .product.out-of-stock .sv-trust-availability::after{ content: "Richiedi disponibilità"; display: inline-flex; align-items: center; margin-left: 12px; font-size: 16px; font-weight: 600; color: #c0392b; white-space: nowrap; } /* ============================ HEADER BOTTOM MENU: NO WRAP + SCROLL (Woodmart - selettori robusti) ============================ */ /* 1) La riga/colonna del menu non deve andare a capo */ .whb-header-bottom .whb-flex-row, .whb-header-bottom .whb-col-left, .whb-header-bottom .whb-col-center, .whb-header-bottom .whb-col-right{ flex-wrap: nowrap !important; } /* 2) Il contenitore del menu: una riga sola + scroll se serve */ .whb-header-bottom .wd-header-nav, .whb-header-bottom .wd-nav-wrapper, .whb-header-bottom .wd-nav, .whb-header-bottom nav{ white-space: nowrap !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch; } /* 3) Le voci del menu NON devono andare a capo */ .whb-header-bottom .wd-nav > li, .whb-header-bottom .wd-nav a, .whb-header-bottom .wd-nav-main > li, .whb-header-bottom .wd-nav-main a{ white-space: nowrap !important; } /* 4) Nasconde scrollbar (Chrome/Safari) */ .whb-header-bottom .wd-header-nav::-webkit-scrollbar, .whb-header-bottom .wd-nav-wrapper::-webkit-scrollbar, .whb-header-bottom .wd-nav::-webkit-scrollbar, .whb-header-bottom nav::-webkit-scrollbar{ height: 0px; } /* ================================ BRAND LOGO – PRODOTTO ================================ */ .savuto-product-brand { display: block; margin-bottom: 12px; line-height: 1; } /* link */ .savuto-product-brand__img{ height: 60px !important; width: auto !important; max-width: 180px !important; display: block !important; object-fit: contain; } /* sicurezza contro WoodMart */ .product-summary img.savuto-product-brand__img, .summary img.savuto-product-brand__img { max-width: 120px !important; height: auto !important; } .savuto-product-brand { line-height: 0; } .savuto-product-brand__link { display: inline-flex; align-items: center; } /* linea sotto i loghi */ .savuto-product-brand{ padding-bottom: 1px; } /* BRAND LOGO – allineamento centrale */ .savuto-product-brand{ width: 100%; text-align: center; margin: 0 0 12px; } /* se ci sono più loghi: centrali e con spazio */ .savuto-product-brand__link{ display: inline-flex; align-items: center; justify-content: center; margin: 0 10px; } /* immagine */ .savuto-product-brand__img{ margin: 0 auto !important; } /* NASCONDE pulsanti PayPal diretti nella pagina prodotto */ .single-product .ppc-button, .single-product .paypal-buttons, .single-product .wc-ppcp-product-buttons, .single-product .ppcp-button-wrapper { display: none !important; } /* ====== PAYPAL RATE - RIGA TRA LOGO E CARRELLO ====== */ .savuto-ppcp-slot{ margin: 12px 0 16px; padding: 10px 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; text-align: center; } .savuto-ppcp-slot iframe{ vertical-align: middle; } /* Se il plugin usa la struttura “message …” */ .savuto-ppcp-slot .message, .savuto-ppcp-slot #ppcp-messages, .savuto-ppcp-slot .ppcp-messages{ margin: 0 !important; } /* Il testo */ .savuto-ppcp-slot .message__headline, .savuto-ppcp-slot .message__headline span, .savuto-ppcp-slot{ font-size: 13px; line-height: 1.3; } /* Centra eventuale logo PayPal nella riga */ .savuto-ppcp-slot .message__logo-container{ display: inline-flex; align-items: center; justify-content: center; } /* ===== HEADER WISHLIST: cuore non deformabile (reset scaling + icona custom) ===== */ /* 1) reset di qualsiasi trasformazione/scala sull'area wishlist */ .whb-header .woodmart-wishlist-info-widget, .whb-header .woodmart-wishlist-info-widget *{ transform: none !important; -webkit-transform: none !important; zoom: 1 !important; } /* 2) link: layout stabile */ .whb-header .woodmart-wishlist-info-widget a{ background: transparent !important; border: 0 !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; line-height: 1 !important; } /* 3) nascondi icona originale Woodmart */ .whb-header .woodmart-wishlist-info-widget .wishlist-icon, .whb-header .woodmart-wishlist-info-widget .wishlist-icon:before{ display: none !important; content: none !important; } /* 4) icona “nuova” su box QUADRATO con aspect-ratio bloccato */ .whb-header .woodmart-wishlist-info-widget a:before{ content: "" !important; display: block !important; width: 25px !important; height: 25px !important; aspect-ratio: 1 / 1 !important; flex: 0 0 20px !important; background-repeat: no-repeat !important; background-position: center !important; background-size: 100% 100% !important; /* pieno dentro il quadrato */ /* Cuore outline (più “standard” e simmetrico) */ background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M16 28s-10-6.2-13.2-12.2C.6 11.5 3.1 7.3 7.7 7c3-.2 5.5 1.5 6.9 3.7C16 8.5 18.5 6.8 21.5 7c4.6.3 7.1 4.5 4.9 8.8C26 21.8 16 28 16 28z' fill='none' stroke='%23e24b4b' stroke-width='2.2' stroke-linejoin='round'/%3E%3C/svg%3E") !important; -webkit-transform: none !important; transform: none !important; } /* hover */ .whb-header .woodmart-wishlist-info-widget a:hover:before{ filter: brightness(0.85); } /* ===== CARRELLO HEADER: FORZA DIMENSIONE (tutte le varianti Woodmart) ===== */ /* 1) azzera eventuali scale/transform che rimpiccioliscono il tool */ .whb-header .wd-header-cart, .whb-header .wd-header-cart *, .whb-header .wd-tools-custom-cart, .whb-header .wd-tools-custom-cart *{ transform: none !important; -webkit-transform: none !important; } /* 2) forza il contenitore icona ad avere spazio */ .whb-header .wd-header-cart .wd-tools-icon, .whb-header .wd-tools-custom-cart .wd-tools-icon, .whb-header .woodmart-cart-icon.wd-tools-icon{ width: 70px !important; /* <-- DIMENSIONE */ height: 70px !important; /* <-- DIMENSIONE */ min-width: 70px !important; min-height: 70px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; } /* 3) se è un’IMMAGINE caricata (custom icon) */ .whb-header .wd-header-cart img, .whb-header .wd-tools-custom-cart img, .whb-header .woodmart-cart-icon img, .whb-header img.custom-icon{ max-width: none !important; width: 70px !important; /* <-- DIMENSIONE */ height: 70px !important; /* <-- DIMENSIONE */ object-fit: contain !important; } /* 4) se è un SVG */ .whb-header .wd-header-cart svg, .whb-header .wd-tools-custom-cart svg{ width: 60px !important; /* <-- DIMENSIONE */ height: 60px !important; /* <-- DIMENSIONE */ } /* 5) sticky header (quando scrolli) */ .whb-sticky-row .wd-header-cart .wd-tools-icon, .whb-sticky-row .woodmart-cart-icon.wd-tools-icon, .whb-sticky-row .wd-header-cart img, .whb-sticky-row .woodmart-cart-icon img, .whb-sticky-row .wd-header-cart svg{ width: 60px !important; height: 60px !important; min-width: 60px !important; min-height: 60px !important; } /* ========================= CARRELLO: CONTENITORE PIÙ LARGO ========================= */ /* Il vero "tappo" di solito è questo container del tema */ body.woocommerce-cart .main-page-wrapper > .container, body.woocommerce-cart .site-content > .container, body.woocommerce-cart .page-wrapper > .container, body.woocommerce-cart .woocommerce-cart-content-wrapper{ max-width: 1760px !important; /* prova 1760, poi 1840/1920 */ width: 100% !important; } /* ================================================ FIX 1 — QUANTITÀ: non sparire mai ================================================ */ .woocommerce div.product form.cart div.quantity { display: inline-flex !important; align-items: center !important; border: 1px solid #dddddd !important; border-radius: 999px !important; overflow: hidden !important; height: 46px !important; min-width: 110px !important; /* larghezza minima garantita */ flex-shrink: 0 !important; /* non si restringe mai */ } .woocommerce div.product form.cart .quantity .qty { width: 35px !important; min-width: 35px !important; /* non collassa */ text-align: center !important; border: none !important; box-shadow: none !important; outline: none !important; font-weight: 700 !important; flex-shrink: 0 !important; } .woocommerce div.product form.cart .quantity button.plus, .woocommerce div.product form.cart .quantity button.minus, .woocommerce div.product form.cart .quantity .plus, .woocommerce div.product form.cart .quantity .minus { border: none !important; background: #ffffff !important; padding: 0 14px !important; cursor: pointer !important; font-size: 18px !important; line-height: 1 !important; flex-shrink: 0 !important; /* i pulsanti +/- non si restringono */ } /* ================================================ FIX 2 — FORM.CART + CUORE: sempre sulla stessa riga, nessun wrap, fino a 768px (vero mobile) ================================================ */ .single-product div.product .summary-inner form.cart { display: flex !important; flex-wrap: nowrap !important; /* MAI a capo */ align-items: center !important; gap: 12px !important; grid-column: 1 !important; grid-row: 4 !important; padding-bottom: 18px !important; margin-bottom: 18px !important; border-bottom: 1px solid #eee !important; min-width: 0; } /* Bottone carrello: si restringe ma non sparisce */ .single-product div.product .summary-inner .single_add_to_cart_button { flex-shrink: 1 !important; min-width: 180px !important; white-space: nowrap !important; } /* Cuore: SEMPRE affianco al carrello su desktop */ .single-product div.product .summary-inner .woodmart-wishlist-btn { grid-column: 2 !important; grid-row: 4 !important; align-self: center !important; justify-self: start !important; margin-left: 0 !important; flex-shrink: 0 !important; } /* ================================================ FIX 3 — BREAKPOINT: il layout a 2 colonne (titolo+prezzo / carrello+cuore) regge fino a 768px reali; sotto va in stack verticale ================================================ */ /* Sovrascrive il tuo @media (max-width: 1250px) */ @media (max-width: 1250px) { /* ANNULLA il comportamento precedente */ .single-product div.product .summary-inner .woodmart-wishlist-btn { grid-column: 2 !important; /* rimane accanto al carrello */ grid-row: 4 !important; margin-left: 0 !important; margin-top: 0 !important; justify-self: start !important; } } /* Solo sotto 768px (vero smartphone) va a capo */ @media (max-width: 768px) { .single-product div.product .summary-inner .woodmart-wishlist-btn { grid-column: 1 / 3 !important; grid-row: auto !important; margin-top: 10px !important; justify-self: flex-start !important; } /* Su mobile il bottone carrello occupa tutta la larghezza */ .single-product div.product .summary-inner .single_add_to_cart_button { flex: 1 !important; min-width: 0 !important; padding: 14px 20px !important; } } /* ================================================ FIX 4 — PREZZO: non esca fuori dal contenitore quando lo schermo si restringe ================================================ */ .single-product div.product .summary-inner .price { flex-shrink: 1 !important; min-width: 0 !important; word-break: keep-all !important; white-space: nowrap !important; } .single-product div.product .summary-inner .price ins .amount { font-size: clamp(24px, 3vw, 38px) !important; /* si adatta senza rompere il layout */ } /* ========================================================================== SAVUTO — MEGA MENU DESKTOP A TUTTA LARGHEZZA Incolla questo blocco in: Woodmart > Global Custom CSS (stesso posto dove hai già le altre CSS del sito) ========================================================================== */ :root{ /* Colori ufficiali Savuto */ --sv-orange: #ff6a00; --sv-orange-dark: #e35f00; --sv-green: #83b735; --sv-sale-purple: #96598a; --sv-dark: #1e2318; --sv-border: #eee; --sv-bg-light: #f4f4f4; } /* -------------------------------------------------------------------- Griglia interna del mega menu — questo markup viene generato automaticamente da savuto-mega-menu.js, non va incollato a mano -------------------------------------------------------------------- */ .sv-mega{ display: grid; grid-template-columns: 1.1fr 1.1fr 0.9fr 1.3fr; gap: 40px; width: 100%; max-width: 1400px; margin: 0 auto; padding: 36px 24px; box-sizing: border-box; } .sv-mega--3col{ grid-template-columns: 1.4fr 1fr 1.3fr; } /* Pannello B-Blog: colonna categorie stretta + 3 tile articoli larghe */ .sv-mega--blog{ grid-template-columns: 1fr 2.3fr; } .sv-mega__posts{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; } .sv-mega__post{ display: block; text-decoration: none; color: inherit; } .sv-mega__post-img{ display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 10px; background: var(--sv-bg-light); margin-bottom: 8px; } .sv-mega__post-title{ display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; font-size: 13px; font-weight: 600; color: var(--sv-dark); line-height: 1.35; transition: color 0.15s ease; } .sv-mega__post:hover .sv-mega__post-title{ color: var(--sv-orange); } .sv-mega__post-date{ display: block; font-size: 11px; color: #999; margin-top: 4px; } .sv-mega__col{ min-width: 0; } .sv-mega__title{ margin: 0 0 14px; padding-bottom: 10px; border-bottom: 1px solid var(--sv-border); font-size: 13px; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase; color: var(--sv-dark); } .sv-mega__list{ list-style: none; margin: 0; padding: 0; } .sv-mega__list li{ margin: 0; } .sv-mega__list a{ display: inline-block; padding: 7px 0; font-size: 15px; font-weight: 400; color: #444; text-decoration: none; transition: color 0.15s ease, transform 0.15s ease; } .sv-mega__list a:hover{ color: var(--sv-orange); transform: translateX(3px); } /* colonna filtri rapidi: leggero badge puntino verde per far capire che sono link "filtrati" */ .sv-mega__col--filters .sv-mega__list a::before{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--sv-green); margin-right: 8px; vertical-align: middle; } /* colonna marchi: due colonne compatte */ .sv-mega__list--brands{ columns: 2; column-gap: 16px; } .sv-mega__list--brands a{ font-weight: 600; } /* -------------------------------------------------------------------- Blocco "In evidenza": 2 prodotti in formato card (immagine grande + badge sconto in overlay), come le card prodotto del resto del sito. Badge arancione fino al 19% di sconto, viola dal 20% in su. Se il prodotto non è in sconto, niente badge. -------------------------------------------------------------------- */ .sv-mega__promo{ min-width: 0; } .sv-mega__promo--dual{ display: grid; grid-template-columns: 1fr 1fr; gap: 10px; } .sv-mega__promo-item{ display: block; text-decoration: none; color: inherit; background: transparent; border: none; transition: opacity 0.15s ease; } .sv-mega__promo-item:hover{ opacity: 0.85; } .sv-mega__promo-imgwrap{ position: relative; background: var(--sv-bg-light); border-radius: 10px; overflow: hidden; } .sv-mega__promo-img{ display: block; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background: var(--sv-bg-light); } .sv-mega__promo-badge{ position: absolute; top: 6px; left: 6px; z-index: 2; color: #fff; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.02em; padding: 3px 8px; border-radius: 999px; } .sv-mega__promo-badge--orange{ background: var(--sv-orange); } .sv-mega__promo-badge--purple{ background: var(--sv-sale-purple); } .sv-mega__promo-info{ padding: 8px 8px 10px; } .sv-mega__promo-title{ display: block; font-size: 12px; font-weight: 600; color: var(--sv-dark); margin-bottom: 3px; line-height: 1.3; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .sv-mega__promo-price{ display: block; font-size: 12px; } .sv-mega__promo-price del{ color: #999; font-weight: 400; margin-right: 4px; font-size: 11px; } .sv-mega__promo-price ins{ color: var(--sv-orange); font-weight: 700; text-decoration: none; font-size: 13px; } .sv-mega__cta{ display: inline-block; width: 100%; box-sizing: border-box; text-align: center; background: var(--sv-orange); color: #fff; font-size: 14px; font-weight: 700; text-decoration: none; padding: 10px 16px; border-radius: 999px; transition: background 0.15s ease; } .sv-mega__cta:hover{ background: var(--sv-green); color: #fff; } .sv-mega__cta--secondary{ background: transparent; border: 2px solid var(--sv-orange); color: var(--sv-orange); padding: 8px 16px; /* -2px per compensare il bordo rispetto al pulsante pieno */ } .sv-mega__cta--secondary:hover{ background: var(--sv-green); border-color: var(--sv-green); color: #fff; } /* Colonna Categorie: nomi in grassetto */ .sv-mega__col--cat .sv-mega__list a{ font-weight: 700; } /* PANNELLO A TUTTA LARGHEZZA (gestito da savuto-mega-menu.js) Il pannello viene creato via JavaScript e mostrato/nascosto al passaggio del mouse: qui definiamo solo il suo aspetto e la posizione. -------------------------------------------------------------------- */ .sv-mega-fixed{ display: none; position: fixed; left: 50%; transform: translateX(-50%); width: calc(100% - 48px); max-width: 1300px; background: #fff; border-radius: 18px; box-shadow: 0 24px 48px rgba(0,0,0,0.16); z-index: 9999; overflow: hidden; } .sv-mega-fixed.is-open{ display: block; } /* Nasconde il sub-menu nativo di Woodmart sulla voce attiva. La classe "sv-mega-js-active" viene aggiunta SOLO dal browser via JavaScript (savuto-mega-menu.js), non è mai salvata nel menu di WordPress: su questo sito, salvare una classe CSS su una voce di menu in Aspetto > Menu fa scattare un comportamento di Woodmart che rompe il layout dell'header, quindi evitiamo del tutto quel campo. */ li.sv-mega-js-active .sub-menu, li.sv-mega-js-active .mega-menu-column-inner, li.sv-mega-js-active .dropdown-menu, li.sv-mega-js-active .wd-nav-dropdown, li.sv-mega-js-active .mega-menu-columns-wrapper{ visibility: hidden !important; opacity: 0 !important; height: 0 !important; max-height: 0 !important; overflow: hidden !important; pointer-events: none !important; } @media (max-width: 992px){ .sv-mega, .sv-mega--3col{ grid-template-columns: 1fr 1fr; grid-template-areas: "cat filters" "brands promo"; } /* Sicurezza: sotto i 992px il pannello non deve mai comparire — su mobile Woodmart usa un menu off-canvas separato */ .sv-mega-fixed{ display: none !important; } li.sv-mega-js-active > .sub-menu, li.sv-mega-js-active .mega-menu-column-inner{ visibility: visible !important; opacity: 1 !important; height: auto !important; max-height: none !important; overflow: visible !important; pointer-events: auto !important; } } /* ======================================================== SAVUTO — LOGIN PAGE Questo è il CSS ORIGINALE ritrovato da Yuri (ripristinato qui invariato, senza modifiche mie sul contenuto sopra la riga "AGGIUNTA" più in basso). DA INCOLLARE IN FONDO al testo già presente in: Woodmart (nel menu di sinistra) > Theme Settings > Custom CSS > "Global Custom CSS" NON cancellare/sostituire quello che c'è già in quel riquadro. IMPORTANTE: se in quel riquadro è già presente il blocco "SAVUTO — Pagina Login/Registrazione custom" che ti avevo mandato io nei giorni scorsi, CANCELLA quel blocco intero e mettici questo al suo posto (non tenerli entrambi insieme, altrimenti le regole vanno in conflitto). ======================================================== */ body:has(.sv-login-wrap) .whb-header, body:has(.sv-login-wrap) .site-footer, body:has(.sv-login-wrap) footer.site-footer, body:has(.sv-login-wrap) footer, body:has(.sv-login-wrap) .woodmart-newsletter-bar, body:has(.sv-login-wrap) .whb-sticky-row, body:has(.sv-login-wrap) .wd-header-sticky { display: none !important; } body:has(.sv-login-wrap) { background: #1a0a00 !important; } body:has(.sv-login-wrap) .main-page-wrapper, body:has(.sv-login-wrap) .main-page-wrapper > .container, body:has(.sv-login-wrap) .site-content, body:has(.sv-login-wrap) .site-content > .container, body:has(.sv-login-wrap) #main, body:has(.sv-login-wrap) .entry-content, body:has(.sv-login-wrap) .page-content { padding: 0 !important; margin: 0 !important; max-width: none !important; width: 100% !important; background: transparent !important; } /* === WRAPPER === */ .sv-login-wrap { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 48px 16px; box-sizing: border-box; position: relative; overflow: hidden; background: radial-gradient(ellipse at 15% 50%, rgba(230,120,50,0.22) 0%, transparent 55%), radial-gradient(ellipse at 85% 25%, rgba(244,180,26,0.15) 0%, transparent 50%), linear-gradient(135deg, #1a0a00 0%, #3d1c00 45%, #5a2d00 70%, #2d1200 100%); } .sv-login-wrap::before { content: ""; position: absolute; inset: 0; opacity: 0.04; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='64'%3E%3Cpath d='M28 2 L54 17 L54 47 L28 62 L2 47 L2 17 Z' fill='none' stroke='%23f4b41a' stroke-width='1.2'/%3E%3C/svg%3E"); background-size: 56px 64px; pointer-events: none; } /* === TORNA ALLO SHOP === */ .sv-back-to-shop { position: absolute; top: 22px; left: 24px; color: rgba(255,255,255,0.55); font-size: 13px; font-weight: 500; text-decoration: none !important; display: inline-flex; align-items: center; gap: 6px; transition: color 0.2s; z-index: 10; font-family: 'MyriadPro', sans-serif; } .sv-back-to-shop:hover { color: rgba(255,255,255,0.9) !important; } .sv-back-to-shop svg { flex-shrink: 0; } /* === CARD === */ .sv-login-card { background: #ffffff; border-radius: 20px; width: 100%; max-width: 420px; padding: 32px 32px 28px; box-sizing: border-box; position: relative; z-index: 2; box-shadow: 0 24px 64px rgba(0,0,0,0.45); } /* === LOGO CENTRATO === */ .sv-login-logo { display: flex; justify-content: center; align-items: center; margin-bottom: 24px; } .sv-logo-img { height: auto !important; max-height: 64px !important; width: auto !important; max-width: 220px !important; object-fit: contain; display: block; } /* === TABS === */ .sv-login-tabs { display: flex; border-bottom: 1.5px solid #eeeeee; margin-bottom: 20px; } .sv-tab { flex: 1; padding: 10px 0 !important; text-align: center; font-family: 'MyriadPro', sans-serif !important; font-size: 15px !important; font-weight: 600 !important; color: #aaa !important; cursor: pointer; border: none !important; border-bottom: 2.5px solid transparent !important; border-radius: 0 !important; margin-bottom: -1.5px; background: none !important; transition: color 0.2s, border-color 0.2s; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; height: auto !important; } .sv-tab.active { color: #e67832 !important; border-bottom-color: #e67832 !important; } .sv-tab:hover { color: #e67832 !important; background: none !important; } /* === PANNELLI === */ .sv-panel { display: none; } .sv-panel.active { display: block; } /* ===================================================== PILLOLE SOCIAL AFFIANCATE Struttura Nextend: .nsl-container > .nsl-container-buttons > (icona) (testo) ===================================================== */ .sv-social-row { width: 100% !important; margin-bottom: 16px !important; } .sv-social-row .nsl-container, .sv-social-row .nsl-container-block { width: 100% !important; display: block !important; } .sv-social-row .nsl-container-buttons { display: flex !important; flex-direction: row !important; gap: 10px !important; width: 100% !important; grid-template-columns: unset !important; } /* Pulsante base */ .sv-social-row a[data-plugin="nsl"] { flex: 1 1 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; height: 46px !important; padding: 0 16px !important; border-radius: 999px !important; font-family: 'MyriadPro', sans-serif !important; font-size: 15px !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap !important; cursor: pointer !important; transition: filter .15s !important; box-shadow: none !important; width: auto !important; min-width: 0 !important; margin: 0 !important; line-height: 1 !important; overflow: hidden !important; } .sv-social-row a[data-plugin="nsl"]:hover { text-decoration: none !important; } /* Icona SVG/img: visibile */ .sv-social-row a[data-plugin="nsl"] .nsl-button-svg-container { display: flex !important; align-items: center !important; justify-content: center !important; width: 24px !important; height: 24px !important; flex-shrink: 0 !important; /* AGGIUNTA: Nextend mette di suo un padding:8px su questo contenitore. Con box-sizing:border-box quello lascia solo 8px di spazio utile e l'icona si vedeva schiacciata: qui lo azzeriamo per lasciarle tutti i 24px disponibili. */ padding: 0 !important; } .sv-social-row a[data-plugin="nsl"] .nsl-button-svg-container svg, .sv-social-row a[data-plugin="nsl"] .nsl-button-svg-container img { display: block !important; width: 24px !important; height: 24px !important; min-width: 24px !important; min-height: 24px !important; } /* Testo originale Nextend: nascosto */ .sv-social-row a[data-plugin="nsl"] .nsl-button-label-container, .sv-social-row a[data-plugin="nsl"] .nsl-button-label-icon { display: none !important; } /* Nome provider via CSS ::after */ .sv-social-row a[data-plugin="nsl"]::after { font-size: 15px !important; font-weight: 700 !important; font-family: 'MyriadPro', sans-serif !important; line-height: 1 !important; display: inline !important; } .sv-social-row a[data-provider="google"]::after { content: "Google"; } .sv-social-row a[data-provider="facebook"]::after { content: "Facebook"; } .sv-social-row a[data-provider="apple"]::after { content: "Apple"; } /* Colori Google */ .sv-social-row a[data-provider="google"] { background: #ffffff !important; border: 1.5px solid #dadce0 !important; color: #3c4043 !important; } .sv-social-row a[data-provider="google"]::after { color: #3c4043 !important; } .sv-social-row a[data-provider="google"]:hover { background: #f8f9fa !important; filter: none !important; } /* Colori Facebook */ .sv-social-row a[data-provider="facebook"] { background: #1877F2 !important; border: none !important; } .sv-social-row a[data-provider="facebook"]::after { color: #ffffff !important; } .sv-social-row a[data-provider="facebook"]:hover { filter: brightness(0.93) !important; } /* Colori Apple */ .sv-social-row a[data-provider="apple"] { background: #000000 !important; border: none !important; } .sv-social-row a[data-provider="apple"]::after { color: #ffffff !important; } /* === DIVISORE === */ .sv-or { display: flex; align-items: center; gap: 12px; margin: 0 0 16px; } .sv-or--con { margin-bottom: 14px; } .sv-or::before, .sv-or::after { content: ""; flex: 1; height: 1px; background: #eeeeee; } .sv-or span { font-size: 11px; color: #ccc; font-weight: 700; white-space: nowrap; font-family: 'MyriadPro', sans-serif; letter-spacing: 0.06em; } /* === CAMPI === */ .sv-field { margin-bottom: 14px; } .sv-login-card label { display: block !important; font-family: 'MyriadPro', sans-serif !important; font-size: 11px !important; font-weight: 700 !important; color: #777 !important; margin-bottom: 5px !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; } .sv-login-card label span { color: #e67832; } .sv-login-card input[type="text"], .sv-login-card input[type="email"], .sv-login-card input[type="password"] { width: 100% !important; height: 46px !important; border: 1.5px solid #e0e0e0 !important; border-radius: 10px !important; padding: 0 46px 0 14px !important; font-size: 15px !important; font-family: 'MyriadPro', sans-serif !important; color: #1a1a1a !important; background: #fafafa !important; box-sizing: border-box !important; outline: none !important; box-shadow: none !important; transition: border-color 0.2s, background 0.2s; margin-bottom: 0 !important; } .sv-login-card input:focus { border-color: #e67832 !important; background: #fff !important; } /* Nome/Cognome affiancati senza padding destro extra */ .sv-field-row { display: flex; gap: 10px; margin-bottom: 0; } .sv-field-row .sv-field { flex: 1; min-width: 0; } .sv-field-row input[type="text"] { padding-right: 14px !important; } /* === OCCHIO PASSWORD === */ .sv-pwd-wrap { position: relative; display: flex; align-items: center; } .sv-pwd-wrap input { flex: 1; } .sv-pwd-eye { position: absolute !important; right: 14px !important; top: 50% !important; transform: translateY(-50%) !important; background: none !important; border: none !important; padding: 0 !important; margin: 0 !important; cursor: pointer !important; color: #bbb !important; width: 22px !important; height: 22px !important; display: flex !important; align-items: center !important; justify-content: center !important; box-shadow: none !important; border-radius: 0 !important; min-width: 0 !important; line-height: 1 !important; } .sv-pwd-eye svg { width: 20px !important; height: 20px !important; display: block !important; } .sv-pwd-eye:hover { color: #e67832 !important; background: none !important; } .sv-pwd-eye--on { color: #e67832 !important; } /* === PASSWORD DIMENTICATA === */ .sv-forgot { display: block !important; text-align: right; font-size: 13px !important; color: #e67832 !important; text-decoration: none !important; margin-bottom: 16px; font-family: 'MyriadPro', sans-serif; font-weight: 500; } .sv-forgot:hover { text-decoration: underline !important; } /* === BOTTONE ACCEDI === */ .sv-login-card .sv-btn-primary { width: 100% !important; height: 48px !important; background: #e67832 !important; color: #ffffff !important; border: none !important; border-radius: 999px !important; font-size: 15px !important; font-weight: 700 !important; font-family: 'MyriadPro', sans-serif !important; letter-spacing: 0.06em; cursor: pointer; transition: background 0.2s; text-transform: uppercase !important; box-shadow: none !important; padding: 0 !important; margin: 0 !important; display: block; } .sv-login-card .sv-btn-primary:hover { background: #cf651f !important; color: #fff !important; } /* === BOTTONE REGISTRATI (verde) === */ .sv-login-card .sv-btn-green { background: #6ca300 !important; } .sv-login-card .sv-btn-green:hover { background: #5a8a00 !important; } /* === PRIVACY === */ .sv-privacy-note { font-size: 12px; color: #aaa; margin-bottom: 14px; font-family: 'MyriadPro', sans-serif; line-height: 1.4; } .sv-privacy-note a { color: #e67832 !important; text-decoration: underline !important; } /* === SWITCH ROW === */ .sv-switch-row { text-align: center; font-size: 13px; color: #999; border-top: 1px solid #f0f0f0; padding-top: 16px; margin-top: 16px; font-family: 'MyriadPro', sans-serif; } .sv-switch-btn { color: #e67832 !important; font-weight: 700 !important; cursor: pointer; background: none !important; border: none !important; font-size: 13px !important; font-family: 'MyriadPro', sans-serif !important; padding: 0 !important; height: auto !important; line-height: 1 !important; border-radius: 0 !important; box-shadow: none !important; text-transform: none !important; letter-spacing: 0 !important; } .sv-switch-btn:hover { text-decoration: underline !important; background: none !important; } /* === RESPONSIVE === */ @media (max-width: 480px) { .sv-login-card { padding: 24px 18px 20px; border-radius: 16px; } .sv-login-wrap { padding: 60px 10px 24px; align-items: flex-start; } .sv-back-to-shop { top: 18px; left: 14px; } .sv-field-row { flex-direction: column; gap: 0; } } /* ======================================================== AGGIUNTA (mia, non presente nel CSS originale ritrovato) ======================================================== Il design originale sopra è precedente all'introduzione del campo "Numero WhatsApp" in registrazione (è stato aggiunto dopo, insieme alla sincronizzazione FluentCRM). Il CSS sopra stila solo input[type="text"], input[type="email"], input[type="password"] — il campo WhatsApp è un input[type="tel"] e senza questa aggiunta resterebbe con lo stile grezzo del browser. Le due checkbox (consenso WhatsApp e newsletter) hanno già uno stile inline nel template quindi non serve toccarle. ======================================================== */ .sv-login-card input[type="tel"] { width: 100% !important; height: 46px !important; border: 1.5px solid #e0e0e0 !important; border-radius: 10px !important; padding: 0 14px !important; font-size: 15px !important; font-family: 'MyriadPro', sans-serif !important; color: #1a1a1a !important; background: #fafafa !important; box-sizing: border-box !important; outline: none !important; box-shadow: none !important; transition: border-color 0.2s, background 0.2s; margin-bottom: 0 !important; } .sv-login-card input[type="tel"]:focus { border-color: #e67832 !important; background: #fff !important; } /* =================================================================== SAVUTO — Tendina account nell'header (icona "CIAO, [nome]" / "LOGIN/REGISTER" in alto a destra) QUESTA VERSIONE SOSTITUISCE INTERAMENTE il blocco CSS "SAVUTO — Tendina account nell'header" già incollato in precedenza in: Woodmart (nel menu di sinistra) > Theme Settings > Custom CSS > "Global Custom CSS" Cerca nel riquadro Global Custom CSS il commento "SAVUTO — Tendina account nell'header" e sostituisci TUTTO il blocco, dal suo commento di apertura fino a quello successivo (o alla fine del file), con il contenuto di questo file. Il resto del CSS presente in quel riquadro (font, pagina login, ecc.) NON va toccato. CAUSA VERA del bug "pulsanti social impilati" (trovata dall'ispeziona di Yuri): la tendina di un utente NON loggato non ha la classe "menu-item-my-account" come quella di un utente loggato, ma "menu-item-register". Tutte le regole qui sotto erano quindi scritte sul contenitore giusto per chi è loggato, ma sul contenitore SBAGLIATO per chi non lo è — per questo il CSS, anche se salvato e compilato correttamente, non ha mai raggiunto il pannello di login rapido. Corretto usando :is(.menu-item-my-account, .menu-item-register), che fa valere ogni regola su entrambi i contenitori. =================================================================== */ /* Contenitore della tendina (uguale per utente loggato e per il pannello di login rapido): stesso stile arrotondato + ombreggiatura del menu a tendina "Laboratorio" (classe .sv-mega-fixed). */ .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) { border-radius: 18px !important; box-shadow: 0 24px 48px rgba(0, 0, 0, 0.16) !important; border: none !important; overflow: hidden; padding: 20px 0 10px !important; /* FIX "il menu sparisce se muovo il mouse lentamente": il tema lascia uno spazio vuoto (margin-top) tra il bottone account e la tendina. Quello spazio non fa parte di nessuno dei due elementi, quindi il browser considera "finito" il passaggio del mouse (:hover) proprio in quel punto e chiude tutto se ci si passa lentamente. Portiamo lo spazio a 0 e lo ricreiamo con padding (che è DENTRO la tendina, quindi resta "attivo" per il passaggio del mouse). */ margin-top: 0 !important; } /* === UTENTE LOGGATO: le 4 voci (Dashboard, Ordini, Carta Goccia, Esci) === */ .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-MyAccount-navigation-link a { padding: 10px 22px !important; font-size: 14px !important; transition: background 0.15s ease, color 0.15s ease; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-MyAccount-navigation-link a:hover { background: #f5f0ea !important; color: #ff6a00 !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-MyAccount-navigation-link.is-active a { color: #ff6a00 !important; font-weight: 700 !important; } /* === UTENTE NON LOGGATO: pannello di login rapido a comparsa === Stessa identità visiva della pagina di login: campi arrotondati, bottone pieno arancione, pulsanti social a pillola. */ .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login { padding: 4px 22px 10px !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login .woocommerce-form-row { margin-bottom: 12px !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login label { font-size: 12px !important; font-weight: 700 !important; color: #777 !important; text-transform: uppercase !important; letter-spacing: 0.06em !important; margin-bottom: 5px !important; display: block !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login input[type="text"], .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login input[type="email"], .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login input[type="password"] { width: 100% !important; height: 44px !important; border: 1.5px solid #e0e0e0 !important; border-radius: 10px !important; padding: 0 14px !important; font-size: 14px !important; background: #fafafa !important; box-sizing: border-box !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login input:focus { border-color: #ff6a00 !important; background: #fff !important; outline: none !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login .woocommerce-LostPassword { text-align: right !important; font-size: 12px !important; margin: -4px 0 12px !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login .woocommerce-LostPassword a, .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login a { color: #ff6a00 !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login button[type="submit"], .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login input[type="submit"] { width: 100% !important; height: 46px !important; background: #ff6a00 !important; color: #fff !important; border: none !important; border-radius: 999px !important; font-size: 14px !important; font-weight: 700 !important; letter-spacing: 0.06em !important; text-transform: uppercase !important; cursor: pointer !important; box-shadow: none !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login button[type="submit"]:hover, .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .woocommerce-form-login input[type="submit"]:hover { background: #e65f00 !important; } /* Pulsanti social (Facebook/Google) a pillola AFFIANCATI, esattamente come nella pagina di login originale (vedi CSS-login-ORIGINALE- ritrovato.css): il contenitore va in riga (flex-direction:row) e ogni pulsante si divide lo spazio a metà, invece di stare uno sotto l'altro a piena larghezza. */ .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .nsl-container { margin-bottom: 14px !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) .nsl-container-buttons { display: flex !important; flex-direction: row !important; gap: 8px !important; width: 100% !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-plugin="nsl"] { flex: 1 1 0 !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 6px !important; width: auto !important; min-width: 0 !important; height: 42px !important; padding: 0 10px !important; border-radius: 999px !important; font-size: 13px !important; font-weight: 700 !important; text-decoration: none !important; margin: 0 !important; box-shadow: none !important; overflow: hidden !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-plugin="nsl"] .nsl-button-svg-container { width: 20px !important; height: 20px !important; padding: 0 !important; flex-shrink: 0 !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-plugin="nsl"] .nsl-button-svg-container svg, .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-plugin="nsl"] .nsl-button-svg-container img { width: 20px !important; height: 20px !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-plugin="nsl"] .nsl-button-label-container, .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-plugin="nsl"] .nsl-button-label-icon { display: none !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-plugin="nsl"]::after { font-size: 13px !important; font-weight: 700 !important; white-space: nowrap !important; } /* Etichette corte (Facebook / Google, non "Continua con...") per stare comode una accanto all'altra in uno spazio stretto. */ .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-provider="google"]::after { content: "Google"; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-provider="facebook"]::after { content: "Facebook"; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-provider="google"] { background: #ffffff !important; border: 1.5px solid #dadce0 !important; color: #3c4043 !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-provider="google"]::after { color: #3c4043 !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-provider="facebook"] { background: #1877F2 !important; border: none !important; } .sub-menu-dropdown:is(.menu-item-my-account, .menu-item-register) a[data-provider="facebook"]::after { color: #ffffff !important; }@media (min-width: 1025px) { /* Menu header: il menu rientra nel container (voci ~1210px su 1222 disponibili), quindi non serve più renderlo scorrevole. L'overflow creava una barra grigia in Firefox, generata dai sottomenu in position:absolute che escono dal box dell'ul. */ #menu-categories{ flex-wrap: nowrap !important; max-width: 100%; } #menu-categories li.menu-item{ flex-shrink: 0 !important; white-space: nowrap !important; } #menu-categories a.woodmart-nav-link{ white-space: nowrap !important; } } @media (max-width: 576px) { /* ================================================ MOBILE PRODOTTO — CSS COMPLETO E PULITO ================================================ */ /* Nasconde tab CATEGORIES menu mobile */ li.mobile-tab-title.mobile-categories-title { display: none !important; } /* MENU occupa tutta la larghezza */ .mobile-nav-tabs li.mobile-tab-title.mobile-pages-title { flex: 1 0 100% !important; width: 100% !important; } /* Trust icons: stessa riga, centrate */ .single-product .summary-inner .sv-trust-icons { flex-direction: row !important; flex-wrap: nowrap !important; justify-content: center !important; gap: 16px !important; margin: 8px 0 !important; } .single-product .summary-inner .sv-trust-item { flex-direction: row !important; align-items: center !important; gap: 8px !important; font-size: 15px !important; } /* Carrello: riga sola, tutta larghezza */ .single-product div.product .summary-inner form.cart { grid-column: 1 / 3 !important; grid-row: 4 !important; display: flex !important; flex-wrap: nowrap !important; align-items: center !important; gap: 10px !important; } .single-product div.product .summary-inner .single_add_to_cart_button { font-size: 15px !important; padding: 14px 20px !important; white-space: nowrap !important; flex: 1 !important; } /* Cuore: sull'immagine in basso a destra */ .single-product .woocommerce-product-gallery { position: relative !important; } .single-product .woocommerce-product-gallery .woodmart-wishlist-btn { display: block !important; position: absolute !important; bottom: 16px !important; right: 16px !important; left: auto !important; z-index: 10 !important; margin: 0 !important; } /* Nasconde testo "Add to wishlist" */ .single-product .woocommerce-product-gallery .woodmart-wishlist-btn .yith-wcwl-add-to-wishlist, .single-product .woocommerce-product-gallery .woodmart-wishlist-btn a span:not([class*="icon"]) { display: none !important; } /* Nasconde il cuore originale nel summary */ .single-product .summary-inner .woodmart-wishlist-btn { display: none !important; } /* Cuore personalizzato anche dentro la gallery */ .single-product .woocommerce-product-gallery .woodmart-wishlist-btn a { display: inline-flex !important; align-items: center !important; justify-content: center !important; width: 46px !important; height: 46px !important; border-radius: 30px !important; border: 1.5px solid #ff3b3b !important; background: transparent !important; font-size: 0 !important; position: relative !important; cursor: pointer !important; } .single-product .woocommerce-product-gallery .woodmart-wishlist-btn a::before { content: "♡" !important; font-size: 22px !important; line-height: 1 !important; position: absolute !important; left: 50% !important; top: 50% !important; transform: translate(-50%, -50%) !important; color: #e07a3f !important; } .single-product .woocommerce-product-gallery .woodmart-wishlist-btn a.added { background: #ff3b3b !important; border-color: #ff3b3b !important; } .single-product .woocommerce-product-gallery .woodmart-wishlist-btn a.added::before { content: "♥" !important; color: #ffffff !important; } /* Breadcrumb mobile: nasconde tutto tranne la freccia back */ .single-product .sv-top-bar .woocommerce-breadcrumb { display: none !important; } /* Tabella prezzi mobile: testo più piccolo nelle celle */ .single-product .tiered-pricing-table td, .single-product .tiered-pricing-table th { font-size: 12px !important; padding: 6px 8px !important; } /* Tabella prezzi mobile: testo più piccolo di default */ .single-product .tiered-pricing-table td, .single-product .tiered-pricing-table th { font-size: 12px !important; padding: 6px 8px !important; } /* Riga attiva: testo più grande */ .single-product tr.tiered-pricing--active td { font-size: 14px !important; font-weight: 700 !important; } }