/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

/* Classi animazioni più precise rispetto alla partenza quando elemento in viewport */
.elementor-editor-active .animate-on-scroll {
  opacity: 1 !important;
  transform: none !important;
}
    .animate-on-scroll {
      opacity: 0;
      transition: opacity 0.8s ease-out, transform 0.8s ease-out;
    }

    .animate-on-scroll.animated {
      opacity: 1;
      transform: translate(0, 0);
    }

    /* Fade In */
    .fade-in {
      opacity: 0;
    }

    .fade-in.animated {
      opacity: 1;
    }

    /* Fade In Left */
    .fade-in-left {
      opacity: 0;
      transform: translateX(-50px);
    }

    .fade-in-left.animated {
      opacity: 1;
      transform: translateX(0);
    }

    /* Fade In Right */
    .fade-in-right {
      opacity: 0;
      transform: translateX(50px);
    }

    .fade-in-right.animated {
      opacity: 1;
      transform: translateX(0);
    }

    /* Fade In Up */
    .fade-in-up {
      opacity: 0;
      transform: translateY(50px);
    }

    .fade-in-up.animated {
      opacity: 1;
      transform: translateY(0);
    }

    /* Optional: Add delay classes */
    .delay-100 { transition-delay: 0.1s; }
    .delay-200 { transition-delay: 0.2s; }
    .delay-300 { transition-delay: 0.3s; }
    .delay-400 { transition-delay: 0.4s; }
    .delay-500 { transition-delay: 0.5s; }

/* fine animazioni */

/* scroll section home */
        .scroll-section-wrapper {
            width: 100%;
            min-height: 300vh; /* Space for 2 scrolls + buffer */
            background-color: #f5f5f5;
            position: relative;
        }

        /* Sticky container that holds both sections */
        .scroll-sticky-container {
            position: sticky;
            top: 0;
            height: 100vh;
            width: 100%;
            overflow: hidden;
        }

        /* Individual section styling */
        .scroll-section {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100vh;
            opacity: 0;
            display: flex;
            align-items: center;
            justify-content: center;
            background-color: #ffffff;
        }

        .scroll-section img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        /* Show desktop images by default */
        .scroll-section .desktop-img {
            display: block;
        }

        /* Hide mobile images by default */
        .scroll-section .mobile-img {
            display: none;
        }

        /* Section 2 specific styling - 70% width centered */
        #section-2 img {
            width: 70%;
            height: auto;
            max-height: 100%;
            object-fit: contain;
        }

        /* Initial states */
        #section-1 {
            transform: translateY(50px);
        }

        #section-2 {
            transform: translateY(100px);
        }

        /* Mobile styles - show mobile images, hide desktop images */
        @media (max-width: 768px) {
            .scroll-section .desktop-img {
                display: none;
            }

            .scroll-section .mobile-img {
                display: block;
            }

            /* Adjust section 2 image width for mobile */
            #section-2 img {
                width: 90%;
            }
        }

/* fine scroll section home */

/* custom carousel */
.custom-carousel [type=button]:focus, .custom-carousel [type=button]:hover, .custom-carousel [type=submit]:focus, .custom-carousel [type=submit]:hover, .custom-carousel button:focus, .custom-carousel button:hover {
	background: transparent;
}
.custom-carousel {
    max-width: 100%;
    margin: 0 auto;
}

.custom-carousel .carousel-item {
    padding: 0 15px;
    outline: none;
}

.carosello-box-prodotto-noos .custom-carousel .carousel-item {
    padding: 0px;
}

.carosello-box-prodotto-noos .slick-dotted.slick-slider {
	margin-bottom: 0px;
	padding: 5px;
}

.carosello-box-prodotto-noos .custom-carousel .slick-dots {
	bottom: 10px;
}

.custom-carousel .slick-dots {
    bottom: 20px;
}

@media screen and (max-width: 650px) {
	.custom-carousel .slick-dots {
    bottom: 0px;
}
}

.custom-carousel .slick-dots li button:before {
    font-size: 12px;
	color: #698067;
}

.carosello-box-prodotto-noos .custom-carousel .slick-dots li button:before {
    font-size: 12px;
	color: #563B2E;
}

/* Add some spacing below the carousel for dots */
.custom-carousel {
    margin-bottom: 50px;
}

.custom-carousel .slick-dots li button:hover {
	background-color: #ECEAE4;
}

.carosello-box-prodotto-noos .custom-carousel .slick-dots li button:hover {
	background: transparent;
}

.custom-carousel .slick-dots li.slick-active button {
    background-color: #ECEAE4;
}

.carosello-box-prodotto-noos .custom-carousel .slick-dots li.slick-active button {
    background: transparent;
}

/* fine custom carousel */

@media screen and (min-width: 1024px) {
	.inner-section-absolute {
		position: absolute;
		z-index: 50;
	}
}


@media screen and (min-width: 768px) {
	.mobile-video {
		display: none;
	}
}

@media screen and (max-width: 767px) {
	.desktop-video {
		display: none;
	}
}



@media screen and (min-width: 1024px) {
  #connesione-tra-piede-e-natura-content {
	position: absolute;
	top: 80px;
	  left: 0;
	  z-index: 10;
}
	.absolute-content {
		position: absolute;
		z-index: 10;
	}
}

/* trasformare la galleria delle thumbnails nella pagina prodotto in un carosello */
/* Thumbnail Carousel Wrapper */
.thumbnail-carousel-wrapper {
    position: relative !important;
}

/* Thumbnail Container */
.flex-control-thumbs {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    gap: 10px !important;
    padding: 10px 0 !important;
    scrollbar-width: thin !important;
    margin: 0 !important;
}

.flex-control-thumbs::-webkit-scrollbar {
    height: 6px !important;
}

.flex-control-thumbs::-webkit-scrollbar-track {
    background: #f1f1f1 !important;
}

.flex-control-thumbs::-webkit-scrollbar-thumb {
    background: #888 !important;
    border-radius: 3px !important;
}

.flex-control-thumbs li {
    flex: 0 0 auto !important;
    margin: 0 !important;
    list-style: none !important;
}

/* Navigation Buttons - More Visible */
.thumbnail-carousel-nav {
    position: absolute !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    color: white !important;
    border: none !important;
    width: 35px !important;
    height: 35px !important;
    cursor: pointer !important;
    z-index: 999 !important;
    display: none !important;
    font-size: 34px !important;
    line-height: 30px !important;
    text-align: center !important;
    padding: 0 !important;
    font-weight: bold !important;
    transition: all 0.3s ease !important;
}

.thumbnail-carousel-nav:hover {
    transform: translateY(-50%) scale(1.1) !important;
}

.thumbnail-carousel-nav:hover, .thumbnail-carousel-nav:active, .thumbnail-carousel-nav:focus {
	background: transparent;
}

.thumbnail-carousel-nav.prev {
    left: 0 !important;
}

.thumbnail-carousel-nav.next {
    right: 0 !important;
}

/* Show buttons when there's overflow */
.flex-control-thumbs.has-overflow ~ .thumbnail-carousel-nav,
.flex-control-thumbs.has-overflow + .thumbnail-carousel-nav {
    display: block !important;
}

/* Alternative selector if buttons are siblings */
.thumbnail-carousel-wrapper .thumbnail-carousel-nav {
    display: none !important;
}

.thumbnail-carousel-wrapper:has(.flex-control-thumbs.has-overflow) .thumbnail-carousel-nav {
    display: block !important;
}

/* custom tabs */
        .product-tabs {
            overflow-x: auto;
            overflow-y: hidden;
            display: flex;
            justify-content: center;
			-webkit-overflow-scrolling: touch;
        }
        
        .product-tabs button {
            background-color: inherit;
			color: #698067;
            float: left;
            border: 1px solid #698067;
	border-radius: 30px;
            outline: none;
            cursor: pointer;
			margin: 10px 30px;
            padding: 15px;
            transition: 0.3s;
            font-size: 16px;
			min-width: 160px;
			white-space: nowrap;
            flex-shrink: 0;
        }
        
        .product-tabs button:hover {
            background-color: #698067;
			color: #ECEAE4;
        }
        
        .product-tabs button.active {
            background-color: #698067;
			color: #ECEAE4;
        }
        
        .product-tab-content {
            display: none;
            padding: 6px 12px;
			font-family: "Timonium", Sans-serif;
        }

/* Mobile styles */
        @media (max-width: 768px) {
            .product-tabs {
                justify-content: flex-start;
                padding-right: 20px;
            }
        }


@media screen and (max-width: 650px) {
	.product-tabs button {
		font-size: 15px;
		margin: 10px 5px;
		padding: 10px;
		min-width: 135px;
	}
}

/* messaggio conferma aggiunta al carrello pagina prodotto */
.woocommerce-message {
    border-top-color: #698067;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    padding: 1em 2em 1em 3.5em;
    margin: 0 0 2em;
    position: relative;
    background-color: #F7F3EA;
    color: #515151;
    border-top: 3px solid #698067;
    list-style: none outside;
    width: auto;
    word-wrap: break-word;
    font-family: "Raleway", Sans-serif;
    font-size: 18px;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button {
	background-color: #698067;
	color: #F7F3EA;
	border-radius: 30px;
}

/* pagina carrello */
.woocommerce-cart .entry-title {
	font-family: "Timonium", Sans-serif;
    font-weight: 500;
}

.woocommerce-cart .alignwide {
    margin-inline: 0px;
}

.woocommerce-cart .wc-block-components-product-name {
	text-decoration: none;
	color: #000;
	font-family: "Raleway", Sans-serif;
	font-size: 18px;
}

:root :where(.wp-element-button, .wp-block-button__link) {
	background-color: #698067;
    color: #F7F3EA;
	text-decoration: none;
}

/* checkout */
.woocommerce-checkout .entry-title {
	font-family: "Timonium", Sans-serif;
    font-weight: 500;
}

.woocommerce-checkout .alignwide {
    margin-inline: 0px;
}


.mix-blend-mode-multiply {
	mix-blend-mode: multiply;
}

/* account */

.woocommerce-account .entry-title {
	font-family: "Timonium", Sans-serif;
    font-weight: 500;
}

.woocommerce-account .site-main {
	padding: 80px 10px;
}


.woocommerce-account .woocommerce-MyAccount-navigation ul {
	list-style: none;
	padding: 0px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li {
	background-color: #DAD6C8;
	padding: 10px;
	margin: 5px;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover {
	background-color: #698067;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
	color: #20333A;
	text-decoration: none;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul li:hover a {
	color: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul .is-active {
	background-color: #698067;
}

.woocommerce-account .woocommerce-MyAccount-navigation ul .is-active a {
	color: #ffffff;
}

.woocommerce-account .woocommerce-MyAccount-content a {
	color: #005DA7;
}

/* loop prodotto */
.loop-prodotto .product-category-image-wrapper {
	width: 100px;
}

.product_cat-primavera .loop-prodotto {
		background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/04/primavera-loop-background.jpg");
	background-repeat: no-repeat;
	background-size: cover;
}

.product_cat-primavera .loop-prodotto .elementor-heading-title, .product_cat-primavera .loop-prodotto .woocommerce-Price-amount, .product_cat-primavera .loop-prodotto .elementor-post-info__terms-list-item {
	color: #414C0B;
}

/* fine loop prodotto c8c195 */

.single-product .prodotto .flex-control-thumbs li {
	margin-top: 15px !important;
	margin-right: 15px !important;
}

.single-product .product_cat-primavera .prodotto {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/11/background-prodotto-cat-primavera.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.single-product .product_cat-primavera .flex-viewport {
	background-color: #c8c195;
}

.single-product .product_cat-primavera .flex-control-thumbs li {
	background-color: #c8c195;
}

.single-product .product_cat-inverno .prodotto {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/11/background-prodotto-cat-inverno.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.single-product .product_cat-uomo-inverno .flex-viewport {
	background-color: #9f837f;
}

.single-product .product_cat-uomo-inverno .flex-control-thumbs li {
	background-color: #9f837f;
}

.single-product .product_cat-donna-inverno .flex-viewport {
	background-color: #c2b0ae;
}

.single-product .product_cat-donna-inverno .flex-control-thumbs li {
	background-color: #c2b0ae;
}

.single-product .product_cat-autunno .prodotto {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/11/background-prodotto-cat-autunno.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.single-product .product_cat-autunno .flex-viewport {
	background-color: #c1b9ac;
}

.single-product .product_cat-autunno .flex-control-thumbs li {
	background-color: #c1b9ac;
}

.single-product .product_cat-estate .prodotto {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/11/background-prodotto-cat-estate.png");
	background-repeat: no-repeat;
	background-size: cover;
}

.single-product .product_cat-estate .flex-viewport {
	background-color: #abc5c8;
}

.single-product .product_cat-estate .flex-control-thumbs li {
	background-color: #abc5c8;
}

@media screen and (max-width: 650px) {
	.single-product .product_cat-primavera .prodotto, .single-product .product_cat-inverno .prodotto, 
.single-product .product_cat-autunno .prodotto, .single-product .product_cat-estate .prodotto {
	background: none;
}
			.single-product .product_cat-estate .content-column {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/12/background-prodotto-cat-estate-mobile.png");
			background-repeat: no-repeat;
	background-size: cover;
}
				.single-product .product_cat-autunno .content-column {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/12/background-prodotto-cat-autunno-mobile.png");
			background-repeat: no-repeat;
	background-size: cover;
}
	
					.single-product .product_cat-inverno .content-column {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/12/background-prodotto-cat-inverno-mobile-2.png");
			background-repeat: no-repeat;
	background-size: cover;
}
			.single-product .product_cat-primavera .content-column {
	background-image: url("https://stagingwebsite.it/fitmyfoot/wp-content/uploads/2025/12/background-prodotto-cat-primavera-mobile.png");
			background-repeat: no-repeat;
	background-size: cover;
}
}

.prodotti-correlati .elementor-container {
	justify-content: center;
}

.single-product .product_cat-primavera .col-primavera {
	display: none;
}

.single-product .product_cat-uomo-inverno .col-uomo-inverno {
	display: none;
}

.single-product .product_cat-donna-inverno .col-donna-inverno {
	display: none;
}

.single-product .product_cat-primavera .col-primavera {
	display: none;
}

.single-product .product_cat-autunno .col-autunno {
	display: none;
}


.single-product .product_cat-estate .col-estate {
	display: none;
}

#custom-tabs .elementor-tab-title {
		margin: 10px 30px;
	border: 1px solid #698067;
	border-radius: 30px;
}

#custom-tabs .elementor-tabs-wrapper .elementor-active {
	background-color: #698067;
}

#griglia-prodotti-home .product_cat-primavera {
	background-color: rgba(162, 155, 139, 0.4);
}

#griglia-prodotti-home .product_cat-inverno {
	background-color: rgba(100, 90, 78, 0.5);
}

#griglia-prodotti-home .product_cat-autunno {
	background-color: rgba(0, 0, 0, 0.2);
}

#griglia-prodotti-home .product_cat-estate {
	background-color: rgba(162, 155, 139, 0.2);
}

#griglia-prodotti-home .e-loop-item img {
	mix-blend-mode: multiply;
}

/* Hide English button by default */
.elementor-page-352 .see-product-en {
    display: none !important;
}

/* Hide Italian button on English pages */
.elementor-page-1219 .see-product-it {
    display: none !important;
}

/** Start Template Kit CSS: Florist (css/customizer.css) **/

/* Kit 113 Custom styling */
.envato-kit-113-formbutton .elementor-field-type-submit{
	padding: 0px !important;
	margin-left: -10px;
}

/** End Template Kit CSS: Florist (css/customizer.css) **/

#prodotti-correlati .loop-prodotto-1 {
	mix-blend-mode: multiply;
}

.loop-prodotto-2 img, .loop-prodotto-3 img {
	mix-blend-mode: multiply;
}

.header-home-content {
	position: absolute;
}

@media screen and (max-width: 650px) {
	.resi-e-rimborsi-content h2 {
	font-size: 1.5rem
}
}

@media screen and (min-width: 1300px) {
	.add-to-cart-section .variations {
	margin-left: -35px;
}
}

.add-to-cart-section table tbody>tr:nth-child(odd)>th {
	background: transparent;
}

.add-to-cart-section table tbody>tr:nth-child(odd)>td {
	background-color: #fff;
}


#hotspots .e-hotspot__tooltip { width: 30vw; white-space: var(--white-space,wrap); }

@media screen and (min-width: 1300px) {
		#hotspots .elementor-repeater-item-9e93f1c .e-hotspot__tooltip {
	left: 30px;
	top: 0px;
	padding: 10px 0px 0px 45px;	
	border-top: 1px solid #000;
			background: transparent;
}
	#hotspots .elementor-repeater-item-58b576d .e-hotspot__tooltip {
		right: 13px;
    bottom: -165px;
		padding: 0px 10px 20px 0px;
		border-right: 1px solid #000;
	}
}

@media screen and (min-width: 1200px) {
	#hotspots .elementor-repeater-item-45c64c3 .e-hotspot__tooltip {
	left: 12px;
		padding: 0px 0px 30px 10px;
		border-left: 1px solid #000;
}
}

/* pagina prodotto */
.product-header-title-wrapper {
	position: absolute;
}