/* Modern design enhancements - Hotel Moon Avenue */
/* Smooth scroll */
html { scroll-behavior: smooth; }

/* Navbar refinement */
.navbar { box-shadow: 0 2px 20px rgba(0,0,0,0.1); }

/* Logo visibility - larger, clearer */
.navbar-brand img.logo-nav {
    height: 58px !important;
    max-height: 58px !important;
    width: auto !important;
    object-fit: contain;
}
@media (max-width: 576px) {
    .navbar-brand img.logo-nav { height: 50px !important; max-height: 50px; }
}
.logo-footer { max-height: 75px; width: auto; object-fit: contain; }

/* Modern card styling */
.card { border-radius: 16px; }
.card-hover { border-radius: 16px; overflow: hidden; }

/* Subtle animations */
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in { animation: fadeInUp 0.6s ease-out forwards; }

/* Improved typography scale */
h1 { letter-spacing: -0.02em; }
h2 { letter-spacing: -0.01em; }

/* Better focus states for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid var(--accent, #d69e2e);
    outline-offset: 2px;
}

/* Section contrast */
.bg-light { background-color: #f8fafc !important; }
.section-padding { position: relative; }