/* =========================================================
   REALDEEN QUESTION DETAIL HEADING V4
   Same premium teal surface as category heading
   ========================================================= */

@media (min-width:1025px) {


    /* =====================================================
       WHOLE PANEL
       ===================================================== */

    .question_detail_page
    #rd-question-heading-v4 {

        padding:
            30px 34px !important;

        background:
            linear-gradient(
                145deg,
                #80dce1 0%,
                #6dced4 50%,
                #55b9c0 100%
            ) !important;

        border:
            1px solid rgba(190,241,244,.66) !important;

        border-radius:
            16px !important;

        box-shadow:
            0 10px 28px rgba(45,150,158,.20),
            inset 0 1px 0 rgba(255,255,255,.36)
            !important;

        box-sizing:
            border-box !important;

        transition:
            filter .18s ease,
            transform .18s ease,
            box-shadow .18s ease
            !important;
    }


    .question_detail_page
    #rd-question-heading-v4:hover {

        filter:
            brightness(1.07) saturate(1.03) !important;

        transform:
            translateY(-1px) !important;

        box-shadow:
            0 14px 34px rgba(47,160,168,.27),
            inset 0 1px 0 rgba(255,255,255,.42)
            !important;
    }



    /* =====================================================
       REMOVE OLD INNER DARK BACKGROUNDS
       ===================================================== */

    .question_detail_page
    #rd-question-heading-v4
    .QuranGrowthJourneySection_header__YzSYn {

        margin:
            0 !important;

        padding:
            0 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;
    }



    /* =====================================================
       TOP ROW
       ===================================================== */

    .question_detail_page
    #rd-question-heading-v4
    .rd-question-heading-top-v4 {

        width:
            100% !important;

        display:
            grid !important;

        grid-template-columns:
            minmax(0,1fr) auto !important;

        align-items:
            center !important;

        column-gap:
            30px !important;

        margin:
            0 0 14px !important;
    }



    /* =====================================================
       SMALL LABEL
       ===================================================== */

    .question_detail_page
    #rd-question-heading-v4
    .question_cat_heading {

        margin:
            0 !important;

        color:
            #285861 !important;

        font-size:
            13px !important;

        font-weight:
            700 !important;

        line-height:
            1.2 !important;
    }



    /* =====================================================
       CATEGORY NAME
       ===================================================== */

    .question_detail_page
    #rd-question-heading-v4
    .question_cat_name {

        margin:
            0 0 14px !important;

        color:
            #123d45 !important;

        font-size:
            24px !important;

        font-weight:
            750 !important;

        line-height:
            1.25 !important;
    }


    .question_detail_page
    #rd-question-heading-v4
    .question_cat_name span {

        display:
            none !important;
    }



    /* =====================================================
       QUESTION TEXT
       ===================================================== */

    .question_detail_page
    #rd-question-heading-v4
    .question_name {

        margin:
            0 !important;

        max-width:
            1150px !important;

        color:
            #173f47 !important;

        font-size:
            17px !important;

        font-weight:
            650 !important;

        line-height:
            1.5 !important;
    }


    .question_detail_page
    #rd-question-heading-v4
    .question_name_roman {

        display:
            none !important;
    }



    /* =====================================================
       BACK LINK
       ===================================================== */

    .question_detail_page
    #rd-question-heading-v4
    .rd-question-heading-back-v4 {

        justify-self:
            end !important;

        display:
            inline-flex !important;

        align-items:
            center !important;

        gap:
            7px !important;

        margin:
            0 !important;

        padding:
            0 !important;

        color:
            #285861 !important;

        background:
            transparent !important;

        border:
            0 !important;

        box-shadow:
            none !important;

        font-size:
            13px !important;

        font-weight:
            650 !important;

        white-space:
            nowrap !important;

        text-decoration:
            none !important;
    }


    .question_detail_page
    #rd-question-heading-v4
    .rd-question-heading-back-v4:hover {

        color:
            #123d45 !important;

        text-decoration:
            underline !important;

        text-underline-offset:
            4px !important;
    }

}


/* Back link hover — underline text only, never arrow */

.question_detail_page
#rd-question-heading-v4
.rd-question-heading-back-v4:hover {

    text-decoration:
        none !important;
}


.question_detail_page
#rd-question-heading-v4
.rd-question-heading-back-v4
> span:first-child {

    text-decoration:
        none !important;
}


.question_detail_page
#rd-question-heading-v4
.rd-question-heading-back-v4:hover
> span:first-child {

    text-decoration:
        none !important;
}


.question_detail_page
#rd-question-heading-v4
.rd-question-heading-back-v4:hover
> span:last-child {

    text-decoration:
        underline !important;

    text-underline-offset:
        4px !important;
}