/* ========================================================= REALDEEN — CATEGORY QUESTIONS PREMIUM V1 DESKTOP ONLY Unifies category title + question cards with the main RealDeen navy / teal page palette. ========================================================= */ @media (min-width:1180px) { /* ===================================================== CATEGORY TITLE PANEL ===================================================== */ .question_list_page #qgj-widget { background: radial-gradient( circle at 12% 0%, rgba(74, 172, 181, .10), transparent 30% ), linear-gradient( 135deg, rgba(25, 46, 53, .96) 0%, rgba(19, 36, 42, .98) 58%, rgba(17, 31, 37, .99) 100% ) !important; border: 1px solid rgba(102, 192, 199, .17) !important; border-radius: 16px !important; box-shadow: 0 18px 46px rgba(0, 0, 0, .18), inset 0 1px 0 rgba(255,255,255,.025) !important; overflow: hidden !important; } .question_list_page #qgj-widget .QuranGrowthJourneySection_header__YzSYn { background: transparent !important; border: 0 !important; padding: 23px 28px !important; } .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY { margin: 0 !important; color: #58bac2 !important; font-size: 27px !important; font-weight: 700 !important; line-height: 1.35 !important; letter-spacing: -.35px !important; } .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY span { color: rgba(224, 235, 237, .72) !important; font-size: 16px !important; font-weight: 500 !important; line-height: 1.55 !important; } /* ===================================================== QUESTION LIST ===================================================== */ .question_list_page .ChapterAndJuzList_surahLayout__ZZ82j { display: flex !important; flex-direction: column !important; gap: 13px !important; } .question_list_page .ChapterAndJuzList_chapterContainer__uVZ3E { margin: 0 !important; padding: 0 !important; background: transparent !important; border: 0 !important; } /* ===================================================== QUESTION CARD ===================================================== */ .question_list_page .SurahPreviewRow_container__3ZfRV { min-height: 92px !important; display: flex !important; align-items: center !important; padding: 17px 22px !important; background: radial-gradient( circle at 0% 50%, rgba(67, 160, 169, .055), transparent 25% ), linear-gradient( 135deg, rgba(22, 40, 47, .96) 0%, rgba(18, 33, 39, .98) 100% ) !important; border: 1px solid rgba(103, 187, 194, .15) !important; border-radius: 14px !important; box-shadow: 0 8px 24px rgba(0, 0, 0, .10), inset 0 1px 0 rgba(255,255,255,.02) !important; transition: transform .18s ease, border-color .18s ease, background .18s ease, box-shadow .18s ease !important; } .question_list_page .ChapterAndJuzList_chapterContainer__uVZ3E > a:hover .SurahPreviewRow_container__3ZfRV { transform: translateY(-2px) !important; border-color: rgba(100, 199, 206, .30) !important; background: radial-gradient( circle at 0% 50%, rgba(75, 178, 187, .10), transparent 28% ), linear-gradient( 135deg, rgba(25, 47, 54, .98) 0%, rgba(20, 37, 43, .99) 100% ) !important; box-shadow: 0 12px 30px rgba(0, 0, 0, .15), inset 0 1px 0 rgba(255,255,255,.03) !important; } /* ===================================================== NUMBER DIAMOND ===================================================== */ .question_list_page .SurahPreviewRow_surahNumber__BICjx { background: linear-gradient( 145deg, #314b56, #243a44 ) !important; border: 1px solid rgba(102, 194, 201, .16) !important; box-shadow: 0 5px 14px rgba(0,0,0,.13) !important; } .question_list_page .SurahPreviewRow_surahNumber__BICjx span { color: #f3f8f8 !important; font-weight: 700 !important; } /* ===================================================== QUESTION TYPOGRAPHY ===================================================== */ .question_list_page .SurahPreviewRow_surahName__jrca5 { color: rgba(247, 250, 250, .96) !important; font-size: 18px !important; font-weight: 650 !important; line-height: 1.42 !important; margin-bottom: 6px !important; } .question_list_page .SurahPreviewRow_translatedSurahName__SHzIe { color: rgba(205, 220, 223, .69) !important; font-size: 15px !important; line-height: 1.55 !important; } } /* ========================================================= rd-category-hide-urdu-v2 Desktop category question pages: English only. ========================================================= */ @media (min-width:1180px) { /* Urdu subtitle under category heading */ .question_list_page #qgj-widget .QuranGrowthJourneySection_title__p5KVY span { display: none !important; } /* Urdu text under each question */ .question_list_page .SurahPreviewRow_translatedSurahName__SHzIe { display: none !important; } /* Rebalance question card after Urdu line removal */ .question_list_page .SurahPreviewRow_container__3ZfRV { min-height: 78px !important; } .question_list_page .SurahPreviewRow_surahName__jrca5 { margin-bottom: 0 !important; } } /* ========================================================= rd-category-heading-final-v8 FINAL — loaded from the last category stylesheet ========================================================= */ @media (min-width:1025px) { #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 { background: linear-gradient( 145deg, #80dce1 0%, #6ccdd3 50%, #55b9c0 100% ) !important; border: 1px solid rgba(190,241,244,.65) !important; box-shadow: 0 10px 28px rgba(45,150,158,.20), inset 0 1px 0 rgba(255,255,255,.36) !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 50%, #63c7cd 100% ) !important; border-color: rgba(220,249,250,.84) !important; box-shadow: 0 14px 34px rgba(47,160,168,.27), inset 0 1px 0 rgba(255,255,255,.42) !important; transform: translateY(-1px) !important; } #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 .QuranGrowthJourneySection_title__p5KVY { color: #07373c !important; text-shadow: none !important; } #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; background: transparent !important; border: 0 !important; box-shadow: none !important; filter: none !important; } #seo-category-h1 + .question_list_page #qgj-widget.rd-category-create-surface-v7 .rd-category-header-back-v2:hover { color: #052a2e !important; background: transparent !important; box-shadow: none !important; transform: none !important; text-decoration: underline !important; text-underline-offset: 4px !important; } } /* ========================================================= rd-category-heading-v9-hover ========================================================= */ @media (min-width:1025px) { .rd-category-question-page #qgj-widget.rd-category-create-surface-v7 { transition: filter .18s ease, transform .18s ease, box-shadow .18s ease !important; } .rd-category-question-page #qgj-widget.rd-category-create-surface-v7:hover { filter: brightness(1.08) saturate(1.04) !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; } } /* Category Back link — underline text only */ .rd-category-header-back-v2:hover { text-decoration: none !important; } .rd-category-header-back-v2 > span:first-child, .rd-category-header-back-v2:hover > span:first-child { text-decoration: none !important; } .rd-category-header-back-v2:hover > span:last-child { text-decoration: underline !important; text-underline-offset: 4px !important; }