/* Custom CSS for SALTWATER SHACK */

/* Fade-in animation for hero content */
@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.animate-fade-in {
    animation: fadeIn 0.8s ease-out forwards;
}

.animate-fade-in-up {
    animation: fadeIn 0.8s ease-out forwards;
    opacity: 0;
}

.delay-100 {
    animation-delay: 0.1s;
}

.delay-200 {
    animation-delay: 0.2s;
}

/* Smooth scroll padding for fixed navbar */
section {
    scroll-margin-top: 80px;
}

/* Mobile menu transition */
#mobile-menu {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
}

#mobile-menu.active {
    max-height: 300px;
    opacity: 1;
}

/* Custom focus styles */
button:focus,
a:focus,
input:focus,
textarea:focus {
    outline: 2px solid #2d6a3a;
    outline-offset: 2px;
}

/* Ensure images don't overflow */
img {
    max-width: 100%;
    height: auto;
}

/* Print styles */
@media print {
    nav,
    .btn-primary,
    #contact-form {
        display: none;
    }
    
    body {
        color: #000;
        background: #fff;
    }
}