/* ========================================================= REALDEEN CATEGORY QUESTIONS — HEADER V2 ========================================================= */ @media (min-width:1025px) { /* Main shared header box */ #seo-category-h1 + .question_list_page #qgj-widget { min-height: 82px !important; padding: 20px 26px !important; display: flex !important; align-items: center !important; box-sizing: border-box !important; background: linear-gradient( 135deg, rgba(27,52,60,.97), rgba(17,34,41,.99) ) !important; border: 1px solid rgba(105,201,208,.20) !important; border-radius: 15px !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.025), 0 10px 28px rgba(0,0,0,.10) !important; } /* One horizontal row */ #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_header__YzSYn { width: 100% !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; display: flex !important; align-items: center !important; justify-content: space-between !important; gap: 28px !important; text-align: left !important; background: transparent !important; border: 0 !important; } /* Category title — LEFT */ #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY { flex: 1 1 auto !important; min-width: 0 !important; margin: 0 !important; padding: 0 !important; color: #69c9d0 !important; font-size: 24px !important; font-weight: 720 !important; line-height: 1.2 !important; text-align: left !important; } /* Remove duplicated second title line */ #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY br, #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY span { display: none !important; } /* Back button — RIGHT */ #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2 { flex: 0 0 auto !important; height: 42px !important; padding: 0 16px !important; display: inline-flex !important; align-items: center !important; justify-content: center !important; gap: 8px !important; box-sizing: border-box !important; color: rgba(241,248,249,.92) !important; background: rgba(255,255,255,.025) !important; border: 1px solid rgba(120,181,190,.24) !important; border-radius: 10px !important; text-decoration: none !important; font-size: 13px !important; font-weight: 650 !important; white-space: nowrap !important; transition: background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease !important; } #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2:hover { color: #ffffff !important; background: rgba(105,201,208,.09) !important; border-color: rgba(105,201,208,.38) !important; transform: translateY(-1px) !important; } #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2 > span:first-child { color: #69c9d0 !important; font-size: 17px !important; } } /* ========================================================= rd-category-back-create-style-v3 Match global Create Account visual language ========================================================= */ @media (min-width:1025px) { #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2 { min-height: 42px !important; padding: 0 16px !important; color: #07373c !important; background: linear-gradient( 145deg, #80dce1, #55b9c0 ) !important; border: 1px solid rgba(150,230,234,.34) !important; border-radius: 11px !important; box-shadow: 0 7px 18px rgba(45,150,158,.16), inset 0 1px 0 rgba(255,255,255,.24) !important; font-weight: 700 !important; text-decoration: none !important; transition: transform .18s ease, background .18s ease, box-shadow .18s ease, border-color .18s ease !important; } #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2 > span:first-child { color: #07373c !important; } #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2:hover { color: #062f34 !important; background: linear-gradient( 145deg, #8ae5e9, #62c5cb ) !important; border-color: rgba(170,239,242,.52) !important; box-shadow: 0 10px 24px rgba(46,159,167,.23), inset 0 1px 0 rgba(255,255,255,.30) !important; transform: translateY(-1px) !important; } #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2:hover > span:first-child { color: #062f34 !important; } } /* ========================================================= rd-category-back-force-v4 Guaranteed hover for Back to question categories ========================================================= */ .rd-category-header-back-v2:hover { filter: brightness(1.09) !important; transform: translateY(-1px) !important; box-shadow: 0 10px 24px rgba(46,159,167,.26), inset 0 1px 0 rgba(255,255,255,.32) !important; } .rd-category-header-back-v2:hover span { color: #062f34 !important; } .rd-category-header-back-v2:active { transform: translateY(0) !important; filter: brightness(1.02) !important; } /* ========================================================= rd-category-heading-create-style-v5 Entire category heading panel now carries the Create Account teal visual language. ========================================================= */ @media (min-width:1025px) { #seo-category-h1 + .question_list_page #qgj-widget { background: linear-gradient( 145deg, #80dce1, #55b9c0 ) !important; border: 1px solid rgba(171, 237, 241, .52) !important; box-shadow: 0 10px 28px rgba(47, 153, 161, .18), inset 0 1px 0 rgba(255,255,255,.30) !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } #seo-category-h1 + .question_list_page #qgj-widget:hover { background: linear-gradient( 145deg, #8ae5e9, #62c5cb ) !important; border-color: rgba(190, 243, 246, .70) !important; box-shadow: 0 14px 34px rgba(48, 160, 168, .25), inset 0 1px 0 rgba(255,255,255,.34) !important; transform: translateY(-1px) !important; } /* Category title */ #seo-category-h1 + .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY { color: #07373c !important; } /* Back link */ #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2 { color: #07373c !important; background: transparent !important; border: 0 !important; box-shadow: none !important; font-weight: 700 !important; } #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2 > span { color: #07373c !important; } #seo-category-h1 + .question_list_page #qgj-widget .rd-category-header-back-v2:hover { color: #052b2f !important; background: transparent !important; border: 0 !important; box-shadow: none !important; transform: none !important; text-decoration: underline !important; text-underline-offset: 4px !important; } } /* ========================================================= rd-category-heading-force-teal-v6 Direct live target ========================================================= */ @media (min-width:1025px) { .question_list_page #qgj-widget { background: linear-gradient( 145deg, #80dce1 0%, #69ccd2 48%, #55b9c0 100% ) !important; border: 1px solid rgba(190, 241, 244, .58) !important; box-shadow: 0 10px 28px rgba(47, 153, 161, .20), inset 0 1px 0 rgba(255,255,255,.34) !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease, filter .18s ease !important; } .question_list_page #qgj-widget:hover { background: linear-gradient( 145deg, #8ce6ea 0%, #73d6db 48%, #61c5cb 100% ) !important; border-color: rgba(210, 248, 250, .78) !important; box-shadow: 0 14px 34px rgba(48, 160, 168, .27), inset 0 1px 0 rgba(255,255,255,.40) !important; transform: translateY(-1px) !important; } /* ABOUT ALLAH / ABOUT DUA ETC */ .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY { color: #07373c !important; text-shadow: none !important; } /* RIGHT BACK LINK */ .question_list_page #qgj-widget .rd-category-header-back-v2 { color: #07373c !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; } .question_list_page #qgj-widget .rd-category-header-back-v2 span { color: #07373c !important; } .question_list_page #qgj-widget .rd-category-header-back-v2:hover { color: #052c30 !important; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; transform: none !important; text-decoration: underline !important; text-underline-offset: 4px !important; } } /* ========================================================= rd-category-create-surface-v7 Specificity intentionally exceeds the global category rule. ========================================================= */ @media (min-width:1025px) { #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 { background: linear-gradient( 145deg, #80dce1 0%, #6dced4 48%, #55b9c0 100% ) !important; border: 1px solid rgba(194,242,245,.66) !important; box-shadow: 0 10px 26px rgba(45,150,158,.22), inset 0 1px 0 rgba(255,255,255,.38) !important; transition: background .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease !important; } #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7:hover { background: linear-gradient( 145deg, #91e8ec 0%, #79d9de 48%, #63c7cd 100% ) !important; border-color: rgba(220,249,250,.86) !important; box-shadow: 0 14px 32px rgba(47,160,168,.28), inset 0 1px 0 rgba(255,255,255,.43) !important; transform: translateY(-1px) !important; } /* TITLE */ #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 .QuranGrowthJourneySection_title__p5KVY { color: #07373c !important; text-shadow: none !important; } /* BACK LINK */ #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 .rd-category-header-back-v2, #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 .rd-category-header-back-v2 span { color: #07373c !important; } #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 .rd-category-header-back-v2:hover { color: #052a2e !important; text-decoration: underline !important; text-underline-offset: 4px !important; } }