:root {
            --quran-control-green: #08705d;
            --quran-control-green-dark: #075f50;
            --quran-control-border: rgba(0, 103, 83, .20);
        }

        .quran-global-controls {
            position: relative !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-direction: row !important;
            gap: 7px !important;
            flex: 0 0 auto !important;
            margin: 0 8px !important;
            padding: 0 !important;
            direction: ltr !important;
            visibility: visible !important;
            opacity: 1 !important;
            z-index: 100005 !important;
        }

        .quran-language-picker {
            position: relative !important;
            display: block !important;
            width: 132px !important;
            min-width: 132px !important;
            direction: ltr !important;
        }

        .quran-language-trigger {
            width: 132px !important;
            height: 36px !important;
            min-height: 36px !important;
            margin: 0 !important;
            padding: 0 10px !important;
            border: 1px solid var(--quran-control-border) !important;
            border-radius: 18px !important;
            background: #ffffff !important;
            color: var(--quran-control-green) !important;
            display: flex !important;
            align-items: center !important;
            justify-content: flex-start !important;
            gap: 7px !important;
            font-family: Arial, Tahoma, sans-serif !important;
            font-size: 13px !important;
            font-weight: 700 !important;
            line-height: 1 !important;
            cursor: pointer !important;
            box-shadow: 0 4px 10px rgba(8, 112, 93, .14) !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
            direction: ltr !important;
        }

        .quran-language-trigger:hover,
        .quran-language-trigger[aria-expanded="true"] {
            border-color: var(--quran-control-green) !important;
            box-shadow: 0 5px 13px rgba(8, 112, 93, .20) !important;
        }

        .quran-selected-flag {
            flex: 0 0 auto !important;
            font-size: 18px !important;
            line-height: 1 !important;
        }

        .quran-selected-name {
            flex: 1 1 auto !important;
            min-width: 0 !important;
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            white-space: nowrap !important;
            text-align: left !important;
            unicode-bidi: plaintext !important;
        }

        .quran-language-arrow {
            flex: 0 0 auto !important;
            font-size: 10px !important;
            transition: transform .18s ease !important;
        }

        .quran-language-trigger[aria-expanded="true"] .quran-language-arrow {
            transform: rotate(180deg) !important;
        }

        .quran-language-menu {
            position: absolute !important;
            top: calc(100% + 10px) !important;
            right: 0 !important;
            width: 232px !important;
            max-height: min(430px, 70vh) !important;
            margin: 0 !important;
            padding: 8px !important;
            border: 1px solid rgba(8, 112, 93, .16) !important;
            border-radius: 14px !important;
            background: #ffffff !important;
            box-shadow: 0 16px 38px rgba(15, 55, 44, .20) !important;
            overflow-y: auto !important;
            z-index: 100010 !important;
            direction: ltr !important;
        }

        .quran-language-menu[hidden] {
            display: none !important;
        }

        .quran-language-option {
            width: 100% !important;
            min-height: 42px !important;
            margin: 0 !important;
            padding: 7px 9px !important;
            border: 0 !important;
            border-radius: 9px !important;
            background: transparent !important;
            color: #11352c !important;
            display: flex !important;
            align-items: center !important;
            gap: 10px !important;
            font-family: Arial, Tahoma, sans-serif !important;
            font-size: 14px !important;
            font-weight: 600 !important;
            cursor: pointer !important;
            text-align: left !important;
            direction: ltr !important;
            flex-direction: row !important;
            appearance: none !important;
            -webkit-appearance: none !important;
        }

        .quran-language-option:hover,
        .quran-language-option.is-active {
            background: #edf7f3 !important;
            color: var(--quran-control-green) !important;
        }

        .quran-option-flag {
            order: 1 !important;
            flex: 0 0 25px !important;
            font-size: 19px !important;
            line-height: 1 !important;
            text-align: center !important;
        }

        .quran-option-name {
            order: 2 !important;
            flex: 1 1 auto !important;
            min-width: 0 !important;
            unicode-bidi: plaintext !important;
        }

        .quran-option-check {
            order: 3 !important;
            flex: 0 0 18px !important;
            opacity: 0 !important;
            color: var(--quran-control-green) !important;
            font-weight: 800 !important;
        }

        .quran-language-option.is-active .quran-option-check {
            opacity: 1 !important;
        }

        .quran-theme-toggle {
            position: relative !important;
            width: 44px !important;
            height: 36px !important;
            min-width: 44px !important;
            min-height: 36px !important;
            margin: 0 !important;
            padding: 0 !important;
            border: 1px solid var(--quran-control-border) !important;
            border-radius: 12px !important;
            background: linear-gradient(145deg, #ffffff, #f1faf6) !important;
            color: var(--quran-control-green) !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            cursor: pointer !important;
            box-shadow: 0 4px 10px rgba(8, 112, 93, .14) !important;
            appearance: none !important;
            -webkit-appearance: none !important;
            overflow: hidden !important;
            transition: transform .18s ease, border-color .18s ease, background-color .18s ease, color .18s ease, box-shadow .18s ease !important;
        }

        .quran-theme-toggle:hover {
            transform: translateY(-1px) !important;
            border-color: var(--quran-control-green) !important;
            box-shadow: 0 6px 14px rgba(8, 112, 93, .20) !important;
        }

        .quran-theme-toggle:focus-visible {
            outline: 3px solid rgba(8, 112, 93, .22) !important;
            outline-offset: 2px !important;
        }

        .quran-theme-icon {
            position: absolute !important;
            inset: 0 !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            transition: opacity .2s ease, transform .2s ease !important;
            pointer-events: none !important;
        }

        .quran-theme-icon svg {
            width: 19px !important;
            height: 19px !important;
            display: block !important;
        }

        .quran-theme-icon-sun {
            opacity: 0 !important;
            transform: rotate(-30deg) scale(.72) !important;
        }

        .quran-theme-icon-moon {
            opacity: 1 !important;
            transform: rotate(0) scale(1) !important;
        }

        html.quran-dark-mode .quran-theme-icon-sun {
            opacity: 1 !important;
            transform: rotate(0) scale(1) !important;
        }

        html.quran-dark-mode .quran-theme-icon-moon {
            opacity: 0 !important;
            transform: rotate(30deg) scale(.72) !important;
        }

        /* الوضع الليلي العام */
        html.quran-dark-mode,
        html.quran-dark-mode body {
            background: #071611 !important;
            color: #eaf5f0 !important;
            color-scheme: dark;
        }

        html.quran-dark-mode body,
        html.quran-dark-mode #page,
        html.quran-dark-mode .site,
        html.quran-dark-mode #content,
        html.quran-dark-mode .site-content,
        html.quran-dark-mode main,
        html.quran-dark-mode #primary {
            background-color: #071611 !important;
            color: #eaf5f0 !important;
        }

        html.quran-dark-mode header,
        html.quran-dark-mode .site-header,
        html.quran-dark-mode #masthead,
        html.quran-dark-mode .header-container,
        html.quran-dark-mode footer,
        html.quran-dark-mode .site-footer {
            background: #0b211a !important;
            color: #eaf5f0 !important;
            border-color: rgba(255,255,255,.10) !important;
        }

        html.quran-dark-mode section,
        html.quran-dark-mode article,
        html.quran-dark-mode aside,
        html.quran-dark-mode .card,
        html.quran-dark-mode [class*="card"],
        html.quran-dark-mode [class*="box"],
        html.quran-dark-mode [class*="panel"],
        html.quran-dark-mode [class*="wrapper"],
        html.quran-dark-mode [class*="container"] {
            border-color: rgba(255,255,255,.12) !important;
        }

        html.quran-dark-mode input,
        html.quran-dark-mode select,
        html.quran-dark-mode textarea {
            background: #102b22 !important;
            color: #f3faf7 !important;
            border-color: rgba(255,255,255,.16) !important;
        }

        html.quran-dark-mode input::placeholder,
        html.quran-dark-mode textarea::placeholder {
            color: #a9beb6 !important;
        }

        html.quran-dark-mode a:not(.quran-language-trigger):not(.quran-theme-toggle) {
            color: #dff5ec;
        }

        html.quran-dark-mode .nav-menu,
        html.quran-dark-mode .sub-menu,
        html.quran-dark-mode .dropdown-menu,
        html.quran-dark-mode .children {
            background: #0b211a !important;
            border-color: rgba(255,255,255,.12) !important;
        }

        html.quran-dark-mode .quran-language-trigger,
        html.quran-dark-mode .quran-theme-toggle {
            background: linear-gradient(145deg, #12362b, #0b241d) !important;
            color: #f6fffb !important;
            border-color: rgba(255,255,255,.22) !important;
            box-shadow: 0 6px 16px rgba(0, 0, 0, .28) !important;
        }

        html.quran-dark-mode .quran-language-trigger:hover,
        html.quran-dark-mode .quran-theme-toggle:hover {
            background: #12362b !important;
            color: #ffffff !important;
        }

        html.quran-dark-mode .quran-language-menu {
            background: #0a241d !important;
            border-color: rgba(255,255,255,.16) !important;
            box-shadow: 0 16px 38px rgba(0, 0, 0, .42) !important;
        }

        html.quran-dark-mode .quran-language-option {
            color: #f4fffb !important;
        }

        html.quran-dark-mode .quran-option-name,
        html.quran-dark-mode .quran-option-flag,
        html.quran-dark-mode .quran-option-check,
        html.quran-dark-mode .quran-selected-name,
        html.quran-dark-mode .quran-selected-flag,
        html.quran-dark-mode .quran-language-arrow {
            color: inherit !important;
        }

        html.quran-dark-mode .quran-language-option:hover,
        html.quran-dark-mode .quran-language-option.is-active {
            background: #174438 !important;
            color: #ffffff !important;
        }

        html.quran-dark-mode .quran-language-option.is-active .quran-option-check {
            color: #8ff0d1 !important;
            opacity: 1 !important;
        }

        html.quran-dark-mode .site-branding a,
        html.quran-dark-mode .site-title,
        html.quran-dark-mode .logo-link,
        html.quran-dark-mode #primary-menu a,
        html.quran-dark-mode .nav-menu a,
        html.quran-dark-mode .main-navigation a,
        html.quran-dark-mode .sub-menu a,
        html.quran-dark-mode .dropdown-menu a,
        html.quran-dark-mode .children a,
        html.quran-dark-mode .header-actions a,
        html.quran-dark-mode .btn-listen-now,
        html.quran-dark-mode .btn-header-search,
        html.quran-dark-mode .btn-header-search svg,
        html.quran-dark-mode .menu-toggle,
        html.quran-dark-mode .menu-toggle svg,
        html.quran-dark-mode .menu-close,
        html.quran-dark-mode .menu-close svg {
            color: #f4fffb !important;
            fill: currentColor !important;
            stroke: currentColor !important;
        }

        html.quran-dark-mode #primary-menu a:hover,
        html.quran-dark-mode .nav-menu a:hover,
        html.quran-dark-mode .main-navigation a:hover,
        html.quran-dark-mode .sub-menu a:hover,
        html.quran-dark-mode .dropdown-menu a:hover,
        html.quran-dark-mode .children a:hover,
        html.quran-dark-mode #primary-menu a.manual-active,
        html.quran-dark-mode .nav-menu a.manual-active,
        html.quran-dark-mode .current-menu-item > a,
        html.quran-dark-mode .current_page_item > a,
        html.quran-dark-mode .current-menu-ancestor > a,
        html.quran-dark-mode .current-page-ancestor > a {
            color: #8ff0d1 !important;
        }

        html.quran-dark-mode .btn-listen-now {
            background: rgba(255,255,255,.08) !important;
            border-color: rgba(255,255,255,.18) !important;
        }

        html.quran-dark-mode .btn-listen-now:hover {
            background: rgba(255,255,255,.13) !important;
        }

        .menu-toggle svg path,
        .menu-close svg path,
        .quran-theme-toggle svg path,
        .quran-theme-toggle svg circle,
        .quran-theme-toggle svg line {
            stroke: currentColor !important;
        }

        html.quran-dark-mode .manual-active::before,
        html.quran-dark-mode .nav-menu > li > a.manual-active::before,
        html.quran-dark-mode .current-menu-item > a::before,
        html.quran-dark-mode .current_page_item > a::before {
            background: #8ff0d1 !important;
        }

        /*
         * إصلاح عنصر «القراء / Reciters» النشط داخل القائمة المنسدلة:
         * كان يأخذ خلفية بيضاء مع كتابة فاتحة في الوضع الليلي.
         */
        html.quran-dark-mode .sub-menu .current-menu-item > a,
        html.quran-dark-mode .sub-menu .current_page_item > a,
        html.quran-dark-mode .sub-menu a.manual-active,
        html.quran-dark-mode .dropdown-menu .current-menu-item > a,
        html.quran-dark-mode .dropdown-menu .current_page_item > a,
        html.quran-dark-mode .dropdown-menu a.manual-active,
        html.quran-dark-mode .children .current-menu-item > a,
        html.quran-dark-mode .children .current_page_item > a,
        html.quran-dark-mode .children a.manual-active {
            background: #174438 !important;
            color: #ffffff !important;
            border-color: #2f806a !important;
            box-shadow: inset 0 0 0 1px rgba(143, 240, 209, .20) !important;
        }

        html.quran-dark-mode .sub-menu .current-menu-item > a:hover,
        html.quran-dark-mode .sub-menu .current_page_item > a:hover,
        html.quran-dark-mode .sub-menu a.manual-active:hover,
        html.quran-dark-mode .dropdown-menu .current-menu-item > a:hover,
        html.quran-dark-mode .dropdown-menu .current_page_item > a:hover,
        html.quran-dark-mode .dropdown-menu a.manual-active:hover,
        html.quran-dark-mode .children .current-menu-item > a:hover,
        html.quran-dark-mode .children .current_page_item > a:hover,
        html.quran-dark-mode .children a.manual-active:hover {
            background: #1d5646 !important;
            color: #ffffff !important;
        }

        html.quran-dark-mode .sub-menu .current-menu-item > a::before,
        html.quran-dark-mode .sub-menu .current_page_item > a::before,
        html.quran-dark-mode .sub-menu a.manual-active::before,
        html.quran-dark-mode .dropdown-menu .current-menu-item > a::before,
        html.quran-dark-mode .dropdown-menu .current_page_item > a::before,
        html.quran-dark-mode .dropdown-menu a.manual-active::before,
        html.quran-dark-mode .children .current-menu-item > a::before,
        html.quran-dark-mode .children .current_page_item > a::before,
        html.quran-dark-mode .children a.manual-active::before {
            color: #8ff0d1 !important;
            background-color: #8ff0d1 !important;
            border-color: #8ff0d1 !important;
        }

        /*
         * إصلاح نهائي لعنصر القراء النشط.
         * نستخدم كلاس يضاف بالـ JavaScript لأن القالب لا يستعمل
         * دائمًا نفس كلاسات WordPress للعنصر النشط.
         */
        html.quran-dark-mode #masthead #primary-menu li.quran-reciter-active,
        html.quran-dark-mode #masthead .nav-menu li.quran-reciter-active {
            background: transparent !important;
            background-color: transparent !important;
        }

        html.quran-dark-mode #masthead #primary-menu li.quran-reciter-active > a,
        html.quran-dark-mode #masthead .nav-menu li.quran-reciter-active > a {
            background: #174438 !important;
            background-color: #174438 !important;
            background-image: none !important;
            color: #ffffff !important;
            border-color: #2f806a !important;
            box-shadow: inset 0 0 0 1px rgba(143, 240, 209, .24) !important;
            opacity: 1 !important;
            text-shadow: none !important;
        }

        html.quran-dark-mode #masthead #primary-menu li.quran-reciter-active > a *,
        html.quran-dark-mode #masthead .nav-menu li.quran-reciter-active > a * {
            color: #ffffff !important;
            opacity: 1 !important;
        }

        html.quran-dark-mode #masthead #primary-menu li.quran-reciter-active > a::before,
        html.quran-dark-mode #masthead #primary-menu li.quran-reciter-active > a::after,
        html.quran-dark-mode #masthead .nav-menu li.quran-reciter-active > a::before,
        html.quran-dark-mode #masthead .nav-menu li.quran-reciter-active > a::after {
            color: #8ff0d1 !important;
            border-color: #8ff0d1 !important;
        }

        html.quran-dark-mode #masthead #primary-menu li.quran-reciter-active > a:hover,
        html.quran-dark-mode #masthead .nav-menu li.quran-reciter-active > a:hover {
            background: #1d5646 !important;
            background-color: #1d5646 !important;
            color: #ffffff !important;
        }

        html.quran-dark-mode .custom-logo,
        html.quran-dark-mode img {
            opacity: .96;
        }

        /* تثبيت الهيدر والقائمة في المكان نفسه بكل اللغات */
        .site-header,
        #masthead {
            direction: rtl !important;
            overflow: visible !important;
            height: auto !important;
            min-height: 70px !important;
            display: flex !important;
            flex-direction: column !important;
            align-items: stretch !important;
        }

        .header-container {
            direction: rtl !important;
            overflow: visible !important;
            height: auto !important;
            min-height: 70px !important;
        }

        /*
         * منع كلمات القائمة الرئيسية من النزول تحت بعضها.
         * كل عنصر يأخذ عرضه الطبيعي ويبقى في سطر واحد.
         */
        #site-navigation,
        .main-navigation {
            min-width: 0 !important;
        }

        #primary-menu,
        .nav-menu {
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex-wrap: nowrap !important;
            gap: 17px !important;
            width: 100% !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #primary-menu > li,
        .nav-menu > li {
            flex: 0 0 auto !important;
            width: auto !important;
            min-width: 0 !important;
            max-width: none !important;
            margin: 0 !important;
            padding: 0 !important;
        }

        #primary-menu > li > a,
        .nav-menu > li > a {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            width: auto !important;
            min-width: max-content !important;
            max-width: none !important;
            padding: 17px 0 15px !important;
            white-space: nowrap !important;
            word-break: keep-all !important;
            overflow-wrap: normal !important;
            line-height: 1.15 !important;
            font-size: 16px !important;
            letter-spacing: 0 !important;
        }

        /* القوائم الفرعية تبقى عمودية كالمعتاد */
        #primary-menu .sub-menu,
        .nav-menu .sub-menu,
        #primary-menu .dropdown-menu,
        .nav-menu .dropdown-menu,
        #primary-menu .children,
        .nav-menu .children {
            display: block !important;
        }

        #primary-menu .sub-menu li,
        .nav-menu .sub-menu li,
        #primary-menu .dropdown-menu li,
        .nav-menu .dropdown-menu li,
        #primary-menu .children li,
        .nav-menu .children li {
            width: 100% !important;
        }

        #primary-menu .sub-menu a,
        .nav-menu .sub-menu a,
        #primary-menu .dropdown-menu a,
        .nav-menu .dropdown-menu a,
        #primary-menu .children a,
        .nav-menu .children a {
            white-space: nowrap !important;
        }

        #site-navigation,
        .main-navigation,
        #primary-menu,
        .nav-menu {
            direction: rtl !important;
        }

        #primary-menu a,
        .nav-menu a,
        .header-actions a {
            unicode-bidi: plaintext !important;
        }

        html.quran-content-ltr #primary-menu a,
        html.quran-content-ltr .nav-menu a,
        html.quran-content-ltr .header-actions a {
            direction: ltr !important;
        }

        html.quran-content-rtl #primary-menu a,
        html.quran-content-rtl .nav-menu a,
        html.quran-content-rtl .header-actions a {
            direction: rtl !important;
        }

        html.quran-content-ltr body:not(.quran-translation-protected) main,
        html.quran-content-ltr body:not(.quran-translation-protected) #primary,
        html.quran-content-ltr body:not(.quran-translation-protected) .site-content {
            direction: ltr !important;
            text-align: left;
        }

        html.quran-content-rtl body:not(.quran-translation-protected) main,
        html.quran-content-rtl body:not(.quran-translation-protected) #primary,
        html.quran-content-rtl body:not(.quran-translation-protected) .site-content {
            direction: rtl !important;
            text-align: right;
        }

        /* الأذكار والمصحف الرقمي يبقيان عربيين دائمًا */
        body.quran-translation-protected,
        body.quran-translation-protected main,
        body.quran-translation-protected #primary,
        body.quran-translation-protected .site-content {
            direction: rtl !important;
            text-align: right !important;
        }

        body.quran-translation-protected .quran-global-controls,
        body.quran-translation-protected .site-header,
        body.quran-translation-protected #masthead {
            text-align: initial;
        }

        /*
         * عرض ثابت يمنع تحرك القائمة بسبب اختلاف طول اسم اللغة
         * أو اختلاف نص المكتبة الشخصية.
         */
        @media (min-width: 901px) {
            .header-container {
                display: flex !important;
                align-items: center !important;
            }

            .main-navigation {
                flex: 1 1 auto !important;
                min-width: 0 !important;
            }

            .btn-header-search {
                flex: 0 0 42px !important;
                width: 42px !important;
                min-width: 42px !important;
            }

            .quran-global-controls {
                flex: 0 0 184px !important;
                width: 184px !important;
                min-width: 184px !important;
            }

            .header-actions {
                flex: 0 0 auto !important;
                width: auto !important;
                min-width: 168px !important;
                max-width: none !important;
                overflow: visible !important;
            }

            .header-actions .btn-listen-now {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: auto !important;
                min-width: 168px !important;
                max-width: none !important;
                box-sizing: border-box !important;
                padding-inline: 16px !important;
                text-align: center !important;
                white-space: nowrap !important;
                overflow: visible !important;
                text-overflow: clip !important;
                line-height: 1.2 !important;
            }
        }

        @media (max-width: 1250px) and (min-width: 901px) {
            #primary-menu,
            .nav-menu {
                gap: 11px !important;
            }

            #primary-menu > li > a,
            .nav-menu > li > a {
                font-size: 14px !important;
            }

            .quran-global-controls {
                flex-basis: 177px !important;
                width: 177px !important;
                min-width: 177px !important;
            }

            .header-actions {
                flex-basis: auto !important;
                width: auto !important;
                min-width: 158px !important;
            }

            .header-actions .btn-listen-now {
                min-width: 158px !important;
                padding-inline: 13px !important;
                font-size: 14px !important;
            }
        }

        @media (max-width: 1050px) and (min-width: 901px) {
            #primary-menu,
            .nav-menu {
                gap: 8px !important;
            }

            #primary-menu > li > a,
            .nav-menu > li > a {
                font-size: 13px !important;
            }
        }

        @media (max-width: 900px) {
            .quran-global-controls {
                gap: 5px !important;
                margin: 0 5px !important;
            }

            .quran-language-picker,
            .quran-language-trigger {
                width: 48px !important;
                min-width: 48px !important;
            }

            .quran-language-trigger {
                justify-content: center !important;
                padding: 0 7px !important;
            }

            .quran-selected-name,
            .quran-language-arrow {
                display: none !important;
            }

            .quran-language-menu {
                position: fixed !important;
                top: 68px !important;
                right: auto !important;
                left: 12px !important;
                width: min(260px, calc(100vw - 24px)) !important;
                max-height: calc(100dvh - 84px) !important;
            }

            .quran-theme-toggle {
                width: 36px !important;
                height: 32px !important;
                min-width: 36px !important;
                min-height: 32px !important;
                border-radius: 10px !important;
            }

            .quran-theme-icon svg {
                width: 17px !important;
                height: 17px !important;
            }
        }

        @media (max-width: 768px) {
            .quran-global-controls {
                order: 3 !important;
            }
        }

        /* إظهار اسم المكتبة الشخصية كاملًا في الهيدر على الجوال */
        @media (max-width: 900px) {
            .header-actions {
                display: flex !important;
                align-items: center !important;
                justify-content: center !important;
                flex: 0 0 auto !important;
                width: auto !important;
                min-width: 0 !important;
                max-width: none !important;
                overflow: visible !important;
                order: 4 !important;
            }

            .header-actions .btn-listen-now {
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                width: auto !important;
                min-width: max-content !important;
                max-width: none !important;
                padding: 9px 11px !important;
                margin: 0 !important;
                white-space: nowrap !important;
                overflow: visible !important;
                text-overflow: clip !important;
                font-size: 13px !important;
                line-height: 1 !important;
            }
        }

        @media (max-width: 480px) {
            .header-actions .btn-listen-now {
                padding-inline: 9px !important;
                font-size: 12px !important;
            }
        }


        /* قائمة جوال جانبية ثابتة تبدأ من أعلى الشاشة */
        @media (max-width: 900px) {
            #site-navigation.main-navigation {
                position: fixed !important;
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: auto !important;
                width: min(86vw, 360px) !important;
                min-width: 0 !important;
                max-width: 360px !important;
                height: 100dvh !important;
                max-height: 100dvh !important;
                margin: 0 !important;
                padding: 72px 16px calc(34px + env(safe-area-inset-bottom)) !important;
                box-sizing: border-box !important;
                display: block !important;
                overflow-y: auto !important;
                overflow-x: hidden !important;
                -webkit-overflow-scrolling: touch !important;
                overscroll-behavior-y: contain !important;
                touch-action: pan-y !important;
                background: #ffffff !important;
                border-left: 1px solid rgba(8, 112, 93, .12) !important;
                box-shadow: -18px 0 44px rgba(9, 42, 33, .20) !important;
                transform: translate3d(105%, 0, 0) !important;
                visibility: hidden !important;
                opacity: 0 !important;
                pointer-events: none !important;
                transition: transform .24s ease, opacity .2s ease, visibility .24s ease !important;
                z-index: 100040 !important;
            }

            #site-navigation.main-navigation.toggled,
            #site-navigation.main-navigation.is-open,
            #site-navigation.main-navigation.quran-mobile-open {
                transform: translate3d(0, 0, 0) !important;
                visibility: visible !important;
                opacity: 1 !important;
                pointer-events: auto !important;
            }

            #site-navigation .nav-menu,
            #site-navigation #primary-menu {
                display: block !important;
                width: 100% !important;
                height: auto !important;
                max-height: none !important;
                margin: 0 !important;
                padding: 0 0 30px !important;
                overflow: visible !important;
            }

            #site-navigation .nav-menu > li,
            #site-navigation #primary-menu > li {
                display: block !important;
                width: 100% !important;
                margin: 0 !important;
                border-bottom: 1px solid rgba(8, 112, 93, .10) !important;
                opacity: 1 !important;
                transform: none !important;
            }

            #site-navigation.main-navigation.quran-mobile-open .nav-menu > li,
            #site-navigation.main-navigation.toggled .nav-menu > li,
            #site-navigation.main-navigation.is-open .nav-menu > li,
            #site-navigation.main-navigation.quran-mobile-open #primary-menu > li,
            #site-navigation.main-navigation.toggled #primary-menu > li,
            #site-navigation.main-navigation.is-open #primary-menu > li {
                opacity: 1 !important;
                visibility: visible !important;
                transform: none !important;
            }

            #site-navigation .nav-menu > li > a,
            #site-navigation #primary-menu > li > a {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-start !important;
                width: 100% !important;
                min-width: 0 !important;
                padding: 14px 12px !important;
                box-sizing: border-box !important;
                font-size: 15px !important;
                line-height: 1.35 !important;
                white-space: normal !important;
            }

            #site-navigation .sub-menu,
            #site-navigation .dropdown-menu,
            #site-navigation .children {
                position: static !important;
                inset: auto !important;
                width: 100% !important;
                min-width: 0 !important;
                margin: 0 0 7px !important;
                padding: 4px 12px 7px !important;
                box-sizing: border-box !important;
                box-shadow: none !important;
                transform: none !important;
            }

            #site-navigation .sub-menu a,
            #site-navigation .dropdown-menu a,
            #site-navigation .children a {
                display: flex !important;
                width: 100% !important;
                padding: 10px 12px !important;
                box-sizing: border-box !important;
                border-radius: 8px !important;
                white-space: normal !important;
                line-height: 1.35 !important;
            }

            #site-navigation .menu-close {
                position: absolute !important;
                top: max(14px, env(safe-area-inset-top)) !important;
                left: 14px !important;
                right: auto !important;
                width: 40px !important;
                height: 40px !important;
                margin: 0 !important;
                padding: 0 !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                border: 1px solid rgba(8, 112, 93, .16) !important;
                border-radius: 12px !important;
                background: #edf7f3 !important;
                color: #075f50 !important;
                box-shadow: 0 7px 18px rgba(8, 112, 93, .12) !important;
                z-index: 100050 !important;
            }

            .quran-mobile-menu-backdrop {
                position: fixed !important;
                inset: 0 !important;
                margin: 0 !important;
                padding: 0 !important;
                border: 0 !important;
                background: rgba(2, 18, 13, .52) !important;
                opacity: 0 !important;
                visibility: hidden !important;
                pointer-events: none !important;
                transition: opacity .2s ease, visibility .2s ease !important;
                z-index: 100035 !important;
            }

            .quran-mobile-menu-backdrop.is-visible {
                opacity: 1 !important;
                visibility: visible !important;
                pointer-events: auto !important;
            }

            body.quran-mobile-menu-open {
                overflow: hidden !important;
                touch-action: none !important;
            }
        }

        /* توحيد خلفية قائمة الجوال وزر الإغلاق مع الوضع الليلي */
        @media (max-width: 900px) {
            html.quran-dark-mode,
            html.quran-dark-mode body,
            html.quran-dark-mode #page,
            html.quran-dark-mode .site,
            html.quran-dark-mode #content,
            html.quran-dark-mode .site-content {
                background: #071611 !important;
                background-color: #071611 !important;
            }

            html.quran-dark-mode #site-navigation.main-navigation,
            html.quran-dark-mode .main-navigation.toggled,
            html.quran-dark-mode .main-navigation.is-open,
            html.quran-dark-mode .main-navigation.active {
                background: #08251d !important;
                background-color: #08251d !important;
                border-color: rgba(255,255,255,.10) !important;
                box-shadow: -16px 0 40px rgba(0,0,0,.36) !important;
            }

            html.quran-dark-mode #site-navigation .menu-close {
                background: #12362b !important;
                background-color: #12362b !important;
                color: #ffffff !important;
                border: 1px solid rgba(255,255,255,.18) !important;
                box-shadow: 0 8px 20px rgba(0,0,0,.28) !important;
            }

            html.quran-dark-mode #site-navigation .menu-close svg,
            html.quran-dark-mode #site-navigation .menu-close svg path {
                color: #ffffff !important;
                fill: none !important;
                stroke: #8ff0d1 !important;
            }

            html.quran-dark-mode #site-navigation .nav-menu,
            html.quran-dark-mode #site-navigation #primary-menu,
            html.quran-dark-mode #site-navigation .nav-menu > li,
            html.quran-dark-mode #site-navigation #primary-menu > li {
                background: transparent !important;
                background-color: transparent !important;
            }

            html.quran-dark-mode #site-navigation .nav-menu a,
            html.quran-dark-mode #site-navigation #primary-menu a {
                color: #f5fffb !important;
            }

            html.quran-dark-mode #site-navigation .nav-menu a:hover,
            html.quran-dark-mode #site-navigation #primary-menu a:hover,
            html.quran-dark-mode #site-navigation .manual-active {
                color: #8ff0d1 !important;
            }

            /* منع أي شريط أبيض خلف القائمة أو أسفلها */
            html.quran-dark-mode .site-header,
            html.quran-dark-mode #masthead,
            html.quran-dark-mode .header-container {
                background: #0b211a !important;
                background-color: #0b211a !important;
            }
        }



        /* ===== تحسين نهائي للهيدر وقائمة الجوال ===== */
        .header-container {
            flex-wrap: wrap !important;
        }

        .quran-sections-ticker[hidden],
        .quran-sections-ticker[data-ticker-empty="1"] {
            /* Keep reserved height to avoid CLS when links hydrate */
            visibility: hidden !important;
            pointer-events: none !important;
        }

        /* شريط أقسام متحرك بعرض الشاشة بالكامل أسفل الهيدر. */
        .quran-sections-ticker {
            --quran-ticker-duration: 42s;
            order: 99 !important;
            flex: 0 0 100% !important;
            width: 100vw !important;
            max-width: 100vw !important;
            min-width: 0 !important;
            height: 38px !important;
            min-height: 38px !important;
            margin: 0 0 -1px !important;
            padding: 0 !important;
            box-sizing: border-box !important;
            position: relative !important;
            left: 50% !important;
            transform: translateX(-50%) !important;
            overflow: hidden !important;
            border-top: 1px solid rgba(8, 112, 93, .10) !important;
            border-bottom: 1px solid rgba(8, 112, 93, .12) !important;
            background: #f4faf7 !important;
            font-family: Arial, Tahoma, sans-serif !important;
            direction: ltr !important;
            z-index: 10 !important;
            display: block !important;
            visibility: visible !important;
        }

        .quran-sections-ticker::before,
        .quran-sections-ticker::after {
            content: '' !important;
            position: absolute !important;
            top: 0 !important;
            bottom: 0 !important;
            width: 42px !important;
            z-index: 2 !important;
            pointer-events: none !important;
        }

        .quran-sections-ticker::before {
            left: 0 !important;
            background: linear-gradient(to right, #f4faf7, rgba(244,250,247,0)) !important;
        }

        .quran-sections-ticker::after {
            right: 0 !important;
            background: linear-gradient(to left, #f4faf7, rgba(244,250,247,0)) !important;
        }

        .quran-sections-ticker-viewport {
            width: 100% !important;
            height: 100% !important;
            overflow: hidden !important;
            display: flex !important;
            align-items: center !important;
        }

        .quran-sections-ticker-track {
            display: flex !important;
            align-items: center !important;
            width: max-content !important;
            min-width: max-content !important;
            height: 100% !important;
            will-change: transform !important;
            animation: quran-sections-ticker-move var(--quran-ticker-duration) linear infinite !important;
        }

        .quran-sections-ticker:hover .quran-sections-ticker-track,
        .quran-sections-ticker:focus-within .quran-sections-ticker-track {
            animation-play-state: paused !important;
        }

        .quran-sections-ticker-group {
            display: flex !important;
            align-items: center !important;
            flex: 0 0 auto !important;
            height: 100% !important;
            padding-inline: 12px !important;
            white-space: nowrap !important;
        }

        .quran-sections-ticker-link {
            position: relative !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            flex: 0 0 auto !important;
            height: 100% !important;
            padding: 0 18px !important;
            color: #0b6e5b !important;
            font-size: 13px !important;
            font-weight: 800 !important;
            line-height: 1 !important;
            text-decoration: none !important;
            unicode-bidi: plaintext !important;
            transition: color .18s ease, background-color .18s ease !important;
        }

        .quran-sections-ticker-link::after {
            content: '•' !important;
            position: absolute !important;
            right: -2px !important;
            color: rgba(8,112,93,.38) !important;
            font-size: 13px !important;
        }

        .quran-sections-ticker-link:hover,
        .quran-sections-ticker-link:focus-visible {
            color: #064d40 !important;
            background: rgba(8,112,93,.07) !important;
            outline: none !important;
        }

        @keyframes quran-sections-ticker-move {
            from { transform: translate3d(0, 0, 0); }
            to { transform: translate3d(-50%, 0, 0); }
        }

        html.quran-dark-mode .quran-sections-ticker {
            background: #0a211a !important;
            border-top-color: rgba(255,255,255,.07) !important;
            border-bottom-color: rgba(255,255,255,.08) !important;
        }

        html.quran-dark-mode .quran-sections-ticker::before {
            background: linear-gradient(to right, #0a211a, rgba(10,33,26,0)) !important;
        }

        html.quran-dark-mode .quran-sections-ticker::after {
            background: linear-gradient(to left, #0a211a, rgba(10,33,26,0)) !important;
        }

        html.quran-dark-mode .quran-sections-ticker-link {
            color: #9cebd2 !important;
        }

        html.quran-dark-mode .quran-sections-ticker-link::after {
            color: rgba(156,235,210,.34) !important;
        }

        html.quran-dark-mode .quran-sections-ticker-link:hover,
        html.quran-dark-mode .quran-sections-ticker-link:focus-visible {
            color: #ffffff !important;
            background: rgba(143,240,209,.08) !important;
        }

        @media (prefers-reduced-motion: reduce) {
            .quran-sections-ticker-viewport {
                overflow-x: auto !important;
                scrollbar-width: thin !important;
            }

            .quran-sections-ticker-track {
                animation: none !important;
                transform: none !important;
            }

            .quran-sections-ticker-group[aria-hidden="true"] {
                display: none !important;
            }
        }

        @media (max-width: 900px) {
            .header-container {
                display: flex !important;
                flex-flow: row wrap !important;
                align-items: center !important;
                justify-content: flex-start !important;
                gap: 5px !important;
                direction: rtl !important;
            }

            .site-branding {
                order: 1 !important;
                flex: 0 0 auto !important;
            }

            .btn-header-search {
                order: 2 !important;
                flex: 0 0 40px !important;
                width: 40px !important;
                min-width: 40px !important;
                height: 42px !important;
            }

            .quran-global-controls {
                order: 3 !important;
                flex: 0 0 auto !important;
                margin-inline: 1px !important;
            }

            /* المكتبة تأتي قبل زر القائمة، وزر القائمة يصبح في الطرف الأيسر وأسهل للضغط. */
            .header-actions {
                order: 4 !important;
                flex: 0 0 auto !important;
            }

            .menu-toggle {
                order: 5 !important;
                position: relative !important;
                inset: auto !important;
                flex: 0 0 auto !important;
                width: auto !important;
                min-width: 46px !important;
                height: 42px !important;
                min-height: 42px !important;
                margin: 0 0 0 2px !important;
                padding: 0 10px !important;
                gap: 6px !important;
                border: 1.5px solid rgba(8,112,93,.35) !important;
                border-radius: 12px !important;
                background: #0f5a30 !important;
                color: #ffffff !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                box-shadow: 0 4px 12px rgba(8,112,93,.22) !important;
                z-index: 100030 !important;
                cursor: pointer !important;
                transform: none !important;
            }

            .menu-toggle-icon {
                width: 22px !important;
                height: 22px !important;
                display: block !important;
                flex: 0 0 auto !important;
            }

            .menu-toggle svg path,
            .menu-toggle-icon path {
                stroke: #ffffff !important;
                stroke-width: 2.8 !important;
                stroke-linecap: round !important;
                fill: none !important;
            }

            .menu-toggle-label {
                display: inline-block !important;
                font-size: 12px !important;
                font-weight: 800 !important;
                line-height: 1 !important;
                color: #ffffff !important;
                white-space: nowrap !important;
            }

            .menu-toggle:active {
                transform: scale(.96) !important;
            }

            html.quran-dark-mode .menu-toggle {
                background: #1a8a4c !important;
                border-color: rgba(143,240,209,.45) !important;
                color: #ffffff !important;
                box-shadow: 0 4px 14px rgba(0,0,0,.35) !important;
            }

            html.quran-dark-mode .menu-toggle svg path,
            html.quran-dark-mode .menu-toggle-icon path,
            html.quran-dark-mode .menu-toggle-label {
                color: #ffffff !important;
                stroke: #ffffff !important;
            }

            .quran-sections-ticker {
                order: 6 !important;
                height: 36px !important;
                margin-top: 6px !important;
            }

            .quran-sections-ticker::before,
            .quran-sections-ticker::after {
                width: 26px !important;
            }

            .quran-sections-ticker-group {
                padding-inline: 7px !important;
            }

            .quran-sections-ticker-link {
                padding-inline: 14px !important;
                font-size: 12px !important;
            }

            /* تثبيت الدرج ملاصقًا ليمين الشاشة بدل ظهوره في المنتصف. */
            body #site-navigation.main-navigation {
                top: 0 !important;
                right: 0 !important;
                bottom: 0 !important;
                left: auto !important;
                width: min(88vw, 380px) !important;
                max-width: 380px !important;
                height: 100dvh !important;
                margin: 0 !important;
                padding: calc(66px + env(safe-area-inset-top)) 15px calc(34px + env(safe-area-inset-bottom)) !important;
                border-radius: 0 !important;
                transform: translate3d(105%, 0, 0) !important;
                transform-origin: right top !important;
            }

            body #site-navigation.main-navigation.toggled,
            body #site-navigation.main-navigation.is-open,
            body #site-navigation.main-navigation.quran-mobile-open {
                right: 0 !important;
                left: auto !important;
                transform: translate3d(0, 0, 0) !important;
            }

            /* زر X في الركن العلوي الأيسر داخل الدرج، ولا يغطي أي عنصر. */
            body #site-navigation.main-navigation > .menu-close {
                position: absolute !important;
                top: calc(12px + env(safe-area-inset-top)) !important;
                left: 12px !important;
                right: auto !important;
                bottom: auto !important;
                inset-inline-start: auto !important;
                inset-inline-end: auto !important;
                width: 42px !important;
                min-width: 42px !important;
                height: 42px !important;
                min-height: 42px !important;
                margin: 0 !important;
                padding: 0 !important;
                border-radius: 13px !important;
                display: inline-flex !important;
                align-items: center !important;
                justify-content: center !important;
                float: none !important;
                translate: none !important;
                rotate: none !important;
                scale: none !important;
                transform: none !important;
                z-index: 100060 !important;
            }

            body #site-navigation.main-navigation > .menu-close svg {
                width: 25px !important;
                height: 25px !important;
                transform: none !important;
            }

            #site-navigation .nav-menu > li > a,
            #site-navigation #primary-menu > li > a {
                min-height: 48px !important;
                padding: 13px 12px !important;
                font-size: 16px !important;
            }

            #site-navigation .sub-menu a,
            #site-navigation .dropdown-menu a,
            #site-navigation .children a {
                min-height: 43px !important;
                padding: 10px 12px !important;
            }
        }

        @media (max-width: 560px) {
            .header-actions .btn-listen-now {
                padding-inline: 8px !important;
                font-size: 11.5px !important;
            }

            .quran-language-picker,
            .quran-language-trigger {
                width: 44px !important;
                min-width: 44px !important;
            }

            .quran-theme-toggle {
                width: 34px !important;
                min-width: 34px !important;
            }
        }


        @media (max-width: 480px) {
            .header-container {
                gap: 3px !important;
            }

            .site-branding {
                flex: 1 1 86px !important;
                min-width: 86px !important;
                max-width: 108px !important;
                overflow: hidden !important;
            }

            .site-branding .site-title,
            .site-branding .logo-link {
                white-space: nowrap !important;
            }

            .site-branding .site-title {
                font-size: clamp(22px, 6.4vw, 28px) !important;
            }

            .site-branding img,
            .site-branding .custom-logo {
                max-width: 104px !important;
                height: auto !important;
            }

            .btn-header-search {
                flex-basis: 36px !important;
                width: 36px !important;
                min-width: 36px !important;
                height: 40px !important;
                padding: 0 !important;
            }

            .btn-header-search svg {
                width: 21px !important;
                height: 21px !important;
            }

            .quran-global-controls {
                gap: 3px !important;
                margin: 0 !important;
            }

            .quran-language-picker,
            .quran-language-trigger {
                width: 41px !important;
                min-width: 41px !important;
            }

            .quran-theme-toggle {
                width: 32px !important;
                min-width: 32px !important;
            }

            .header-actions .btn-listen-now {
                padding-inline: 6px !important;
                font-size: 10.8px !important;
            }

            .menu-toggle {
                flex: 0 0 auto !important;
                width: auto !important;
                min-width: 46px !important;
                max-width: 92px !important;
                height: 42px !important;
                min-height: 42px !important;
                margin-left: 0 !important;
                padding: 0 9px !important;
            }

            .menu-toggle-label {
                display: inline-block !important;
            }
        }



        /* ===== إصلاح التفاف واختفاء الصف العلوي للهيدر في الجوال =====
         * بعض أجهزة Android تعرض زر القائمة في سطر منفصل لأن عناصر الهيدر
         * لا تتسع في صف واحد. نستخدم Grid حتى تبقى جميع الأدوات في الصف الأول
         * ويظل شريط الأقسام وحده في الصف الثاني.
         */
        @media (max-width: 900px) {
            #masthead.site-header {
                height: auto !important;
                min-height: 0 !important;
                overflow: visible !important;
            }

            #masthead .header-container {
                display: grid !important;
                grid-template-columns: minmax(46px, auto) minmax(96px, auto) 82px 40px minmax(92px, 1fr) !important;
                grid-template-areas:
                    "menu library controls search brand"
                    "ticker ticker ticker ticker ticker" !important;
                align-items: center !important;
                justify-content: stretch !important;
                column-gap: 5px !important;
                row-gap: 0 !important;
                width: 100% !important;
                max-width: 100% !important;
                min-height: 0 !important;
                height: auto !important;
                padding: 8px max(8px, env(safe-area-inset-right)) 0 max(8px, env(safe-area-inset-left)) !important;
                margin: 0 !important;
                box-sizing: border-box !important;
                overflow: visible !important;
                direction: ltr !important;
            }

            #masthead .site-branding {
                grid-area: brand !important;
                order: initial !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: 118px !important;
                justify-self: end !important;
                overflow: visible !important;
                direction: rtl !important;
                text-align: right !important;
            }

            #masthead .site-branding .logo-link,
            #masthead .site-branding .custom-logo-link {
                display: flex !important;
                align-items: center !important;
                justify-content: flex-end !important;
                width: 100% !important;
                min-width: 0 !important;
            }

            #masthead .site-branding .site-title {
                display: block !important;
                width: 100% !important;
                min-width: 0 !important;
                overflow: hidden !important;
                text-overflow: clip !important;
                white-space: nowrap !important;
                font-size: clamp(20px, 6.1vw, 28px) !important;
                line-height: 1 !important;
            }

            #masthead .site-branding img,
            #masthead .site-branding .custom-logo {
                display: block !important;
                width: auto !important;
                max-width: 100% !important;
                max-height: 44px !important;
                object-fit: contain !important;
            }

            #masthead .btn-header-search {
                grid-area: search !important;
                order: initial !important;
                justify-self: center !important;
                margin: 0 !important;
            }

            #masthead .quran-global-controls {
                grid-area: controls !important;
                order: initial !important;
                justify-self: center !important;
                width: 82px !important;
                min-width: 0 !important;
                max-width: 82px !important;
                margin: 0 !important;
                gap: 4px !important;
            }

            #masthead .header-actions {
                grid-area: library !important;
                order: initial !important;
                justify-self: stretch !important;
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                margin: 0 !important;
                overflow: visible !important;
                direction: rtl !important;
            }

            #masthead .header-actions .btn-listen-now {
                width: 100% !important;
                min-width: 0 !important;
                max-width: 100% !important;
                min-height: 38px !important;
                padding: 8px 5px !important;
                box-sizing: border-box !important;
                font-size: 11px !important;
                line-height: 1.1 !important;
                white-space: nowrap !important;
                overflow: visible !important;
                text-overflow: clip !important;
            }

            #masthead .menu-toggle {
                grid-area: menu !important;
                order: initial !important;
                justify-self: start !important;
                margin: 0 !important;
            }

            #masthead .quran-sections-ticker {
                grid-area: ticker !important;
                order: initial !important;
                align-self: stretch !important;
                margin-top: 7px !important;
            }
        }

        @media (max-width: 480px) {
            #masthead .header-container {
                grid-template-columns: minmax(46px, auto) 78px 76px 36px minmax(58px, 1fr) !important;
                column-gap: 3px !important;
                padding-inline: 6px !important;
            }

            #masthead .site-branding {
                max-width: 108px !important;
            }

            #masthead .site-branding .site-title {
                font-size: clamp(18px, 5.9vw, 26px) !important;
            }

            #masthead .quran-global-controls {
                width: 76px !important;
                max-width: 76px !important;
                gap: 3px !important;
            }

            #masthead .quran-language-picker,
            #masthead .quran-language-trigger {
                width: 41px !important;
                min-width: 41px !important;
            }

            #masthead .quran-theme-toggle {
                width: 32px !important;
                min-width: 32px !important;
            }

            #masthead .header-actions .btn-listen-now {
                padding-inline: 4px !important;
                font-size: 10.4px !important;
            }
        }

        @media (max-width: 360px) {
            #masthead .header-container {
                grid-template-columns: 40px 70px 70px 34px minmax(52px, 1fr) !important;
                column-gap: 2px !important;
                padding-inline: 5px !important;
            }

            #masthead .menu-toggle {
                width: auto !important;
                min-width: 40px !important;
                height: 40px !important;
                min-height: 40px !important;
                padding: 0 8px !important;
            }

            #masthead .menu-toggle-label {
                display: none !important;
            }

            #masthead .quran-global-controls {
                width: 70px !important;
                max-width: 70px !important;
                gap: 2px !important;
            }

            #masthead .quran-language-picker,
            #masthead .quran-language-trigger {
                width: 38px !important;
                min-width: 38px !important;
            }

            #masthead .quran-theme-toggle {
                width: 30px !important;
                min-width: 30px !important;
            }

            #masthead .btn-header-search {
                width: 34px !important;
                min-width: 34px !important;
            }

            #masthead .site-branding .site-title {
                font-size: 18px !important;
            }

            #masthead .header-actions .btn-listen-now {
                padding-inline: 2px !important;
                font-size: 9.6px !important;
            }
        }