:root {
	--menu-link-dynamic-color: rgb(253, 232, 227);
	--menu-link-dynamic-color-hover: rgb(195, 155, 143);
}

#page-swipe {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #3A2B32;
	z-index: 9999;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: center;
	will-change: transform;
}

/* Entrance: slide down to reveal page */
body.page-entrance #page-swipe {
	animation: slideDown 0.6s ease-in-out forwards;
}

/* Exit: slide up to hide page */
body.page-exit #page-swipe {
	animation: slideUp 0.6s ease-in-out forwards;
}

@-webkit-keyframes slideDown {
	0%   { -webkit-transform: translateY(0); }
	100% { -webkit-transform: translateY(100vh); }
}
@-moz-keyframes slideDown {
	0%   { -moz-transform: translateY(0); }
	100% { -moz-transform: translateY(100vh); }
}
@-o-keyframes slideDown {
	0%   { -o-transform: translateY(0); }
	100% { -o-transform: translateY(100vh); }
}
@keyframes slideDown {
	0%   { transform: translateY(0); }
	100% { transform: translateY(100vh); }
}

@-webkit-keyframes slideUp {
	0%   { -webkit-transform: translateY(100vh); }
	100% { -webkit-transform: translateY(0); }
}
@-moz-keyframes slideUp {
	0%   { -moz-transform: translateY(100vh); }
	100% { -moz-transform: translateY(0); }
}
@-o-keyframes slideUp {
	0%   { -o-transform: translateY(100vh); }
	100% { -o-transform: translateY(0); }
}
@keyframes slideUp {
	0%   { transform: translateY(100vh); }
	100% { transform: translateY(0); }
}

.swipe-content {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.5rem;
}

.swipe-logo {
	width: 150px;
	height: auto;
}

.swipe-loader {
	width: 24px;
	height: 24px;
	border: 3px solid #fff;
	border-top: 3px solid transparent;
	border-radius: 50%;
	animation: spin 0.8s linear infinite;
	opacity: 0.7;
}

/* Spinner animation */
@keyframes spin {
	0%   { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Service page header color transition */
.elementor-704 .elementor-element.elementor-element-48cc442 .elementskit-navbar-nav > li > a,
.elementor-704 .elementor-element.elementor-element-48cc442 .elementskit-navbar-nav > li > a .elementskit-submenu-indicator {
	color: var(--menu-link-dynamic-color) !important;
	transition: color 0.2s linear;
}

.elementor-704 .elementor-element.elementor-element-5cb92e3a div.elementor-menu-toggle svg {
	fill: var(--menu-link-dynamic-color) !important;
	transition: fill 0.2s linear;
}


.elementor-704 .elementor-element.elementor-element-48cc442 .elementskit-navbar-nav > li > a:hover,
.elementor-704 .elementor-element.elementor-element-48cc442 .elementskit-navbar-nav > li > a:hover .elementskit-submenu-indicator {
	color: var(--menu-link-dynamic-color-hover) !important;
	transition: color 0.2s linear;
}