/* Custom styles for Sprawling Plaza Hotel */

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

body {
    overflow-x: hidden;
}

/* Scroll reveal animations - progressive enhancement */
.reveal {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal.hidden {
    opacity: 0;
    transform: translateY(30px);
}

/* Navbar transitions */
#navbar.scrolled {
    background-color: rgba(250, 250, 248, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 1px 0 rgba(6, 26, 12, 0.05);
}

.nav-text {
    color: #0b2913;
}

#navbar.scrolled .nav-text {
    color: #064e3b;
}

.nav-icon {
    color: #0b2913;
}

#navbar.scrolled .nav-icon {
    color: #064e3b;
}

/* Mobile menu */
.mobile-link {
    opacity: 1;
    transform: translateY(0);
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Form styles */
input:focus,
textarea:focus {
    outline: none;
}

/* Subtle hover effects */
a {
    text-decoration: none;
}

/* Print styles */
@media print {
    #navbar,
    #mobile-menu {
        display: none;
    }
    
    body {
        color: #000;
        background: #fff;
    }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    .reveal {
        opacity: 1;
        transform: none;
        transition: none;
    }
    
    html {
        scroll-behavior: auto;
    }
    
    img {
        transition: none;
    }
}

/* High contrast mode */
@media (prefers-contrast: high) {
    .reveal.hidden {
        opacity: 1;
        transform: none;
    }
}

/* Ensure all text is readable */
.text-forest-100\/80 {
    color: rgba(209, 230, 217, 0.8);
}

.text-forest-200\/70 {
    color: rgba(185, 223, 190, 0.7);
}

.text-forest-300\/60 {
    color: rgba(132, 197, 143, 0.6);
}

.text-forest-400\/60 {
    color: rgba(79, 165, 93, 0.6);
}

.text-forest-500\/60 {
    color: rgba(45, 122, 61, 0.6);
}

.text-forest-600\/70 {
    color: rgba(31, 92, 44, 0.7);
}

.text-forest-700\/70 {
    color: rgba(24, 72, 34, 0.7);
}

.text-forest-800\/50 {
    color: rgba(18, 55, 26, 0.5);
}