/* 
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 */

/* Base animation setup */
.ds-fadein-up,
.ds-fadein-down {
	opacity: 0;
	transition: all 2s cubic-bezier(0.25, 0.8, 0.25, 1) !important;
	will-change: transform, opacity;
}

/* Fade In Up - initial position */
.ds-fadein-up {
	transform: translateY(40px);
}

/* Fade In Down - initial position */
.ds-fadein-down {
	transform: translateY(-40px);
}

/* Active state when visible */
.ds-animate {
	opacity: 1 !important;
	transform: translateY(0) !important;
}

/* Cover */
.ds-guest .ds-cover {
	position: fixed;
	inset: 0;
	width: 100%;
	height: 100vh;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 1.2s ease, visibility 1.2s ease;
}

/* Prevent scroll */
body.ds-locked {
	overflow: hidden;
	height: 100vh;
}

/* Zoom In Out Animation */
.ds-zoom-in-out {
	animation: dsZoomInOut 3s ease-in-out infinite;
	will-change: transform;
}

@keyframes dsZoomInOut {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.08);
	}
	100% {
		transform: scale(1);
	}
}