/* Louisiana Nutrition — Custom Styles */

/* Base typography refinements */
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Selection color */
::selection {
    background: rgba(201, 168, 76, 0.3);
    color: #fff;
}

/* Focus visible styles */
*:focus-visible {
    outline: 2px solid #c9a84c;
    outline-offset: 2px;
}

/* Smooth image loading */
img {
    image-rendering: -webkit-optimize-contrast;
}

/* Subtle text shadow for hero readability */
.hero-text-shadow {
    text-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
}

/* Gold gradient text utility */
.text-gold-gradient {
    background: linear-gradient(135deg, #e0ca82 0%, #c9a84c 50%, #b08d3a 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

/* Custom divider */
.section-divider {
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(201, 168, 76, 0.2), transparent);
}

/* Floating animation for decorative elements */
@keyframes float {
    0%, 100% { transform: translateY(0px); }
    50% { transform: translateY(-10px); }
}

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

/* Pulse glow for CTA buttons */
@keyframes pulse-gold {
    0%, 100% { box-shadow: 0 0 20px rgba(201, 168, 76, 0.2); }
    50% { box-shadow: 0 0 40px rgba(201, 168, 76, 0.4); }
}

.cta-pulse {
    animation: pulse-gold 3s ease-in-out infinite;
}

/* Parallax subtle movement on scroll */
.parallax-slow {
    will-change: transform;
}

/* Mobile menu animation */
.mobile-menu-enter {
    animation: slideIn 0.4s cubic-bezier(0.4, 0, 0.2, 1) forwards;
}

@keyframes slideIn {
    from {
        transform: translateX(100%);
        opacity: 0;
    }
    to {
        transform: translateX(0);
        opacity: 1;
    }
}

/* Fade in animation for sections */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.fade-in-up {
    animation: fadeInUp 0.8s ease forwards;
}

/* Stagger children animation */
.stagger-children > * {
    opacity: 0;
    transform: translateY(20px);
}

.stagger-children.animate > * {
    animation: fadeInUp 0.6s ease forwards;
}

.stagger-children.animate > *:nth-child(1) { animation-delay: 0.1s; }
.stagger-children.animate > *:nth-child(2) { animation-delay: 0.2s; }
.stagger-children.animate > *:nth-child(3) { animation-delay: 0.3s; }
.stagger-children.animate > *:nth-child(4) { animation-delay: 0.4s; }
.stagger-children.animate > *:nth-child(5) { animation-delay: 0.5s; }
.stagger-children.animate > *:nth-child(6) { animation-delay: 0.6s; }