/**
 * Legacy support and overrides
 * Prefer adding styles to main.css for global consistency
 */

body.home-page { padding-top: 0; }

/* Global Page Banner - Ensuring space below fixed header */
.page-banner {
    background: linear-gradient(rgba(11, 21, 51, 0.8), rgba(11, 21, 51, 0.8)), url('../images/dubai.jpg') center/cover;
    padding: 180px 0 100px;
    color: #fff;
    text-align: center;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .page-banner { padding: 150px 20px 80px; }
}

.section-padding { padding: 80px 0; }
.mb-5 { margin-bottom: 3rem !important; }
.mt-5 { margin-top: 3rem !important; }
.py-5 { padding-top: 3rem !important; padding-bottom: 3rem !important; }
.py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-0 { margin-bottom: 0 !important; }
.me-2 { margin-right: 0.5rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.flex-1 { flex: 1 !important; }
.opacity-80 { opacity: 0.8 !important; }
.shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; }
.shadow-xl { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; }

/* Home page hero specific */
.mega-hero { position: relative; min-height: 85vh; display: flex; align-items: center; justify-content: center; overflow: hidden; padding-top: 130px; }

@media (max-width: 768px) {
    .mega-hero { min-height: 0 !important; height: auto !important; padding-top: 100px; padding-bottom: 20px; }
}
.hero-bg { position: absolute; inset: 0; z-index: -1; }
.hero-video-wrap { position: absolute; inset: 0; }
.hero-video { width: 100%; height: 100%; object-fit: cover; }
.hero-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(11, 21, 51, 0.6), rgba(11, 21, 51, 0.9)); }