/**
 * Addronix Addons for Elementor — Shared Frontend Base Styles
 *
 * Minimal resets and utility classes shared across all widgets.
 * Each widget's own CSS file scopes its rules under .aafe-[widgetname].
 */

/* Ensure all widget elements follow border-box sizing */
[class^="aafe-"],
[class*=" aafe-"] {
	box-sizing: border-box;
}

/* AAFE IMPROVEMENT: Entrance Animation section */
.aafe-animated {
	animation-fill-mode: both;
	opacity: 1 !important; /* Override initial opacity: 0 */
}

@keyframes aafeFadeIn {
	from { opacity: 0; }
	to { opacity: 1; }
}
.aafe-animation-fadeIn { animation-name: aafeFadeIn; }

@keyframes aafeFadeInUp {
	from { opacity: 0; transform: translate3d(0, 40px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.aafe-animation-fadeInUp { animation-name: aafeFadeInUp; }

@keyframes aafeFadeInDown {
	from { opacity: 0; transform: translate3d(0, -40px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.aafe-animation-fadeInDown { animation-name: aafeFadeInDown; }

@keyframes aafeFadeInLeft {
	from { opacity: 0; transform: translate3d(-40px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.aafe-animation-fadeInLeft { animation-name: aafeFadeInLeft; }

@keyframes aafeFadeInRight {
	from { opacity: 0; transform: translate3d(40px, 0, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
.aafe-animation-fadeInRight { animation-name: aafeFadeInRight; }

@keyframes aafeZoomIn {
	from { opacity: 0; transform: scale3d(0.3, 0.3, 0.3); }
	50% { opacity: 1; }
}
.aafe-animation-zoomIn { animation-name: aafeZoomIn; }
/* Sticky Elements Extension */
.aafe-sticky-element {
    transition: all 0.3s ease;
}
.aafe-sticky-element img, .aafe-sticky-element .custom-logo {
    transition: max-width 0.3s ease;
}
.aafe-is-sticky {
    position: fixed !important;
    will-change: transform;
    transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.3s ease, padding 0.3s ease;
}
.aafe-sticky-hidden {
    transform: translateY(-100%);
}
.aafe-sticky-effects-active {
    /* User can target this class with custom CSS to shrink logos/headers */
}