/* hero-override.css — load LAST — fixes overlay, height, centering */

/* ── INNER PAGE HEROES — tall, centred ──────────────────────── */
.mes-inner-hero,
.section-hero,
[style*="min-height:280px"][style*="display:flex"],
[style*="min-height:300px"][style*="display:flex"] {
    min-height: 520px !important;
}
.mes-inner-hero .container,
.section-hero > .container,
.section-hero .hero-content .container,
[style*="min-height:280px"] > .container,
[style*="min-height:300px"] > .container {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
}

/* ── HERO IMAGES — full opacity, centre-centre ───────────────── */
.mes-inner-hero > img,
.section-hero > img,
.mes-inner-hero img.hero-bg,
.section-hero img.hero-bg,
[style*="min-height:280px"] > img,
[style*="min-height:300px"] > img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
}
img[style*="opacity:0.3"],
img[style*="opacity:0.35"],
img[style*="opacity:0.4"],
img[style*="opacity:0.85"],
img[style*="opacity:0.88"] {
    opacity: 1 !important;
    object-fit: cover !important;
    object-position: center center !important;
}

/* ── INNER PAGE OVERLAY — 8% opacity (92% image visible) ────── */
.mes-inner-hero > div[style*="background:linear-gradient"],
.section-hero > div[style*="background:linear-gradient"],
[style*="min-height:280px"] > div[style*="background:linear-gradient"],
[style*="min-height:300px"] > div[style*="background:linear-gradient"],
div[style*="position:absolute;inset:0;background:linear-gradient(135deg,rgba"] {
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.03) 0%,
        rgba(0,0,0,0.22) 100%
    ) !important;
    z-index: 1 !important;
}
div[style*="rgba(10,26,53,0.72"],
div[style*="rgba(10,26,53,0.75"],
div[style*="rgba(10,26,53,0.70"],
div[style*="rgba(10,26,53,0.32"],
div[style*="rgba(10,26,53,0.58"],
div[style*="rgba(10,26,53,0.60"] {
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.03) 0%,
        rgba(0,0,0,0.22) 100%
    ) !important;
}

/* ── HOME PAGE VIDEO — 14% overlay (86% video visible) ──────── */
.mes-video-hero .voverlay,
.video-hero .video-overlay {
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.04) 0%,
        rgba(0,0,0,0.14) 60%,
        rgba(0,0,0,0.45) 100%
    ) !important;
}
.mes-video-hero > div[style*="background:linear-gradient(135deg,#0d2347"],
.mes-video-hero > div[style*="background:linear-gradient(135deg,#0a1a35"] {
    opacity: 0.12 !important;
}

/* ── TEXT SHADOW for readability ─────────────────────────────── */
.mes-inner-hero h1,
.section-hero h1,
[style*="min-height:280px"] h1,
[style*="min-height:300px"] h1 {
    color: #fff !important;
    text-shadow: 0 2px 12px rgba(0,0,0,0.75), 0 1px 3px rgba(0,0,0,0.9) !important;
    background: transparent !important;
}
.mes-inner-hero p,
.section-hero p,
[style*="min-height:280px"] p {
    color: rgba(255,255,255,0.97) !important;
    text-shadow: 0 1px 6px rgba(0,0,0,0.7) !important;
    background: transparent !important;
}
.mes-video-hero h1,
.mes-video-hero .video-content h1 {
    text-shadow: 0 2px 16px rgba(0,0,0,0.6) !important;
}

/* ── MOBILE ───────────────────────────────────────────────────── */
@media (max-width: 991px) {
    .mes-inner-hero,
    .section-hero,
    [style*="min-height:280px"][style*="display:flex"],
    [style*="min-height:300px"][style*="display:flex"] { min-height: 380px !important; }
    .mes-inner-hero .container { padding-top: 60px !important; padding-bottom: 60px !important; }
}
@media (max-width: 576px) {
    .mes-inner-hero, .section-hero { min-height: 300px !important; }
}