/*
 ASEMANEEHA - PHASE 233
 Mobile footer refinement only.
 Desktop is intentionally unchanged.
*/

@media screen and (max-width: 640px) {

    /*
     Keep the original footer and cloud images.
     Allow enough vertical space for the mobile content.
    */

    .asem-home-footer-222 {
        min-height: 690px !important;
        height: auto !important;
        box-sizing: border-box !important;
        padding-bottom: 28px !important;
    }

    /*
     Gradual transition to a light background.
     No replacement image and no hard white border.
    */

    .asem-home-footer-222 > div.w-full.relative {
        background: linear-gradient(
            to bottom,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.18) 12%,
            rgba(255,255,255,0.72) 30%,
            rgba(255,255,255,0.94) 48%,
            rgba(255,255,255,0.98) 100%
        ) !important;

        box-sizing: border-box !important;
        padding: 12px 10px 18px !important;
        border-radius: 16px !important;
    }

    /*
     Footer headings:
     readable dark teal over the light area.
    */

    .asem-home-footer-222 > div.w-full.relative > p {
        color: #095C6D !important;
        text-shadow: none !important;
    }

    /*
     Contact information:
     preserve the existing text and layout.
    */

    .asem-home-footer-222 .martyrFooter {
        color: #173F49 !important;
    }

    .asem-home-footer-222 .martyrFooter p {
        color: #173F49 !important;
        text-shadow: none !important;
        line-height: 1.85 !important;
        overflow-wrap: anywhere;
    }

    /*
     Keep footer logo and social icons unchanged.
    */

    .asem-home-footer-222 img[src*="footerLogo"] {
        max-width: 200px;
        height: auto;
    }
}