/* Custom Styles for Elifin Ellerinden */

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

@keyframes float-reverse {
    0% { transform: translateY(0) rotate(0deg); }
    50% { transform: translateY(-15px) rotate(-15deg); }
    100% { transform: translateY(0) rotate(0deg); }
}

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

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

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

@keyframes bounce-slow {
    0%, 100% {
        transform: translateY(-5%);
        animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
    }
    50% {
        transform: translateY(0);
        animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    }
}

.animate-bounce-slow {
    animation: bounce-slow 4s infinite;
}

/* Base custom resets */
html {
    scroll-behavior: smooth;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #F7F5F0;
}

::-webkit-scrollbar-thumb {
    background: #8B7355;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #10b981;
}

/* Selection color */
::selection {
    background: #10b981;
    color: white;
}