/* 
    Lemonridge Luxury - 2025 Responsive System
*/

@media (max-width: 1550px) {
    .nav-link { margin: 0 0.55rem; font-size: 0.68rem; letter-spacing: 1.5px; }
}

@media (max-width: 1400px) {
    .nav-link { margin: 0 0.45rem; font-size: 0.65rem; letter-spacing: 1.2px; }
    .navbar .container, footer .container { width: 96%; }
}

@media (max-width: 1200px) {
    .nav-link { margin: 0 0.35rem; letter-spacing: 1px; font-size: 0.62rem; }
    .btn-gold { padding: 10px 20px; font-size: 0.68rem; }
}

@media (max-width: 992px) {
    .navbar { padding: 1rem 0; background: var(--emerald); }
    .layered-hero { padding-top: 60px; }
    
    .navbar-collapse {
        background: var(--emerald);
        margin-top: 1rem;
        padding: 1.5rem;
        border-top: 1px solid rgba(255,255,255,0.05);
        max-height: 80vh;
        overflow-y: auto;
    }
    
    .nav-link { 
        margin: 0.6rem 0; 
        font-size: 0.8rem; 
        display: block;
        opacity: 1;
        letter-spacing: 2px;
    }
    
    .navbar-nav {
        align-items: center !important;
        text-align: center;
    }
    
    .nav-item.ms-lg-4 {
        margin-top: 1.5rem;
        margin-left: 0 !important;
    }
    
    .glass-card { padding: 2.5rem; }
    .hero-title { font-size: 3.5rem; }
    
    .asym-section { display: block; }
    .asym-image-wrapper { width: 100%; height: 400px; }
    .asym-content-wrapper { width: 100%; margin-top: -60px; padding: 2.5rem; }
    
    .room-img-v2 { height: 500px; }
    .room-content-v2 { width: 100%; transform: none !important; position: relative; padding: 2rem; }
    
    .dining-panel { width: 100%; padding: 3rem; }

    .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 3rem;
    }
}

@media (max-width: 768px) {
    .section-padding { padding: 100px 0; }
    .hero-title { font-size: 2.8rem; }
    .btn-gold, .btn-outline-white { padding: 15px 30px; font-size: 0.75rem; width: 100%; text-align: center; }

    .footer-grid {
        grid-template-columns: 1fr;
        text-align: center;
        gap: 2.5rem;
    }
    .footer-desc { margin: 0 auto; }
}

@media (max-width: 576px) {
    .hero-title { font-size: 2.2rem; }
    .glass-card { padding: 1.5rem; }
}