/* Custom Styles for Sweet Bella's Nutrition */

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #fdfbf7;
}
::-webkit-scrollbar-thumb {
    background: #1e293b;
}
::-webkit-scrollbar-thumb:hover {
    background: #d4af37;
}

/* Animation Utilities */
.fade-in {
    animation: fadeIn 1.2s ease-out forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Floating animation for hero cards */
@keyframes float {
    0% { transform: translateY(0px) rotate(var(--rotation)); }
    50% { transform: translateY(-10px) rotate(var(--rotation)); }
    100% { transform: translateY(0px) rotate(var(--rotation)); }
}

/* Apply float animation to cards with different delays */
.z-10 {
    animation: float 6s ease-in-out infinite;
    --rotation: -2deg;
}

.z-20:first-of-type {
    animation: float 5s ease-in-out infinite;
    --rotation: 3deg;
}

.z-20:last-of-type {
    animation: float 7s ease-in-out infinite;
    --rotation: 1deg;
}

/* Image Aspect Ratio Fixes */
img {
    max-width: 100%;
    height: auto;
}