/* Custom utilities for extreme elegance */
.glass-nav {
	background: rgba(255, 255, 255, 0.95);
	backdrop-filter: blur(10px);
	border-bottom: 1px solid rgba(241, 245, 249, 0.6);
}

/* Ticker styles from footer.php */
.ticker-wrap {
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
}

.ticker {
	display: inline-block;
	white-space: nowrap;
	padding-right: 100%;
	box-sizing: content-box;
	animation: ticker-scroll 120s linear infinite;
}

.ticker:hover {
	animation-play-state: paused;
}

@keyframes ticker-scroll {
	0% {
		transform: translate3d(0, 0, 0);
	}

	100% {
		transform: translate3d(-100%, 0, 0);
	}
}

.ticker-item {
	display: inline-block;
	padding: 0 2rem;
}

/* Modal styles from hizmetlerimiz.php */
/* Unfold / Origami-like effect */
@keyframes modalUnfold {
	0% {
		transform: scale(0.95) translateY(15vh) rotateX(20deg);
		opacity: 0;
	}

	100% {
		transform: scale(1) translateY(0) rotateX(0deg);
		opacity: 1;
	}
}

@keyframes modalClose {
	0% {
		transform: scale(1) translateY(0) rotateX(0deg);
		opacity: 1;
	}

	100% {
		transform: scale(0.95) translateY(15vh) rotateX(-20deg);
		opacity: 0;
	}
}

/* Elements inside modal gently appearing */
@keyframes contentReveal {
	0% {
		opacity: 0;
		transform: translateY(20px);
	}

	100% {
		opacity: 1;
		transform: translateY(0);
	}
}

.modal-animate-in {
	animation: modalUnfold 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
	perspective: 1000px;
}

.modal-animate-out {
	animation: modalClose 0.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
	perspective: 1000px;
}

/* Staggered Content Animation Classes */
.content-delay-1 {
	animation: contentReveal 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.3s forwards;
	opacity: 0;
}

.content-delay-2 {
	animation: contentReveal 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.4s forwards;
	opacity: 0;
}

.content-delay-3 {
	animation: contentReveal 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0.5s forwards;
	opacity: 0;
}

/* Super Premium Glassmorphism for Modal */
.glass-modal {
	background: rgba(255, 255, 255, 0.98);
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	border: 1px solid rgba(255, 255, 255, 0.6);
	box-shadow: 0 25px 50px -12px rgba(13, 148, 136, 0.15),
		0 0 0 1px rgba(255, 255, 255, 0.5) inset;
}

/* Super intense backdrop blur */
.intense-backdrop {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	background: rgba(15, 23, 42, 0.65);
}