/* OJOTU OJEMA - NATIONAL ASSEMBLY HERO DESIGN */

.ojema-national-assembly-hero {
    background-image:
        linear-gradient(
            100deg,
            rgba(8, 34, 25, 0.88) 0%,
            rgba(11, 42, 30, 0.76) 48%,
            rgba(9, 32, 25, 0.62) 100%
        ),
        url("assets/images/national-assembly.webp") !important;

    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-color: #102e23 !important;
}

/* Ensure foreground headings remain readable */
.ojema-national-assembly-hero h1,
.ojema-national-assembly-hero h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.25);
}

.ojema-national-assembly-hero p {
    color: #f0f5f1 !important;
}

@media (max-width: 768px) {
    .ojema-national-assembly-hero {
        background-position: center center !important;
    }
}

/* HOMEPAGE HANDSHAKE HERO IMAGE */
#home.ojema-national-assembly-hero {
    background-image:
        linear-gradient(90deg, rgba(3, 24, 16, 0.88) 0%, rgba(3, 24, 16, 0.58) 48%, rgba(3, 24, 16, 0.18) 100%),
        url("assets/images/homepage-hero.webp");
    background-size: cover;
    background-position: center 38%;
    background-repeat: no-repeat;
}
@media (max-width: 760px) {
    #home.ojema-national-assembly-hero {
        background-position: 58% center;
    }
}
/* END HOMEPAGE HANDSHAKE HERO IMAGE */


/* FINAL HOMEPAGE HERO IMAGE OVERRIDE */
html body #home.hero.ojema-national-assembly-hero {
    background-image:
        linear-gradient(
            90deg,
            rgba(3, 24, 16, 0.78) 0%,
            rgba(3, 24, 16, 0.48) 48%,
            rgba(3, 24, 16, 0.12) 100%
        ),
        url("assets/images/homepage-hero.webp") !important;
    background-size: cover !important;
    background-position: center 38% !important;
    background-repeat: no-repeat !important;
}
/* END FINAL HOMEPAGE HERO IMAGE OVERRIDE */


/* MOBILE HANDSHAKE IMAGE FRAMING */
@media screen and (max-width: 600px) {
    html body #home.hero.ojema-national-assembly-hero {
        background-color: #09271e !important;
        background-image:
            linear-gradient(
                180deg,
                rgba(3, 24, 16, 0.18) 0%,
                rgba(3, 24, 16, 0.40) 42%,
                #09271e 76%
            ),
            url("assets/images/homepage-hero.webp") !important;
        background-size: 100% 100%, 100% auto !important;
        background-position: center, center top !important;
        background-repeat: no-repeat !important;
    }
}
/* END MOBILE HANDSHAKE IMAGE FRAMING */