/* 3D Effects */
.perspective-1000 {
    perspective: 1000px;
}

.transform-style-3d {
    transform-style: preserve-3d;
}

/* Language Switcher */
.language-switcher {
    position: relative;
    width: 200px;
    height: 48px;
}

.language-switcher .front,
.language-switcher .back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.language-switcher .back {
    transform: rotateY(180deg);
}

/* Navigation Buttons */
.nav-button {
    @apply flex items-center space-x-2 px-6 py-2 rounded-xl hover:bg-opacity-90 transition-all duration-300;
}

.nav-button i {
    @apply text-lg;
}

/* Footer Links */
.footer-link {
    @apply flex items-center space-x-2 text-white/80 hover:text-white transition-colors hover:translate-x-2 duration-300;
}

.footer-contact-item {
    @apply flex items-center space-x-3 text-white/80 hover:text-white transition-colors;
}

.icon-wrapper {
    @apply flex items-center justify-center w-10 h-10 rounded-xl bg-white/10 group-hover:bg-white/20 transition-colors;
}

/* Social Icons */
.social-icon {
    @apply flex items-center justify-center w-10 h-10 rounded-xl bg-white/10 text-white/80 hover:bg-white/20 hover:text-white transition-all duration-300;
}

/* Mobile Menu */
.mobile-menu-button {
    @apply p-2 rounded-xl bg-white/10 hover:bg-white/20 transition-colors transform hover:scale-105;
}

/* Grid Background */
.bg-grid-white {
    background-image: 
        linear-gradient(to right, rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255,255,255,0.1) 1px, transparent 1px);
}

/* 3D Buttons */
.nav-button-3d {
    @apply flex items-center space-x-2 px-6 py-2.5 rounded-xl transition-all duration-300 transform hover:-translate-y-0.5 hover:shadow-lg;
}

.social-icon-3d {
    @apply flex items-center justify-center w-8 h-8 rounded-lg bg-white/10 text-white/80 hover:text-white transition-all duration-300 transform hover:-translate-y-0.5 hover:shadow-lg hover:bg-white/20;
}

/* Animations */
@keyframes float {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
}

@keyframes float-delayed {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-15px); }
}

.animate-float {
    animation: float 6s ease-in-out infinite;
}

.animate-float-delayed {
    animation: float-delayed 8s ease-in-out infinite;
}

/* Dropdown Improvements */
.nav-dropdown {
    @apply absolute left-0 mt-2 w-56 bg-white/90 backdrop-blur-sm rounded-xl shadow-lg opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all duration-300 transform group-hover:translate-y-0 translate-y-2;
}

/* Language Switcher Improvements */
.lang-switcher {
    @apply relative group transform hover:scale-105 transition-transform;
}

.lang-option {
    @apply flex items-center space-x-3 px-4 py-2.5 text-gray-700 hover:bg-blue-50/50 transition-all duration-300 transform hover:translate-x-1;
}