/* =========================================================
   SIRAH — QURAN BY HIJRI DATE — V28
   تصميم تراثي أثري قريب من مرجع المخطوطة
   - العارض القرآني أكبر من لوحة التاريخ
   - ورقة قديمة مقصوصة داخل خلفية داكنة
   - لوحة تاريخ جانبية أصغر
   - إصلاح قوائم السنة/الشهر/اليوم وعدم قصها
========================================================= */

.sirah-quran {
    --sq-paper: #f1dfb9;
    --sq-paper-light: #fbefd2;
    --sq-paper-deep: #dcc08a;
    --sq-ink: #2c190f;
    --sq-brown: #5d351b;
    --sq-brown-2: #7a4824;
    --sq-brown-3: #3c2112;
    --sq-gold: #b78338;
    --sq-gold-light: #e7c982;
    --sq-line: rgba(139, 93, 42, .24);
    --sq-shadow: 0 15px 34px rgba(45, 24, 12, .17);

    position: relative;
    isolation: isolate;
    width: 100%;
    margin: 0;
    padding: clamp(22px, 2.6vw, 34px) 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 92% 4%, rgba(184, 133, 64, .08), transparent 23%),
        radial-gradient(circle at 7% 88%, rgba(184, 133, 64, .055), transparent 23%),
        linear-gradient(180deg, #f7f0e5 0%, #f2e8d9 100%);
}

.sirah-quran::before,
.sirah-quran::after {
    content: "";
    position: absolute;
    z-index: -1;
    width: 230px;
    aspect-ratio: 1;
    opacity: .075;
    pointer-events: none;
    background:
        repeating-conic-gradient(from 45deg, rgba(154,105,45,.38) 0 2deg, transparent 2deg 14deg),
        radial-gradient(circle, transparent 0 42%, rgba(154,105,45,.26) 43% 44%, transparent 45% 57%, rgba(154,105,45,.18) 58% 59%, transparent 60%);
    border-radius: 50%;
}

.sirah-quran::before { top: -96px; right: -70px; }
.sirah-quran::after { bottom: -100px; left: -80px; }

.sirah-quran *,
.sirah-quran *::before,
.sirah-quran *::after { box-sizing: border-box; }

.sirah-quran__container {
    position: relative;
    z-index: 1;
    width: min(calc(100% - var(--sirah-layout-gutter, 36px)), var(--sirah-layout-width, 1240px)) !important;
    max-width: var(--sirah-layout-width, 1240px) !important;
    margin-inline: auto !important;
    padding-inline: 0 !important;
}

/* ===== العنوان ===== */
.sirah-quran__heading {
    width: min(100%, 760px);
    margin: 0 auto 16px;
    text-align: center;
}

.sirah-quran__eyebrow {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    margin-bottom: 5px;
    color: #a97932;
    font-size: clamp(10px, .85vw, 13px);
    font-weight: 800;
}

.sirah-quran__heading h2 {
    margin: 0;
    color: #673922;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: clamp(30px, 3vw, 45px);
    font-weight: 700;
    line-height: 1.14;
}

/* ===== التخطيط: المخطوطة أكبر ===== */
.sirah-quran__workspace {
    /*
       نستخدم Flex بدل Grid هنا عمدًا حتى لا يتأثر ترتيب الأعمدة
       بأي direction:rtl أو CSS عام في القالب.
       المخطوطة يسار = 69%، لوحة التاريخ يمين = 31%.
    */
    display: flex !important;
    flex-direction: row !important;
    direction: ltr !important;
    gap: 16px !important;
    align-items: stretch !important;
    overflow: visible !important;
}

.sirah-quran__viewer,
.sirah-quran__selector {
    direction: rtl !important;
    position: relative;
    min-width: 0;
    height: 420px;
    min-height: 420px;
    max-height: 420px;
    grid-area: auto !important;
}

.sirah-quran__viewer {
    order: 1 !important;
    flex: 0 0 calc(69% - 8px) !important;
    width: calc(69% - 8px) !important;
    max-width: calc(69% - 8px) !important;
}

.sirah-quran__selector {
    order: 2 !important;
    flex: 0 0 calc(31% - 8px) !important;
    width: calc(31% - 8px) !important;
    max-width: calc(31% - 8px) !important;
}

/* =========================================================
   يسار: مشهد أثري داكن + ورقة مخطوطة قديمة
========================================================= */
.sirah-quran__viewer {
    overflow: hidden;
    border: 1px solid rgba(62, 34, 17, .38);
    border-radius: 24px;
    background:
        radial-gradient(circle at 88% 12%, rgba(221,169,87,.12), transparent 14%),
        radial-gradient(circle at 10% 85%, rgba(255,255,255,.035), transparent 16%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.012) 0 1px, transparent 1px 7px),
        linear-gradient(135deg, #2b170d 0%, #49301f 43%, #2d190f 100%);
    box-shadow: var(--sq-shadow), inset 0 0 60px rgba(0,0,0,.28);
}

/* زخارف جلدية بسيطة بالخلفية */
.sirah-quran__viewer::before,
.sirah-quran__viewer::after {
    content: "";
    position: absolute;
    pointer-events: none;
    z-index: 0;
}

.sirah-quran__viewer::before {
    width: 150px;
    height: 190px;
    top: -30px;
    left: -42px;
    border: 1px solid rgba(210,160,82,.18);
    border-radius: 22px;
    transform: rotate(-12deg);
    background:
        repeating-linear-gradient(45deg, rgba(215,168,92,.05) 0 2px, transparent 2px 10px),
        linear-gradient(135deg, rgba(55,28,13,.92), rgba(79,48,27,.7));
    box-shadow: 14px 18px 30px rgba(0,0,0,.16);
}

.sirah-quran__viewer::after {
    width: 88px;
    height: 88px;
    right: -26px;
    top: 18px;
    border: 2px solid rgba(215,168,92,.17);
    border-radius: 50%;
    box-shadow: 0 0 0 8px rgba(215,168,92,.035), inset 0 0 20px rgba(0,0,0,.32);
}

.sirah-quran__mushaf {
    position: relative;
    z-index: 1;
    width: calc(100% - 28px);
    height: calc(100% - 16px);
    margin: 8px auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    border: 1px solid rgba(117, 74, 33, .56);
    background:
        radial-gradient(circle at 12% 10%, rgba(105,66,29,.11), transparent 11%),
        radial-gradient(circle at 87% 84%, rgba(105,66,29,.09), transparent 12%),
        radial-gradient(circle at 50% -4%, rgba(255,255,255,.42), transparent 28%),
        repeating-linear-gradient(0deg, rgba(94,59,26,.027) 0 1px, transparent 1px 6px),
        linear-gradient(102deg, #dfc18b 0%, #f6e6bf 6%, #f9edcf 48%, #f3dfb5 91%, #d4ae70 100%);
    clip-path: polygon(
        1.1% 4%, 3.6% 1.3%, 8% 2.1%, 13% .7%, 20% 1.8%, 27% .6%, 34% 1.7%, 41% .5%, 49% 1.5%, 57% .5%, 64% 1.6%, 72% .6%, 79% 1.8%, 86% .7%, 93% 1.8%, 98.1% 3.7%,
        99% 9%, 98.1% 16%, 99.2% 24%, 98.2% 32%, 99% 41%, 98.2% 50%, 99.1% 59%, 98.2% 68%, 99% 77%, 98.2% 86%, 98.7% 94%, 96.4% 98%,
        90% 98.8%, 83% 97.8%, 76% 99%, 68% 98%, 60% 99%, 52% 98.1%, 44% 99%, 36% 98.1%, 28% 99%, 20% 98%, 12% 99%, 5% 98%, 1.2% 95%,
        .7% 88%, 1.6% 80%, .7% 72%, 1.5% 63%, .6% 54%, 1.5% 45%, .7% 36%, 1.5% 27%, .6% 18%, 1.5% 10%
    );
    filter: drop-shadow(0 12px 15px rgba(0,0,0,.31));
}

.sirah-quran__mushaf::before {
    content: "";
    position: absolute;
    inset: 8px 10px;
    pointer-events: none;
    border: 1px solid rgba(129, 86, 39, .25);
    background:
        radial-gradient(circle at 5% 20%, rgba(114,68,27,.06), transparent 10%),
        radial-gradient(circle at 95% 65%, rgba(114,68,27,.06), transparent 12%),
        repeating-linear-gradient(90deg, rgba(104,67,30,.015) 0 1px, transparent 1px 5px);
    box-shadow:
        inset 18px 0 25px rgba(103,63,27,.055),
        inset -18px 0 25px rgba(103,63,27,.055),
        inset 0 0 24px rgba(103,63,27,.05);
}

.sirah-quran__mushaf-heading,
.sirah-quran__content,
.sirah-quran__placeholder { position: relative; z-index: 2; }

.sirah-quran__mushaf-heading {
    display: grid;
    grid-template-columns: minmax(44px, 1fr) auto minmax(44px, 1fr);
    align-items: center;
    gap: 10px;
    padding: 17px 28px 6px;
    text-align: center;
}

.sirah-quran__mushaf-heading h3 {
    margin: 0;
    color: #4b2b18;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
}

.sirah-quran__ornament {
    position: relative;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(163,111,48,.42) 35%, rgba(163,111,48,.7) 50%, rgba(163,111,48,.42) 65%, transparent);
}

.sirah-quran__ornament::after {
    content: "✦";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 0 6px;
    color: #aa7730;
    background: #f2dfb8;
    font-size: 9px;
}

/* شريط الحدث داخل المخطوطة */
.sirah-quran__selected {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 12px;
    min-height: 47px;
    width: 74%;
    margin: 0 auto 8px;
    padding: 7px 12px 7px 14px;
    color: #fff4d9;
    border: 1px solid #b88335;
    border-radius: 7px;
    background:
        linear-gradient(180deg, rgba(255,255,255,.03), transparent 30%),
        linear-gradient(135deg, #472611 0%, #613716 52%, #43230f 100%);
    box-shadow: inset 0 0 0 1px rgba(233,196,124,.15), 0 4px 11px rgba(54,28,12,.18);
}

.sirah-quran__selected-copy {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
}

.sirah-quran__selected-copy > span {
    flex: 0 0 auto;
    color: rgba(255,241,209,.72);
    font-size: 9px;
    font-weight: 700;
    white-space: nowrap;
}

.sirah-quran__selected-copy strong {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: 16px;
    line-height: 1.2;
}

.sirah-quran__selected-meta {
    display: flex;
    align-items: center;
    gap: 9px;
    white-space: nowrap;
}

.sirah-quran__selected-date,
.sirah-quran__selected-count {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: rgba(255,241,209,.8);
    font-size: 9px;
    font-weight: 700;
}

.sirah-quran__selected-count {
    padding-inline-start: 9px;
    border-inline-start: 1px solid rgba(231,195,124,.22);
}

.sirah-quran__content {
    min-height: 0;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: 0 22px 12px;
}

.sirah-quran__content[hidden] { display: none !important; }

.sirah-quran__verses {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 0 6px 3px 0;
    scrollbar-width: thin;
    scrollbar-color: rgba(109,70,31,.48) rgba(153,104,45,.09);
}

.sirah-quran__verses::-webkit-scrollbar { width: 5px; }
.sirah-quran__verses::-webkit-scrollbar-track { background: rgba(153,104,45,.09); border-radius: 99px; }
.sirah-quran__verses::-webkit-scrollbar-thumb { background: rgba(109,70,31,.45); border-radius: 99px; }

/* لا نكرر عنوان السورة داخل الورقة */
.sirah-quran .sirah-quran__verse-card-head,
.sirah-quran .sirah-quran__sura-name,
.sirah-quran .sirah-quran__verse-chipset,
.sirah-quran .sirah-quran__reference { display: none !important; }

.sirah-quran__verse-card {
    position: relative;
    margin: 0 0 10px;
    padding: 4px 6px 8px;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.sirah-quran__verse-card::before { display: none; }

.sirah-quran__verse-text {
    max-width: 97%;
    margin: 2px auto 0;
    color: #201209;
    font-family: "Amiri Quran", "Amiri", "Scheherazade New", serif !important;
    font-size: clamp(30px, 2.15vw, 38px);
    font-weight: 400;
    line-height: 1.68;
    text-align: center;
}

.sirah-quran__verse-line {
    display: block;
    margin-bottom: 1px;
}

.sirah-quran__verse-number {
    display: inline-grid;
    place-items: center;
    min-width: 34px;
    height: 34px;
    margin-inline-start: 8px;
    padding: 0 5px;
    vertical-align: middle;
    color: #70491f;
    border: 1px solid rgba(131,86,36,.62);
    border-radius: 50%;
    background: radial-gradient(circle, #f9ebc9 0 56%, #d4ad67 58% 61%, #efdbad 63%);
    box-shadow: 0 0 0 3px rgba(145,96,37,.075);
    font-family: "Amiri", serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
}

.sirah-quran__verse-range {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 5px 0 8px;
    color: #674624;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: 16px;
    font-weight: 700;
}

.sirah-quran__verse-range::before,
.sirah-quran__verse-range::after {
    content: "✦";
    margin: 0 10px;
    color: #a97631;
    font-size: 8px;
}

.sirah-quran__verse-meta {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin: 0 5px;
    padding: 8px 8px;
    border: 1px solid rgba(128,83,34,.32);
    border-radius: 7px;
    background: rgba(248, 235, 204, .38);
    box-shadow: inset 0 0 14px rgba(109,68,26,.035);
}

.sirah-quran__verse-meta-item {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    padding: 0 9px;
    text-align: center;
    color: #58381e;
}

.sirah-quran__verse-meta-item + .sirah-quran__verse-meta-item {
    border-inline-start: 1px solid rgba(128,83,34,.18);
}

.sirah-quran__verse-meta-item i {
    flex: 0 0 auto;
    color: #956528;
    font-size: 17px;
}

.sirah-quran__verse-meta-item strong {
    display: block;
    color: #53341b;
    font-size: 10px;
    font-weight: 800;
}

.sirah-quran__verse-meta-item span {
    display: block;
    margin-top: 2px;
    color: #765a3b;
    font-size: 9px;
    line-height: 1.45;
}

.sirah-quran__verse-card-foot {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    margin: 7px 5px 0;
}

.sirah-quran__verse-card-foot > span {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #694723;
    font-size: 9px;
    font-weight: 700;
}

.sirah-quran__details-pill {
    min-height: 31px;
    padding: 0 12px;
    border: 1px solid rgba(190,142,70,.34);
    border-radius: 6px;
    color: #fff0cd !important;
    background: linear-gradient(135deg, #4b2913, #653816 55%, #482611);
    box-shadow: 0 4px 8px rgba(61,31,13,.1);
}

/* placeholder */
.sirah-quran__placeholder {
    min-height: 305px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 5px;
    padding: 24px 18px;
    text-align: center;
}

.sirah-quran__placeholder-icon {
    width: 52px;
    height: 52px;
    display: grid;
    place-items: center;
    margin-bottom: 7px;
    color: #8a5c24;
    border: 1px solid rgba(151,103,44,.2);
    border-radius: 50%;
    background: radial-gradient(circle, #fbefcf 0 48%, #e4c48d 49%);
    font-size: 19px;
}

.sirah-quran__placeholder h4 {
    margin: 0;
    color: #4b2c18;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: 21px;
}

.sirah-quran__placeholder p {
    max-width: 460px;
    margin: 0;
    color: #765b3e;
    font-size: 10px;
    line-height: 1.7;
}

/* =========================================================
   يمين: لوحة التاريخ والأحداث
========================================================= */
.sirah-quran__selector {
    z-index: 20;
    display: flex;
    flex-direction: column;
    padding: 13px 13px 12px;
    overflow: visible !important; /* مهم: لا نقص قائمة السنة */
    border: 1px solid rgba(174, 128, 63, .31);
    border-radius: 24px;
    background:
        radial-gradient(circle at 50% -10%, rgba(255,255,255,.72), transparent 29%),
        repeating-linear-gradient(0deg, rgba(134,88,37,.016) 0 1px, transparent 1px 6px),
        linear-gradient(180deg, rgba(252,246,231,.99), rgba(244,230,201,.99));
    box-shadow: var(--sq-shadow), inset 0 0 0 1px rgba(255,255,255,.42);
}

.sirah-quran__selector::before {
    content: "";
    position: absolute;
    inset: 9px;
    z-index: 0;
    border: 1px solid rgba(175,128,62,.19);
    border-radius: 17px;
    pointer-events: none;
}

.sirah-quran__selector > * { position: relative; z-index: 2; }

.sirah-quran__selector-title {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-bottom: 9px;
    padding: 6px 0 10px;
    border-bottom: 1px solid rgba(150,102,47,.19);
}

.sirah-quran__selector-title::before,
.sirah-quran__selector-title::after {
    content: "";
    width: 45px;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(166,113,48,.5));
}

.sirah-quran__selector-title::after { transform: scaleX(-1); }

.sirah-quran__selector-title-icon {
    width: 29px;
    height: 29px;
    flex: 0 0 29px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(182,132,63,.25);
    border-radius: 50%;
    color: #9b6929;
    background: #f7e7c4;
    font-size: 10px;
}

.sirah-quran__selector-title > div { text-align: center; }
.sirah-quran__selector-title > div > span { display: none; }

.sirah-quran__selector-title h3 {
    margin: 0;
    color: #4d2d18;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.2;
}

.sirah-quran__date-picker {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-bottom: 9px;
}

.sirah-quran__date-field { min-width: 0; }

.sirah-quran__date-label {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-height: 18px;
    margin-bottom: 4px;
    color: #634421;
    font-size: 10px;
    font-weight: 800;
}

.sirah-quran__date-label i { color: #a87631; font-size: 9px; }

/* ===== dropdowns: إصلاح السنة ===== */
.sirah-quran__smart-select {
    position: relative;
    min-width: 0;
    z-index: 60;
}

.sirah-quran__smart-select.is-open { z-index: 1000; }

.sirah-quran__native-select {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.sirah-quran__smart-trigger {
    width: 100%;
    min-width: 0;
    min-height: 39px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 6px;
    padding: 7px 9px;
    color: #4b321c;
    border: 1px solid rgba(154,104,48,.22);
    border-radius: 9px;
    background: linear-gradient(180deg, #fff9ec, #f2dfb9);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.74), 0 3px 7px rgba(73,43,19,.04);
    font-family: "Cairo", sans-serif;
    font-size: 10.5px;
    font-weight: 700;
    line-height: 1.2;
    text-align: right;
    outline: 0;
    cursor: pointer;
    transition: .16s ease;
}

.sirah-quran__smart-trigger > span {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sirah-quran__smart-trigger > i {
    color: #9a6929;
    font-size: 7px;
    transition: transform .16s ease;
}

.sirah-quran__smart-select.is-open .sirah-quran__smart-trigger > i { transform: rotate(180deg); }

.sirah-quran__smart-trigger:hover,
.sirah-quran__smart-trigger:focus-visible,
.sirah-quran__smart-select.is-open .sirah-quran__smart-trigger {
    border-color: rgba(169,112,47,.5);
    box-shadow: 0 0 0 3px rgba(181,127,55,.08), 0 5px 10px rgba(73,43,19,.07);
}

.sirah-quran__smart-trigger:disabled,
.sirah-quran__smart-select.is-disabled .sirah-quran__smart-trigger {
    color: #aa9a82;
    background: #ecdfc8;
    border-color: rgba(154,104,48,.12);
    box-shadow: none;
    opacity: .72;
    cursor: not-allowed;
}

.sirah-quran__smart-menu {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    left: 0;
    z-index: 999999;
    max-height: 230px;
    padding: 5px;
    overflow-y: auto;
    overscroll-behavior: contain;
    border: 1px solid rgba(133,87,37,.32);
    border-radius: 10px;
    background: linear-gradient(180deg, #fff9ea 0%, #eddbb6 100%);
    box-shadow: 0 16px 28px rgba(48,26,12,.22), inset 0 1px 0 rgba(255,255,255,.7);
    scrollbar-width: thin;
    scrollbar-color: rgba(99,62,26,.48) rgba(171,124,62,.12);
}

.sirah-quran__smart-select.opens-up .sirah-quran__smart-menu {
    top: auto;
    bottom: calc(100% + 5px);
}

.sirah-quran__smart-menu[hidden] { display: none !important; }
.sirah-quran__smart-menu::-webkit-scrollbar { width: 5px; }
.sirah-quran__smart-menu::-webkit-scrollbar-track { background: rgba(171,124,62,.1); border-radius: 99px; }
.sirah-quran__smart-menu::-webkit-scrollbar-thumb { background: rgba(99,62,26,.45); border-radius: 99px; }

.sirah-quran__smart-option {
    width: 100%;
    min-height: 31px;
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: 6px;
    margin: 0 0 3px;
    padding: 6px 7px;
    color: #53371e;
    border: 0;
    border-radius: 7px;
    background: transparent;
    font-family: "Cairo", sans-serif;
    font-size: 9px;
    font-weight: 700;
    text-align: right;
    cursor: pointer;
    outline: 0;
}

.sirah-quran__smart-option:last-child { margin-bottom: 0; }
.sirah-quran__smart-option[hidden] { display: none !important; }
.sirah-quran__smart-option > span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sirah-quran__smart-option > i { color: #d3ad65; font-size: 7px; opacity: 0; }
.sirah-quran__smart-option:hover,
.sirah-quran__smart-option:focus-visible { background: rgba(164,110,48,.11); }
.sirah-quran__smart-option.is-selected {
    color: #fff2d5;
    background: linear-gradient(135deg, #563019, #72421f);
}
.sirah-quran__smart-option.is-selected > i { opacity: 1; }

/* لا نعرض بطاقة التاريخ المنفصلة — موجودة فقط للـ JS */
.sirah-quran__date-summary { display: none !important; }

.sirah-quran__events {
    min-height: 0;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    overflow: hidden;
    padding-top: 4px;
    border-top: 1px solid rgba(149,100,43,.17);
}

.sirah-quran__events-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    margin: 6px 1px 7px;
}

.sirah-quran__events-head > div {
    flex: 1 1 auto;
    text-align: center;
}

.sirah-quran__events-head > div > span {
    display: block;
    color: #53331b;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: 15px;
    font-weight: 700;
}

.sirah-quran__events-head > div > small {
    display: block;
    margin-top: 1px;
    color: #8d6c48;
    font-size: 8px;
}

.sirah-quran__events-count {
    min-width: 27px;
    height: 27px;
    display: grid;
    place-items: center;
    color: #6a431e;
    border: 1px solid rgba(174,126,60,.22);
    border-radius: 50%;
    background: #f7e7c3;
    font-size: 9px;
    font-weight: 900;
}

.sirah-quran__events-list {
    min-height: 0;
    flex: 1 1 0;
    overflow-y: auto;
    padding: 0 2px 1px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(109,70,31,.45) rgba(153,104,45,.09);
}

.sirah-quran__events-list::-webkit-scrollbar { width: 5px; }
.sirah-quran__events-list::-webkit-scrollbar-track { background: rgba(153,104,45,.09); border-radius: 99px; }
.sirah-quran__events-list::-webkit-scrollbar-thumb { background: rgba(109,70,31,.42); border-radius: 99px; }

.sirah-quran__event-button {
    width: 100%;
    display: grid;
    grid-template-columns: 52px minmax(0,1fr) 44px;
    grid-template-areas: "badge copy icon";
    align-items: center;
    gap: 7px;
    min-height: 58px;
    margin: 0 0 6px;
    padding: 6px 7px;
    color: #4b311b;
    border: 1px solid rgba(146,96,40,.16);
    border-radius: 9px;
    background: linear-gradient(180deg, rgba(255,250,238,.94), rgba(238,219,181,.86));
    box-shadow: 0 3px 7px rgba(62,34,15,.035), inset 0 1px 0 rgba(255,255,255,.58);
    transition: .16s ease;
}

.sirah-quran__event-button:hover,
.sirah-quran__event-button:focus-visible {
    transform: translateY(-1px);
    border-color: rgba(172,119,51,.3);
    box-shadow: 0 6px 12px rgba(62,34,15,.075);
}

.sirah-quran__event-button.is-active {
    color: #fff4db;
    border-color: rgba(223,181,103,.8);
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 30%),
        linear-gradient(135deg, #4a2712, #6b3c1a 55%, #4a2712);
    box-shadow: 0 0 0 2px rgba(194,142,60,.18), 0 8px 15px rgba(57,29,12,.16), inset 0 0 0 1px rgba(255,227,174,.14);
}

.sirah-quran__event-button--all {
    background: linear-gradient(180deg, #f4e5c5, #e9d0a0);
}

.sirah-quran__event-icon {
    grid-area: icon;
    width: 38px;
    height: 38px;
    justify-self: end;
    display: grid;
    place-items: center;
    color: #875a22;
    border: 1px solid rgba(173,123,55,.24);
    border-radius: 50%;
    background: radial-gradient(circle, #fbefcf, #e2c28b);
    font-size: 12px;
}

.sirah-quran__event-button.is-active .sirah-quran__event-icon {
    color: #ffecc2;
    border-color: rgba(229,189,111,.58);
    background: rgba(255,255,255,.055);
    box-shadow: 0 0 12px rgba(226,183,99,.24);
}

.sirah-quran__event-copy {
    grid-area: copy;
    min-width: 0;
    text-align: right;
}

.sirah-quran__event-copy strong {
    display: block;
    overflow: hidden;
    color: inherit;
    font-family: "Amiri", "Cairo", serif !important;
    font-size: 12px;
    line-height: 1.32;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sirah-quran__event-copy small {
    display: block;
    margin-top: 2px;
    color: #806346;
    font-size: 7px;
    line-height: 1.35;
}

.sirah-quran__event-copy small > span:last-child { display: none; }
.sirah-quran__event-button.is-active .sirah-quran__event-copy small { color: rgba(255,239,207,.76); }

.sirah-quran__event-date {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.sirah-quran__event-badge {
    grid-area: badge;
    min-height: 42px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: #63421f;
    border-left: 1px solid rgba(142,92,37,.14);
    font-size: 10px;
    font-weight: 900;
    line-height: 1.1;
}

.sirah-quran__event-badge::after {
    content: "آيات مرتبطة";
    display: block;
    margin-top: 3px;
    color: #8b6a45;
    font-size: 6px;
    font-weight: 700;
    white-space: nowrap;
}

.sirah-quran__event-button.is-active .sirah-quran__event-badge {
    color: #ffedc3;
    border-left-color: rgba(226,184,101,.18);
}
.sirah-quran__event-button.is-active .sirah-quran__event-badge::after { color: rgba(255,238,202,.7); }

/* ===== حالات التحميل والفراغ ===== */
.sirah-quran__loading,
.sirah-quran__inline-state {
    min-height: 125px;
    display: grid;
    place-content: center;
    justify-items: center;
    gap: 6px;
    padding: 14px;
    color: #745536;
    text-align: center;
}

.sirah-quran__inline-state--compact { min-height: 95px; }
.sirah-quran__inline-state i { color: #9d6b2a; font-size: 17px; }
.sirah-quran__inline-state p,
.sirah-quran__loading p { margin: 0; font-size: 9px; line-height: 1.55; }

.sirah-quran__spinner {
    width: 24px;
    height: 24px;
    border: 2px solid rgba(153,103,44,.18);
    border-top-color: #9b6829;
    border-radius: 50%;
    animation: sirahQuranSpin .8s linear infinite;
}
@keyframes sirahQuranSpin { to { transform: rotate(360deg); } }

.sirah-quran__event-group { margin-bottom: 9px; }

.sirah-quran__event-group-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    margin: 0 0 6px;
    padding: 6px 9px;
    color: #5d3b20;
    border-bottom: 1px solid rgba(135,88,35,.18);
}
.sirah-quran__event-group-title span { display: block; color: #9a692c; font-size: 8px; }
.sirah-quran__event-group-title strong { display: block; margin-top: 1px; font-family: "Amiri",serif; font-size: 13px; }
.sirah-quran__event-group-title small { color: #765538; font-size: 8px; }

/* =========================================================
   Responsive
========================================================= */


/* =========================================================
   V28 — تثبيت النسب + إصلاح قوائم التاريخ
========================================================= */
.sirah-quran__container,
.sirah-quran__workspace,
.sirah-quran__selector {
    overflow: visible !important;
}

.sirah-quran__viewer {
    overflow: hidden !important;
}

.sirah-quran__smart-select[data-native-select="quranYearSelect"] .sirah-quran__smart-menu {
    right: 0;
    left: auto;
    width: max(100%, 170px);
    min-width: 170px;
}

.sirah-quran__smart-select[data-native-select="quranMonthSelect"] .sirah-quran__smart-menu {
    right: 50%;
    left: auto;
    width: max(100%, 165px);
    min-width: 165px;
    transform: translateX(50%);
}

.sirah-quran__smart-select[data-native-select="quranMonthSelect"].opens-up .sirah-quran__smart-menu {
    transform: translateX(50%);
}

.sirah-quran__smart-select[data-native-select="quranDaySelect"] .sirah-quran__smart-menu {
    left: 0;
    right: auto;
    width: max(100%, 120px);
    min-width: 120px;
}

.sirah-quran__event-button {
    grid-template-columns: 52px minmax(0, 1fr) 48px;
}

.sirah-quran__event-icon {
    width: 40px;
    height: 40px;
}

.sirah-quran__event-badge {
    min-width: 42px;
}

@media (max-width: 1199px) {
    .sirah-quran__workspace {
        grid-template-columns: 1fr;
        grid-template-areas: "selector" "viewer";
    }

    .sirah-quran__selector,
    .sirah-quran__viewer {
        height: auto;
        min-height: 420px;
        max-height: none;
    }

    .sirah-quran__selector { overflow: visible; }
    .sirah-quran__events-list { max-height: 290px; }
    .sirah-quran__mushaf { min-height: 520px; }
}

@media (max-width: 767px) {
    .sirah-quran__selected-copy > span {
    color: rgba(255,241,209,.72) !important;
}

.sirah-quran__selected-copy strong {
    color: #fff4d9 !important;
}

.sirah-quran__selected-date,
.sirah-quran__selected-count {
    color: rgba(255,241,209,.8) !important;
}
    .sirah-quran { padding: 18px 0; }
    .sirah-quran__heading { margin-bottom: 12px; }
    .sirah-quran__heading h2 { font-size: 31px; }

    .sirah-quran__selector { padding: 12px; min-height: 0; }
    .sirah-quran__date-picker { grid-template-columns: 1fr; gap: 6px; }
    .sirah-quran__date-label { justify-content: flex-start; padding-inline: 4px; }

    .sirah-quran__event-button {
        grid-template-columns: 48px minmax(0,1fr) 42px;
    }

    .sirah-quran__mushaf {
        width: calc(100% - 18px);
        min-height: 500px;
    }

    .sirah-quran__mushaf-heading { padding: 15px 16px 6px; }
    .sirah-quran__mushaf-heading h3 { font-size: 22px; }

    .sirah-quran__selected {
        grid-template-columns: 1fr;
        margin-inline: 18px;
        gap: 4px;
    }
    .sirah-quran__selected-copy { align-items: flex-start; flex-direction: column; gap: 1px; }
    .sirah-quran__selected-meta { justify-content: space-between; }

    .sirah-quran__content { padding-inline: 17px; }
    .sirah-quran__verse-text { max-width: 100%; font-size: 27px; line-height: 1.75; }
    .sirah-quran__verse-meta { grid-template-columns: 1fr; }
    .sirah-quran__verse-meta-item { padding: 6px 4px; }
    .sirah-quran__verse-meta-item + .sirah-quran__verse-meta-item {
        border-inline-start: 0;
        border-top: 1px solid rgba(128,83,34,.14);
    }
}


/* ===== V28 responsive final overrides ===== */
@media (max-width: 1199px) {
    .sirah-quran__workspace {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px !important;
    }

    .sirah-quran__viewer,
    .sirah-quran__selector {
        order: initial !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        min-height: 0;
        max-height: none;
    }

    .sirah-quran__selector { order: 1 !important; }
    .sirah-quran__viewer { order: 2 !important; min-height: 520px; }
    .sirah-quran__mushaf { min-height: 500px; }
}

@media (max-width: 767px) {
    .sirah-quran__date-picker { grid-template-columns: 1fr; }
    .sirah-quran__selected { width: calc(100% - 20px); }
    .sirah-quran__smart-select .sirah-quran__smart-menu {
        right: 0 !important;
        left: 0 !important;
        width: 100% !important;
        min-width: 100% !important;
        transform: none !important;
    }
}

/* =========================================================
   V29 — تفاعل الماوس + تعتيق بصري إضافي
   يحافظ على نفس المقاسات والنسب الحالية
========================================================= */

/* قوائم الاختيار: قابلة للنقر فعليًا حتى مع CSS/JS القالب */
.sirah-quran__date-picker,
.sirah-quran__date-field,
.sirah-quran__smart-select,
.sirah-quran__smart-trigger,
.sirah-quran__smart-menu,
.sirah-quran__smart-option {
    pointer-events: auto !important;
}

.sirah-quran__date-picker {
    position: relative !important;
    z-index: 250 !important;
    overflow: visible !important;
}

.sirah-quran__date-field {
    position: relative !important;
    z-index: 1;
    overflow: visible !important;
}

.sirah-quran__date-field:has(.sirah-quran__smart-select.is-open) {
    z-index: 9999 !important;
}

.sirah-quran__smart-select {
    isolation: isolate;
    touch-action: manipulation;
}

.sirah-quran__smart-select.is-open {
    z-index: 9999999 !important;
}

.sirah-quran__smart-menu {
    z-index: 99999999 !important;
    pointer-events: auto !important;
    touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;
}

.sirah-quran__smart-option {
    position: relative;
    z-index: 1;
    pointer-events: auto !important;
    touch-action: manipulation;
    user-select: none;
    -webkit-user-select: none;
}

.sirah-quran__smart-option:not(:disabled):hover {
    cursor: pointer !important;
}

/* مظهر select أقدم: إطار نحاسي مزدوج وورق معتّق */
.sirah-quran__smart-trigger {
    position: relative;
    border-color: rgba(129, 82, 32, .34) !important;
    background:
        linear-gradient(180deg, rgba(255,250,236,.96), rgba(235,215,174,.96)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.48),
        inset 0 -7px 13px rgba(119,75,29,.045),
        0 3px 8px rgba(66,36,15,.06) !important;
}

.sirah-quran__smart-trigger:hover,
.sirah-quran__smart-trigger:focus-visible,
.sirah-quran__smart-select.is-open .sirah-quran__smart-trigger {
    border-color: rgba(154, 98, 32, .62) !important;
    background:
        linear-gradient(180deg, #fff9e8, #ecd3a0) !important;
    box-shadow:
        0 0 0 2px rgba(174,117,42,.10),
        inset 0 0 0 1px rgba(255,255,255,.48),
        0 5px 12px rgba(65,34,14,.10) !important;
}

.sirah-quran__smart-menu {
    border: 1px solid rgba(111, 68, 25, .52) !important;
    background:
        radial-gradient(circle at 15% 8%, rgba(112,68,24,.08), transparent 19%),
        repeating-linear-gradient(0deg, rgba(89,56,24,.025) 0 1px, transparent 1px 5px),
        linear-gradient(180deg, #f7e9c9 0%, #e9cfa0 100%) !important;
    box-shadow:
        0 18px 34px rgba(46,24,10,.28),
        inset 0 0 0 1px rgba(255,248,228,.50),
        inset 0 0 20px rgba(105,61,21,.08) !important;
}

.sirah-quran__smart-option {
    border: 1px solid transparent !important;
    color: #4b2e18 !important;
}

.sirah-quran__smart-option:hover,
.sirah-quran__smart-option:focus-visible {
    border-color: rgba(135,84,30,.18) !important;
    background:
        linear-gradient(90deg, rgba(161,105,42,.08), rgba(255,247,223,.35), rgba(161,105,42,.08)) !important;
}

.sirah-quran__smart-option.is-selected {
    border-color: rgba(214,171,95,.28) !important;
    color: #fff1cc !important;
    background:
        linear-gradient(135deg, #472610 0%, #6b3b17 52%, #46240f 100%) !important;
    box-shadow: inset 0 0 0 1px rgba(238,202,137,.10) !important;
}

/* ===== مزيد من الأثرية بدون تغيير المقاسات ===== */
.sirah-quran__viewer {
    background:
        radial-gradient(circle at 88% 12%, rgba(226,177,92,.15), transparent 13%),
        radial-gradient(circle at 8% 83%, rgba(190,133,61,.08), transparent 14%),
        repeating-linear-gradient(90deg, rgba(255,255,255,.010) 0 1px, transparent 1px 6px),
        repeating-linear-gradient(0deg, rgba(0,0,0,.028) 0 1px, transparent 1px 9px),
        linear-gradient(135deg, #241108 0%, #432817 43%, #28140a 100%) !important;
    box-shadow:
        var(--sq-shadow),
        inset 0 0 0 1px rgba(214,161,81,.08),
        inset 0 0 75px rgba(0,0,0,.38) !important;
}

.sirah-quran__viewer::before {
    border-color: rgba(224,174,91,.22) !important;
    background:
        radial-gradient(circle at 20% 20%, rgba(227,179,95,.08), transparent 20%),
        repeating-linear-gradient(45deg, rgba(215,168,92,.055) 0 2px, transparent 2px 10px),
        linear-gradient(135deg, rgba(46,21,9,.95), rgba(74,43,23,.82)) !important;
}

.sirah-quran__mushaf {
    border-color: rgba(93, 54, 20, .68) !important;
    background:
        radial-gradient(circle at 8% 10%, rgba(105,59,20,.13), transparent 10%),
        radial-gradient(circle at 91% 14%, rgba(105,59,20,.10), transparent 9%),
        radial-gradient(circle at 14% 88%, rgba(105,59,20,.11), transparent 10%),
        radial-gradient(circle at 87% 84%, rgba(105,59,20,.12), transparent 12%),
        radial-gradient(circle at 50% -4%, rgba(255,255,255,.38), transparent 26%),
        repeating-linear-gradient(0deg, rgba(82,48,18,.032) 0 1px, transparent 1px 6px),
        linear-gradient(102deg, #c99f61 0%, #ecd3a0 5%, #f5e3ba 48%, #ead09a 92%, #bc8b4d 100%) !important;
    box-shadow:
        inset 0 0 42px rgba(97,55,20,.12),
        inset 18px 0 26px rgba(83,45,15,.08),
        inset -18px 0 26px rgba(83,45,15,.08) !important;
    filter:
        drop-shadow(0 12px 15px rgba(0,0,0,.34))
        sepia(.06) !important;
}

/* بقع زمن خفيفة على الورق */
.sirah-quran__mushaf::after {
    content: "";
    position: absolute;
    inset: 5px;
    z-index: 1;
    pointer-events: none;
    opacity: .48;
    background:
        radial-gradient(ellipse at 7% 13%, rgba(111,62,20,.10) 0 2%, transparent 7%),
        radial-gradient(ellipse at 94% 19%, rgba(111,62,20,.08) 0 1.5%, transparent 6%),
        radial-gradient(ellipse at 9% 81%, rgba(111,62,20,.08) 0 1.8%, transparent 7%),
        radial-gradient(ellipse at 91% 88%, rgba(111,62,20,.09) 0 1.5%, transparent 7%),
        linear-gradient(90deg, rgba(91,49,16,.08), transparent 4%, transparent 96%, rgba(91,49,16,.09)),
        linear-gradient(180deg, rgba(91,49,16,.08), transparent 5%, transparent 95%, rgba(91,49,16,.09));
    clip-path: inherit;
}

.sirah-quran__mushaf-heading,
.sirah-quran__content,
.sirah-quran__placeholder {
    z-index: 3 !important;
}

.sirah-quran__mushaf-heading h3 {
    color: #3f2413 !important;
    text-shadow: 0 1px 0 rgba(255,244,218,.65);
}

.sirah-quran__ornament {
    background: linear-gradient(90deg, transparent, rgba(134,83,29,.44) 28%, rgba(134,83,29,.78) 50%, rgba(134,83,29,.44) 72%, transparent) !important;
}

.sirah-quran__selected {
    position: relative;
    border-color: rgba(197,143,58,.76) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.035), transparent 34%),
        linear-gradient(135deg, #3d1e0c 0%, #623613 50%, #3c1d0b 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(232,190,112,.14),
        inset 0 -10px 18px rgba(0,0,0,.10),
        0 5px 12px rgba(47,22,7,.20) !important;
}

.sirah-quran__selected::before,
.sirah-quran__selected::after {
    content: "◆";
    position: absolute;
    top: 50%;
    color: #c6974c;
    font-size: 7px;
    transform: translateY(-50%);
    opacity: .9;
}

.sirah-quran__selected::before { right: 6px; }
.sirah-quran__selected::after { left: 6px; }

.sirah-quran__verse-text {
    color: #1d1008 !important;
    text-shadow: 0 .3px 0 rgba(74,38,14,.12);
}

.sirah-quran__verse-number {
    border-color: rgba(111,68,26,.72) !important;
    background:
        radial-gradient(circle, #f5dfac 0 54%, #c69247 56% 60%, #ecd19a 62% 74%, #f7e9c7 76%) !important;
    box-shadow:
        0 0 0 2px rgba(116,72,28,.09),
        inset 0 0 0 1px rgba(255,247,223,.55) !important;
}

.sirah-quran__verse-meta {
    border-color: rgba(109,66,24,.42) !important;
    background:
        repeating-linear-gradient(0deg, rgba(93,55,19,.018) 0 1px, transparent 1px 5px),
        rgba(235, 211, 166, .48) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,245,219,.34),
        inset 0 0 16px rgba(99,56,18,.06) !important;
}

.sirah-quran__selector {
    background:
        radial-gradient(circle at 50% -8%, rgba(255,255,255,.64), transparent 27%),
        radial-gradient(circle at 9% 84%, rgba(117,70,24,.05), transparent 13%),
        repeating-linear-gradient(0deg, rgba(103,64,25,.020) 0 1px, transparent 1px 6px),
        linear-gradient(180deg, rgba(248,238,214,.99), rgba(232,211,170,.99)) !important;
    border-color: rgba(130,83,31,.35) !important;
    box-shadow:
        var(--sq-shadow),
        inset 0 0 0 1px rgba(255,248,230,.42),
        inset 0 0 26px rgba(97,56,19,.05) !important;
}

.sirah-quran__event-button {
    border-color: rgba(132,84,31,.24) !important;
    background:
        linear-gradient(180deg, rgba(249,239,214,.98), rgba(230,207,162,.96)) !important;
    box-shadow:
        inset 0 0 0 1px rgba(255,248,226,.32),
        0 4px 10px rgba(58,31,12,.06) !important;
}

.sirah-quran__event-button.is-active {
    border-color: rgba(205,153,69,.68) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.025), transparent 35%),
        linear-gradient(135deg, #3e1f0c 0%, #653815 54%, #3c1d0b 100%) !important;
    box-shadow:
        inset 0 0 0 1px rgba(236,196,120,.13),
        0 8px 16px rgba(53,25,8,.18) !important;
}

/* =========================================================
   V31 — إصلاح الجوال: إظهار الأحداث المرتبطة بالآيات
   لا يغيّر تصميم سطح المكتب إطلاقًا.
   السبب: قائمة الأحداث كانت flex داخل حاوية ذات ارتفاع auto
   فتصل أحيانًا إلى ارتفاع صفري على الشاشات الصغيرة.
========================================================= */
@media (max-width: 991px) {
    /* في الجوال/التابلت تصبح لوحة الاختيار بارتفاع محتواها الحقيقي */
    .sirah-quran__selector {
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
    }

    /* لا نسمح لقسم الأحداث أن ينكمش إلى صفر */
    .sirah-quran__events {
        display: block !important;
        flex: 0 0 auto !important;
        min-height: 0 !important;
        height: auto !important;
        overflow: visible !important;
        margin-top: 8px !important;
    }

    .sirah-quran__events-head {
        display: flex !important;
        min-height: 42px !important;
        margin-top: 4px !important;
    }

    /* القائمة نفسها لها مساحة فعلية، ثم تصبح Scroll فقط عند كثرة الأحداث */
    .sirah-quran__events-list {
        display: block !important;
        flex: 0 0 auto !important;
        width: 100% !important;
        height: auto !important;
        min-height: 72px !important;
        max-height: min(330px, 46vh) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        -webkit-overflow-scrolling: touch;
        overscroll-behavior-y: contain;
        padding: 2px 2px 4px !important;
    }

    .sirah-quran__events-list > .sirah-quran__event-button {
        display: grid !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* حالة التحميل/عدم وجود نتائج يجب أن تظهر أيضًا */
    .sirah-quran__events-list > .sirah-quran__inline-state,
    .sirah-quran__events-list > .sirah-quran__loading {
        display: grid !important;
        min-height: 90px !important;
    }
}

@media (max-width: 767px) {
    /* نبقي الحقول مريحة، ونترك الأحداث تحتها مباشرة */
    .sirah-quran__date-picker {
        margin-bottom: 8px !important;
    }

    .sirah-quran__events {
        padding-top: 8px !important;
    }

    .sirah-quran__events-list {
        max-height: 300px !important;
        min-height: 76px !important;
    }

    .sirah-quran__event-button {
        min-height: 62px !important;
        margin-bottom: 7px !important;
    }
}


/* =========================================================
   V32 — إصلاح خروج شريط الحدث والنصوص في الجوال
   Desktop remains unchanged.
========================================================= */
@media (max-width: 767px) {
    /* أي محتوى داخل المخطوطة يجب أن يبقى داخل حدودها */
    .sirah-quran__mushaf,
    .sirah-quran__content,
    .sirah-quran__verses,
    .sirah-quran__verse-card {
        max-width: 100% !important;
        overflow-x: hidden !important;
    }

    .sirah-quran__content {
        padding-inline: 11px !important;
    }

    /* شريط الحدث المختار: كان النص الطويل يخرج خارجه على الجوال */
    .sirah-quran__selected {
        display: block !important;
        width: calc(100% - 12px) !important;
        max-width: calc(100% - 12px) !important;
        min-width: 0 !important;
        min-height: 0 !important;
        height: auto !important;
        margin: 0 auto 8px !important;
        padding: 8px 12px !important;
        overflow: hidden !important;
        box-sizing: border-box !important;
    }

    .sirah-quran__selected-copy {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: hidden !important;
        text-align: right !important;
    }

    .sirah-quran__selected-copy > span {
        display: block !important;
        max-width: 100% !important;
        margin-bottom: 3px !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        font-size: 9px !important;
        line-height: 1.35 !important;
    }

    .sirah-quran__selected-copy strong {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        word-break: normal !important;
        font-size: 14px !important;
        line-height: 1.55 !important;
    }

    .sirah-quran__selected-meta {
        display: flex !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        flex-wrap: wrap !important;
        justify-content: flex-start !important;
        gap: 5px 10px !important;
        margin-top: 5px !important;
        overflow: hidden !important;
    }

    .sirah-quran__selected-date,
    .sirah-quran__selected-count {
        min-width: 0 !important;
        max-width: 100% !important;
        white-space: normal !important;
        overflow-wrap: break-word !important;
        font-size: 8.5px !important;
        line-height: 1.35 !important;
    }

    .sirah-quran__selected-count {
        padding-inline-start: 7px !important;
    }

    /* الزخارف لا تزاحم النص على الشاشة الضيقة */
    .sirah-quran__selected::before,
    .sirah-quran__selected::after {
        font-size: 5px !important;
        opacity: .7 !important;
    }

    /* نص القرآن يبقى داخل الرق ولا يلامس الحواف */
    .sirah-quran__verse-text {
        width: 100% !important;
        max-width: 100% !important;
        padding-inline: 3px !important;
        font-size: clamp(24px, 7vw, 28px) !important;
        line-height: 1.82 !important;
        overflow: hidden !important;
    }

    .sirah-quran__verse-line {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }
}

@media (max-width: 420px) {
    .sirah-quran__content {
        padding-inline: 8px !important;
    }

    .sirah-quran__selected {
        width: calc(100% - 8px) !important;
        max-width: calc(100% - 8px) !important;
        padding: 7px 10px !important;
    }

    .sirah-quran__selected-copy strong {
        font-size: 13px !important;
        line-height: 1.5 !important;
    }

    .sirah-quran__verse-text {
        font-size: clamp(22px, 7.2vw, 26px) !important;
        line-height: 1.85 !important;
    }
}