/* ITNETCOM_HOME_BUTTONS_ROUNDED_V1 BEGIN */ /* * CTA principali Hero */ .hero-buttons .btn, .hero-banner-overlay .hero-buttons a { border-radius: 12px !important; } /* * Pulsanti dei banner laterali Hero */ .hero-side-banner-link { border-radius: 10px !important; } /* * Pulsanti dei mini banner */ .mini-banner-link { border-radius: 10px !important; } /* * Pulsanti "Vedi categoria" delle sezioni prodotto. * Manteniamo una forma morbida ma non completamente a capsula. */ .latest-products-section .home-product-section-category-link { border-radius: 12px !important; } /* * Pulsanti azione delle card prodotto Home: * aggiungi al carrello, visualizza o azioni equivalenti. */ .latest-products-section .latest-product-actions button, .latest-products-section .latest-product-actions .btn, .latest-products-section .latest-product-actions a:not(.latest-product-link) { border-radius: 9px !important; } /* * Eventuale pulsante prezzo riservato B2B. */ .latest-products-section .b2b-price-reserved-action { border-radius: 9px !important; } /* * Stato focus coerente e leggibile. */ .hero-buttons .btn:focus-visible, .hero-side-banner-link:focus-visible, .mini-banner-link:focus-visible, .latest-products-section .home-product-section-category-link:focus-visible, .latest-products-section .latest-product-actions button:focus-visible, .latest-products-section .latest-product-actions .btn:focus-visible, .latest-products-section .latest-product-actions a:focus-visible { outline: 2px solid rgba(227, 6, 19, 0.38); outline-offset: 2px; } /* * Non modificare frecce, pallini e link immagine. */ .slider-arrow, .latest-products-arrow, .sponsor-arrow, .latest-products-dot, .hero-side-banner-card-link, .hero-banner-picture-link, .mini-banner-image-link, .latest-product-link { /* esclusi intenzionalmente */ } @media (max-width: 720px) { .hero-buttons .btn, .hero-banner-overlay .hero-buttons a, .latest-products-section .home-product-section-category-link { border-radius: 11px !important; } .hero-side-banner-link, .mini-banner-link, .latest-products-section .latest-product-actions button, .latest-products-section .latest-product-actions .btn, .latest-products-section .latest-product-actions a:not(.latest-product-link) { border-radius: 9px !important; } } /* ITNETCOM_HOME_BUTTONS_ROUNDED_V1 END */ /* ITNETCOM_HOME_BUTTONS_CURSOR_POINTER_V1 BEGIN */ /* * Mostra il puntatore a mano sugli elementi interattivi della Home. */ .hero-buttons .btn, .hero-banner-overlay .hero-buttons a, .hero-side-banner-link, .mini-banner-link, .latest-products-section .home-product-section-category-link, .latest-products-section .latest-product-actions button, .latest-products-section .latest-product-actions .btn, .latest-products-section .latest-product-actions a, .latest-products-section .b2b-price-reserved-action { cursor: pointer !important; } /* * Mantiene il puntatore anche sugli elementi interni del pulsante, * come icone, testi e pseudo-elementi. */ .hero-buttons .btn *, .hero-banner-overlay .hero-buttons a *, .hero-side-banner-link *, .mini-banner-link *, .latest-products-section .home-product-section-category-link *, .latest-products-section .latest-product-actions button *, .latest-products-section .latest-product-actions .btn *, .latest-products-section .latest-product-actions a *, .latest-products-section .b2b-price-reserved-action * { cursor: pointer !important; } /* ITNETCOM_HOME_BUTTONS_CURSOR_POINTER_V1 END */ /* ITNETCOM_HOME_CART_BUTTON_PRO_V2 BEGIN */ .latest-products-section .latest-product-cart { position: relative; overflow: hidden; border: 1px solid rgba(184, 0, 11, 0.38) !important; border-radius: 11px !important; background: linear-gradient( 180deg, #ff161f 0%, #f20a14 55%, #e30613 100% ) !important; color: #ffffff !important; box-shadow: 0 4px 10px rgba(227, 6, 19, 0.22), 0 1px 2px rgba(15, 23, 42, 0.12); transform: translateY(0); transition: transform 120ms ease, box-shadow 150ms ease, filter 150ms ease, background 150ms ease; cursor: pointer !important; -webkit-tap-highlight-color: transparent; touch-action: manipulation; } /* Riflesso superiore leggero */ .latest-products-section .latest-product-cart::before { content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient( 180deg, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.04) 42%, transparent 65% ); opacity: 0.8; } /* Mantiene testo e icona sopra il riflesso */ .latest-products-section .latest-product-cart > * { position: relative; z-index: 1; } /* Icona carrello */ .latest-products-section .latest-product-cart svg { transition: transform 150ms ease, opacity 150ms ease; } /* Hover solo desktop */ @media (hover: hover) and (pointer: fine) { .latest-products-section .latest-product-cart:hover:not(:disabled) { transform: translateY(-1px); box-shadow: 0 7px 16px rgba(227, 6, 19, 0.28), 0 2px 4px rgba(15, 23, 42, 0.12); filter: brightness(1.025); } .latest-products-section .latest-product-cart:hover:not(:disabled) svg { transform: translateX(1px) scale(1.04); } } /* Pressione reale */ .latest-products-section .latest-product-cart:active:not(:disabled) { transform: translateY(2px) scale(0.992); box-shadow: 0 2px 5px rgba(227, 6, 19, 0.18), inset 0 2px 5px rgba(95, 0, 6, 0.20); filter: brightness(0.96); } .latest-products-section .latest-product-cart:active:not(:disabled) svg { transform: scale(0.94); } /* Focus tastiera */ .latest-products-section .latest-product-cart:focus-visible { outline: 3px solid rgba(227, 6, 19, 0.24); outline-offset: 3px; } /* Stato disabilitato */ .latest-products-section .latest-product-cart:disabled { cursor: not-allowed !important; background: linear-gradient( 180deg, #d7d7d7 0%, #c7c7c7 100% ) !important; border-color: rgba(100, 116, 139, 0.22) !important; color: rgba(30, 41, 59, 0.62) !important; box-shadow: 0 2px 5px rgba(15, 23, 42, 0.08); transform: none !important; filter: none !important; } /* Mobile */ @media (max-width: 720px) { .latest-products-section .latest-product-cart { border-radius: 10px !important; box-shadow: 0 3px 8px rgba(227, 6, 19, 0.20), 0 1px 2px rgba(15, 23, 42, 0.10); } .latest-products-section .latest-product-cart:active:not(:disabled) { transform: translateY(2px) scale(0.99); box-shadow: 0 1px 3px rgba(227, 6, 19, 0.15), inset 0 2px 4px rgba(95, 0, 6, 0.18); } } /* ITNETCOM_HOME_CART_BUTTON_PRO_V2 END */ /* ITNETCOM_HOME_CART_BUTTON_GRAY_SHADOW_V1 BEGIN */ /* * Ombra neutra per il pulsante Aggiungi. * Il colore rosso del pulsante resta invariato. */ .latest-products-section .latest-product-cart { box-shadow: 0 4px 10px rgba(15, 23, 42, 0.18), 0 1px 2px rgba(15, 23, 42, 0.12) !important; } @media (hover: hover) and (pointer: fine) { .latest-products-section .latest-product-cart:hover:not(:disabled) { box-shadow: 0 7px 16px rgba(15, 23, 42, 0.22), 0 2px 4px rgba(15, 23, 42, 0.13) !important; } } .latest-products-section .latest-product-cart:active:not(:disabled) { box-shadow: 0 2px 5px rgba(15, 23, 42, 0.16), inset 0 2px 5px rgba(15, 23, 42, 0.22) !important; } .latest-products-section .latest-product-cart:disabled { box-shadow: 0 2px 5px rgba(15, 23, 42, 0.08) !important; } @media (max-width: 720px) { .latest-products-section .latest-product-cart { box-shadow: 0 3px 8px rgba(15, 23, 42, 0.17), 0 1px 2px rgba(15, 23, 42, 0.10) !important; } .latest-products-section .latest-product-cart:active:not(:disabled) { box-shadow: 0 1px 3px rgba(15, 23, 42, 0.14), inset 0 2px 4px rgba(15, 23, 42, 0.20) !important; } } /* ITNETCOM_HOME_CART_BUTTON_GRAY_SHADOW_V1 END */