/*
===========================================================
MAURADIAN R11-R11
FINAL ACTUAL-PAGE CORRECTIONS
===========================================================

1. Storm hero image substantially brighter.
2. Preserve existing Home-style header geometry.
3. Keep only preferred lower/footer presentation.
4. Social network group moves into preferred footer.

NO MAP / ROUTE / CITY / VIDEO CHANGES.
*/


/* --------------------------------------------------------
   SERVICE AREA HERO
   The JS controller marks the real hero with this class.
   -------------------------------------------------------- */

.mg-r11-r11-service-hero {
    isolation: isolate;
}


/*
Reduce darkening from the existing hero pseudo overlays.
The image remains readable behind the white/gold title,
but approximately twice as much photograph should show.
*/

body .mg-r11-r11-service-hero::before,
body .mg-r11-r11-service-hero::after {
    opacity: .22 !important;
}


/*
Catch common actual overlay children without affecting
the header/nav/content outside the identified hero.
*/

.mg-r11-r11-service-hero > .overlay,
.mg-r11-r11-service-hero > .hero-overlay,
.mg-r11-r11-service-hero > [class*="overlay"] {
    background-color: rgba(0,0,0,.20) !important;
    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.14) 0%,
            rgba(0,0,0,.22) 55%,
            rgba(0,0,0,.30) 100%
        ) !important;
}


/* Do NOT dim the hero image itself. */

.mg-r11-r11-service-hero img {
    opacity: 1 !important;
    filter:
        brightness(1.16)
        contrast(1.02)
        saturate(1.04) !important;
}


/* --------------------------------------------------------
   FINAL PREFERRED FOOTER
   -------------------------------------------------------- */

.mg-r11-r11-preferred-footer {
    position: relative;
    width: 100%;
    margin: 0 !important;
}


/*
Socials become part of this footer instead of the
duplicate compact footer above it.
*/

.mg-r11-r11-footer-socials {
    display: flex !important;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 11px;

    margin: 20px auto 4px;
    text-align: center;
}


.mg-r11-r11-footer-socials .mg-follow-label,
.mg-r11-r11-footer-socials strong {
    margin-right: 7px;

    color: #fff;

    font-size: 12px;
    font-weight: 800;

    letter-spacing: .08em;
    text-transform: uppercase;
}


.mg-r11-r11-footer-socials a,
.mg-r11-r11-footer-socials .mg-social-circle,
.mg-r11-r11-footer-socials [class*="social"] {
    text-decoration: none;
}


/* Center the preferred footer composition. */

.mg-r11-r11-preferred-footer,
.mg-r11-r11-preferred-footer * {
    box-sizing: border-box;
}

.mg-r11-r11-preferred-footer nav {
    justify-content: center;
}


/* --------------------------------------------------------
   BENEFIT PANELS
   Keep approved appearance; only reinforce click behavior.
   -------------------------------------------------------- */

.mg-r11-r11-benefit-link {
    cursor: pointer;
}

.mg-r11-r11-benefit-link:focus-visible {
    outline: 2px solid #f7b900;
    outline-offset: -3px;
}