/*
Theme Name: Impreza Child
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
	AMATI 2026
	Made in Ondanomala
*/


@import url('https://ondanomalaweb.it/utility/css/ondanomala.css');
.w-separator.align_left{ margin-left:0px !important; }
a.w-nav-control.active .w-nav-icon{color:#FFF !important;z-index:999 !important;}
.g-cols.via_grid { gap: var(--columns-gap, 4.5rem);}
.w-popup-box-title {font-size: 1.4rem !important;}

/*	LIGHTBOX */
.mfp-bottom-bar .mfp-title{ display:none; visibility:hidden;}
.mfp-bottom-bar .mfp-counter{ color:#FFF; font-weight:800; font-size:calc(22px + 1.5vw); margin-top:-3rem; margin-right:2rem;}

/*	CAROSELLI */
.owl-carousel .owl-nav button{width:61px !important;height:61px !important;}

/*	SLIDER 
----------------------------------------------*/
.rsBullets {display: flex;justify-content: right !important;bottom: 30px !important;width: 95% !important;position: absolute !important;z-index: 9 !important;}
.rsBullet span {background: rgba(255, 255, 255, 1);width: 15px !important;height: 15px !important;margin: 4px !important;border-radius:50rem !important;}
.rsBullet.rsNavSelected span {background: rgba(0, 0, 0, 1) !important;box-shadow: 0 0 0 0px;}
.royalSlider .rsArrow {top: 90% !important;font-size: 1rem !important;line-height: 65px !important;height: 70px !important;width: 70px !important;text-shadow: none !important;border: 2px solid #fff !important;border-radius:50rem !important;}
.royalSlider .rsArrowRight {right: 20px !important;}
.royalSlider .rsArrowLeft {right: 95px !important;left:auto !important;}




/* ==========================================
   AMATI - GRADIENTE ANIMATO
   ========================================== */

@property --amati-angle {
    syntax: "<angle>";
    initial-value: 90deg;
    inherits: false;
}

section.gradiente-animato {
    background:


        linear-gradient(
            var(--amati-angle),
            #995A24 0%,
            #C18D67 35%,
            #F1DCCA 100%
        ) !important;

    animation: amatiGradient 25s linear infinite !important;
}

@keyframes amatiGradient {
    from {
        --amati-angle: 90deg;
    }

    to {
        --amati-angle: 450deg;
    }
}

@media (prefers-reduced-motion: reduce) {
    section.gradiente-animato {
        animation: none !important;
    }
}
/* HERO - Preparazione */
section.gradiente-animato {
    position: relative;
    overflow: hidden;
}

/* Fotografia animata */
section.gradiente-animato::before {
    content: "";
    position: absolute;
    inset: 0;

    background-image: url("/wp-content/uploads/2026/10/Group-1.png");
    background-size: contain;
    background-position: 100% 0;
    background-repeat: no-repeat;

    z-index: 0;
    pointer-events: none;

    animation: amatiImageEntrance 1.5s ease-out both;
}

/* Entrata dall'alto */
@keyframes amatiImageEntrance {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }

    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Contenuti sopra la fotografia */
section.gradiente-animato > .l-section-h {
    position: relative;
    z-index: 1;
}

/* Accessibilità */
@media (prefers-reduced-motion: reduce) {
    section.gradiente-animato::before {
        animation: none;
    }
}






/*	TABLET
----------------------------------------------*/
@media (min-width: 768px) and (max-width: 1024px) {
  	.royalSlider .rsArrow {
		top: 90% !important;
		font-size: 1rem  !important;
		line-height:36px !important;
		height: 40px !important;
		width: 40px !important;
		text-shadow: none !important;
		border: 2px solid #fff !important;
		border-radius:50rem !important;
	}
	.royalSlider .rsArrowRight {
		right: 20px !important;
	}
	.royalSlider .rsArrowLeft {
		right: 65px !important;
		left:auto !important;
	}
}


/*	SMARTPHONE
----------------------------------------------*/
@media only screen and (max-width: 600px) { 
	.l-section.wpb_row.height_medium{padding-bottom: 3rem !important;padding-top: 3rem !important;}
	.royalSlider .rsArrow {
		top: 90% !important;
		font-size: 1rem  !important;
		line-height:36px !important;
		height: 40px !important;
		width: 40px !important;
		text-shadow: none !important;
		border: 2px solid #fff !important;
		border-radius:50rem !important;
	}
	.royalSlider .rsArrowRight {
		right: 20px !important;
	}
	.royalSlider .rsArrowLeft {
		right: 65px !important;
		left:auto !important;
	}
}