/*
 * ==========================================================
 * RIC HOMEPAGE J.15.6.2
 *
 * Exact suppression of legacy Stage-J hero content
 * when a J15 Admin Homepage Feature is active.
 *
 * <=1180px only.
 * Desktop is untouched.
 * ==========================================================
 */

@media (max-width: 1180px) {

    /*
     * Body class is added by J15.6.2 JS.
     */
    body.ric-j15-mobile-feature-active
    .ric-j2-hero-copy,

    body.ric-j15-mobile-feature-active
    .ric-j-hero-static,

    body.ric-j15-mobile-feature-active
    .ric-j-original-hero-copy,

    body.ric-j15-mobile-feature-active
    .ric-j-generation,

    body.ric-j15-mobile-feature-active
    .ric-j-knowledge-panel,

    body.ric-j15-mobile-feature-active
    .ric-hero-copy,

    body.ric-j15-mobile-feature-active
    .ric-quran-card {
        display: none !important;

        visibility: hidden !important;

        height: 0 !important;
        min-height: 0 !important;
        max-height: 0 !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        pointer-events: none !important;
    }


    /*
     * Extra protection for every child of the old J2 copy.
     */
    body.ric-j15-mobile-feature-active
    .ric-j2-kicker,

    body.ric-j15-mobile-feature-active
    .ric-j2-title,

    body.ric-j15-mobile-feature-active
    .ric-j2-lead,

    body.ric-j15-mobile-feature-active
    .ric-j2-description {

        display: none !important;

        visibility: hidden !important;
    }


    /*
     * Do NOT hide .ric-j2-actions globally.
     *
     * J15 uses that wrapper for the ADMIN buttons.
     */
    body.ric-j15-mobile-feature-active
    .ric-j15-actions-managed {

        display: grid !important;

        visibility: visible !important;

        height: auto !important;
        max-height: none !important;

        pointer-events: auto !important;
    }


    /*
     * Keep J15 feature shell above everything else.
     */
    body.ric-j15-mobile-feature-active
    .ric-j15-promo-shell,

    body.ric-j15-mobile-feature-active
    .ric-j15-promo,

    body.ric-j15-mobile-feature-active
    .ric-j15-feature {

        position: relative !important;

        z-index: 50 !important;

        visibility: visible !important;

        opacity: 1 !important;
    }

}


/*
 * Desktop safety.
 */
@media (min-width: 1181px) {

    body.ric-j15-mobile-feature-active {
        --ric-j1562-desktop:
            untouched;
    }

}