/* =========================================================
   المصحف الإلكتروني — صفحات السور V19
   واجهة قراءة + مشغل سفلي ذكي، متوافقة مع V15
   ========================================================= */
:root{
  --sq-bg:#f7f7f1;--sq-surface:#ffffff;--sq-soft:#f1f4ed;--sq-text:#1c2b25;--sq-muted:#65736d;
  --sq-green:#174d3c;--sq-green-2:#246b54;--sq-green-soft:#e9f2ed;--sq-gold:#b58a3a;--sq-gold-2:#8a6524;
  --sq-gold-soft:#f6efdf;--sq-border:#dfe5df;--sq-shadow:0 15px 40px rgba(28,43,37,.08);--sq-radius:22px;
  --sq-quran-size:32px;--sq-quran-line:2.15;--sq-player-height:188px;
}
html[data-theme="dark"],body.dark-mode,[data-theme="dark"] body{
  --sq-bg:#101714;--sq-surface:#17201c;--sq-soft:#1c2822;--sq-text:#edf3ef;--sq-muted:#aab9b1;
  --sq-green:#7fbea1;--sq-green-2:#9bd0b7;--sq-green-soft:#1d3027;--sq-gold:#d3b06a;--sq-gold-2:#e0c485;
  --sq-gold-soft:#30291c;--sq-border:#2d3b34;--sq-shadow:0 16px 44px rgba(0,0,0,.28)
}
*{box-sizing:border-box}
body{background:var(--sq-bg);color:var(--sq-text)}
a{color:inherit}
.eq-surah-page{width:min(1180px,calc(100% - 28px));margin:0 auto;padding:18px 0 120px}
.eq-breadcrumb{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--sq-muted);font-size:.9rem;margin:8px 4px 14px}
.eq-breadcrumb a{text-decoration:none}.eq-breadcrumb a:hover{color:var(--sq-green)}
.eq-surah-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--sq-surface),var(--sq-green-soft));border:1px solid var(--sq-border);border-radius:28px;padding:28px;box-shadow:var(--sq-shadow)}
.eq-surah-hero:after{content:"";position:absolute;inset:auto -55px -75px auto;width:230px;height:230px;border:1px solid color-mix(in srgb,var(--sq-gold) 35%,transparent);border-radius:50%;box-shadow:0 0 0 25px color-mix(in srgb,var(--sq-gold) 6%,transparent),0 0 0 50px color-mix(in srgb,var(--sq-green) 5%,transparent);pointer-events:none}
.eq-surah-title-row{display:flex;align-items:center;gap:18px;position:relative;z-index:1}
.eq-surah-number,.eq-section-heading__num,.eq-quran-card__num{display:grid;place-items:center;flex:0 0 auto;font-variant-numeric:tabular-nums;border:1px solid color-mix(in srgb,var(--sq-gold) 50%,var(--sq-border));background:var(--sq-gold-soft);color:var(--sq-gold-2);font-weight:800}
.eq-surah-number{width:66px;height:66px;border-radius:20px;font-size:1.05rem}
.eq-eyebrow{margin:0 0 4px;color:var(--sq-gold-2);font-weight:700;font-size:.88rem}.eq-surah-hero h1{margin:0;font-size:clamp(2rem,5vw,3.7rem);line-height:1.15;color:var(--sq-text)}
.eq-surah-meta{margin:8px 0 0;color:var(--sq-muted);font-size:.96rem}.eq-surah-meta span{margin:0 5px}
.eq-hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;position:relative;z-index:1}
.eq-btn{appearance:none;border:0;border-radius:14px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:8px;min-height:44px;text-decoration:none;transition:.18s ease}
.eq-btn:hover{transform:translateY(-1px)}.eq-btn--gold{background:var(--sq-gold);color:#19140b;box-shadow:0 8px 20px color-mix(in srgb,var(--sq-gold) 22%,transparent)}
.eq-btn--soft{background:var(--sq-green-soft);color:var(--sq-green);border:1px solid color-mix(in srgb,var(--sq-green) 22%,var(--sq-border))}.eq-btn--ghost{background:var(--sq-surface);color:var(--sq-text);border:1px solid var(--sq-border)}
.eq-smart-nav{margin-top:16px;background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:20px;padding:14px;display:grid;grid-template-columns:minmax(230px,.8fr) 1.5fr;gap:14px;align-items:end;box-shadow:0 8px 25px rgba(28,43,37,.04)}
.eq-smart-nav__select label{display:block;margin:0 2px 6px;color:var(--sq-muted);font-size:.84rem;font-weight:700}.eq-smart-nav select{width:100%;min-height:44px;border-radius:12px;border:1px solid var(--sq-border);background:var(--sq-soft);color:var(--sq-text);padding:0 12px;font:inherit}
.eq-smart-nav__arrows,.eq-bottom-nav{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eq-nav-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:54px;padding:10px 14px;border:1px solid var(--sq-border);border-radius:14px;background:var(--sq-soft);text-decoration:none;font-weight:800;transition:.18s ease}.eq-nav-btn small{display:block;color:var(--sq-muted);font-weight:600;font-size:.72rem;margin-bottom:1px}.eq-nav-btn:hover:not(.eq-nav-btn--disabled){border-color:color-mix(in srgb,var(--sq-green) 35%,var(--sq-border));background:var(--sq-green-soft)}.eq-nav-btn--disabled{opacity:.45}
.eq-reading-tools{position:sticky;top:8px;z-index:15;margin:16px 0 12px;border:1px solid var(--sq-border);background:color-mix(in srgb,var(--sq-surface) 92%,transparent);backdrop-filter:blur(12px);border-radius:16px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 8px 22px rgba(28,43,37,.05)}
.eq-reading-tools__label{display:flex;align-items:center;gap:7px;color:var(--sq-gold-2)}.eq-reading-tools__actions{display:flex;gap:7px;flex-wrap:wrap}.eq-reading-tools button{border:1px solid var(--sq-border);background:var(--sq-soft);color:var(--sq-text);border-radius:10px;min-height:36px;padding:6px 10px;font:inherit;font-weight:700;cursor:pointer}.eq-reading-tools button:hover,.eq-reading-tools button[aria-pressed="true"]{background:var(--sq-green-soft);border-color:color-mix(in srgb,var(--sq-green) 35%,var(--sq-border));color:var(--sq-green)}
.eq-quran-card{background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--sq-radius);box-shadow:var(--sq-shadow);overflow:hidden}
.eq-quran-card__head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--sq-border);background:linear-gradient(180deg,var(--sq-soft),var(--sq-surface))}.eq-quran-card__head>div{display:flex;align-items:center;gap:10px}.eq-quran-card__head h2{font-size:1.02rem;margin:0}.eq-quran-card__head>span{color:var(--sq-muted);font-size:.82rem}.eq-quran-card__num{width:42px;height:34px;border-radius:10px;font-size:.77rem}
.eq-surah-quran-content{--local-quran-size:var(--sq-quran-size);padding:clamp(22px,4vw,48px);font-family:'Quran','Amiri','Traditional Arabic',serif!important;font-size:var(--local-quran-size)!important;line-height:var(--sq-quran-line)!important;text-align:justify;direction:rtl;color:var(--sq-text)!important;word-spacing:.08em}
.eq-surah-quran-content .Section1,.eq-surah-quran-content .WordSection1{width:100%!important;margin:0!important;padding:0!important}.eq-surah-quran-content table{display:none!important}
.eq-surah-quran-content p,.eq-surah-quran-content div{max-width:none!important;margin:0!important;text-indent:0!important;text-align:justify!important;line-height:inherit!important;direction:rtl!important}
.eq-surah-quran-content span,.eq-surah-quran-content b,.eq-surah-quran-content font{font-family:inherit!important;font-size:inherit!important;line-height:inherit!important;color:inherit!important;background:transparent!important}
.eq-surah-quran-content [style*="color:maroon"],.eq-surah-quran-content [style*="color: maroon"]{color:var(--sq-gold-2)!important;font-weight:900!important}.eq-surah-quran-content [style*="color:#005500"],.eq-surah-quran-content [style*="color: #005500"]{color:var(--sq-green)!important;font-weight:800!important}
.eq-surah-page.eq-focus-mode .eq-breadcrumb,.eq-surah-page.eq-focus-mode .eq-surah-hero,.eq-surah-page.eq-focus-mode .eq-smart-nav,.eq-surah-page.eq-focus-mode .eq-section-block,.eq-surah-page.eq-focus-mode .eq-bottom-nav{display:none}.eq-surah-page.eq-focus-mode{width:min(920px,calc(100% - 20px));padding-top:10px}.eq-surah-page.eq-focus-mode .eq-quran-card{box-shadow:none}
.eq-section-block{margin-top:20px;background:var(--sq-surface);border:1px solid var(--sq-border);border-radius:var(--sq-radius);padding:18px;box-shadow:0 10px 30px rgba(28,43,37,.05)}.eq-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:14px}.eq-section-heading__num{width:50px;height:50px;border-radius:15px}.eq-section-heading p{margin:0;color:var(--sq-gold-2);font-size:.78rem;font-weight:800}.eq-section-heading h2{margin:2px 0 0;font-size:1.25rem}
.eq-related{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.eq-related__item{display:flex;align-items:center;gap:11px;padding:13px;border:1px solid var(--sq-border);border-radius:15px;background:var(--sq-soft);text-decoration:none;transition:.18s}.eq-related__item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--sq-green) 35%,var(--sq-border));background:var(--sq-green-soft)}.eq-related__item--primary{background:var(--sq-gold-soft);border-color:color-mix(in srgb,var(--sq-gold) 35%,var(--sq-border))}.eq-related__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--sq-surface);border:1px solid var(--sq-border);font-weight:900;color:var(--sq-green)}.eq-related strong{display:block;font-size:.9rem}.eq-related small{display:block;color:var(--sq-muted);margin-top:2px;font-size:.72rem}
.eq-bottom-nav{margin-top:16px}
/* Player — V20 compact mini player */
:root{--sq-player-height:92px}
body.eq-player-open{padding-bottom:calc(var(--sq-player-height) + env(safe-area-inset-bottom))}
body.eq-player-open.eq-player-settings-open{padding-bottom:calc(142px + env(safe-area-inset-bottom))}
.eq-player-shell{
  position:fixed;z-index:9990;inset:auto 0 0;
  background:color-mix(in srgb,var(--sq-surface) 96%,transparent);
  border-top:1px solid var(--sq-border);
  box-shadow:0 -10px 28px rgba(20,36,29,.12);
  backdrop-filter:blur(14px);
  padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));
}
.eq-player{width:min(1080px,100%);margin:auto}
.eq-player__main{display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr);align-items:center;gap:12px;min-height:42px}
.eq-player__identity{display:flex;align-items:center;gap:8px;min-width:0;justify-self:start}
.eq-player__badge{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:var(--sq-gold-soft);color:var(--sq-gold-2);border:1px solid color-mix(in srgb,var(--sq-gold) 35%,var(--sq-border));font-size:.9rem;flex:0 0 auto}
.eq-player__identity small{display:block;color:var(--sq-muted);font-size:.62rem;line-height:1.1}
.eq-player__identity strong{display:block;max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88rem;line-height:1.25}
.eq-player__controls{display:flex;align-items:center;justify-content:center;gap:6px;justify-self:center}
.eq-player__play{height:38px;min-width:94px;padding:0 13px;border:0;border-radius:12px;background:var(--sq-green);color:#fff;font:inherit;font-size:.8rem;font-weight:900;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;box-shadow:0 5px 14px color-mix(in srgb,var(--sq-green) 18%,transparent)}
.eq-player__play.is-playing{background:var(--sq-gold-2)}
.eq-player__skip{width:36px;height:36px;padding:0;border:1px solid var(--sq-border);border-radius:11px;background:var(--sq-soft);display:grid;place-items:center;text-decoration:none;font-size:.84rem;font-weight:900}
.eq-player__skip small{display:none}
.eq-player__skip[aria-disabled="true"]{opacity:.32;pointer-events:none}
.eq-player__window-actions{display:flex;align-items:center;justify-self:end;gap:5px}
.eq-player__window-actions button{height:32px;min-width:32px;padding:0 8px;border:1px solid var(--sq-border);background:var(--sq-soft);color:var(--sq-text);border-radius:9px;font:inherit;font-size:.7rem;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:4px}
.eq-player__window-actions button:hover,.eq-player__window-actions button[aria-expanded="true"]{background:var(--sq-green-soft);border-color:color-mix(in srgb,var(--sq-green) 32%,var(--sq-border));color:var(--sq-green)}
.eq-player__window-actions .eq-player__close{color:#963b35}
.eq-player__progress-row{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;gap:7px;margin-top:2px;font-size:.64rem;color:var(--sq-muted);direction:ltr;line-height:1}
.eq-player__range{accent-color:var(--sq-gold);width:100%;cursor:pointer}
.eq-player__progress-row input{height:16px;margin:0}
.eq-player__options{display:grid;grid-template-columns:145px 175px minmax(150px,1fr) 235px;gap:8px;align-items:center;margin-top:7px;padding-top:7px;border-top:1px solid var(--sq-border)}
.eq-player__options[hidden]{display:none!important}
.eq-player__options label{display:flex;align-items:center;gap:6px;min-width:0;color:var(--sq-muted);font-size:.68rem;font-weight:800}
.eq-player__options select{min-width:0;flex:1;height:30px;border-radius:8px;border:1px solid var(--sq-border);background:var(--sq-soft);color:var(--sq-text);font:inherit;font-size:.72rem;padding:0 6px}
.eq-player__volume input{min-width:70px}.eq-player__toggle{justify-content:flex-end!important}.eq-player__toggle input{accent-color:var(--sq-green);width:15px;height:15px}
.eq-player-reveal{position:fixed;z-index:9991;bottom:max(10px,env(safe-area-inset-bottom));left:12px;border:1px solid color-mix(in srgb,var(--sq-gold) 40%,var(--sq-border));background:var(--sq-surface);color:var(--sq-text);border-radius:999px;box-shadow:0 8px 24px rgba(20,36,29,.14);padding:7px 10px;font:inherit;font-size:.76rem;font-weight:900;display:flex;align-items:center;gap:6px;cursor:pointer}
.eq-player-reveal[hidden]{display:none!important}.eq-player-reveal span:first-child{color:var(--sq-gold-2)}
@media(max-width:900px){
  .eq-smart-nav{grid-template-columns:1fr}.eq-related{grid-template-columns:repeat(2,1fr)}
  .eq-player__main{grid-template-columns:minmax(100px,1fr) auto auto;gap:7px}
  .eq-player__identity strong{max-width:140px}
  .eq-player__window-actions button span{display:none}
  .eq-player__options{grid-template-columns:1fr 1fr}
  .eq-player__toggle{justify-content:flex-start!important}
  body.eq-player-open.eq-player-settings-open{padding-bottom:190px}
}
@media(max-width:600px){
  :root{--sq-quran-size:27px;--sq-player-height:104px}
  .eq-surah-page{width:min(100% - 16px,1180px)}.eq-surah-hero{padding:20px 16px;border-radius:20px}.eq-surah-number{width:54px;height:54px;border-radius:16px}.eq-hero-actions .eq-btn{flex:1 1 auto;justify-content:center}.eq-reading-tools{top:4px;align-items:flex-start;flex-direction:column}.eq-reading-tools__actions{width:100%}.eq-reading-tools__actions button{flex:1}.eq-quran-card{border-radius:18px}.eq-quran-card__head{padding:12px}.eq-surah-quran-content{padding:20px 15px;text-align:right!important;line-height:2.05!important}.eq-surah-quran-content p,.eq-surah-quran-content div{text-align:right!important}.eq-related{grid-template-columns:1fr}.eq-smart-nav__arrows,.eq-bottom-nav{gap:7px}.eq-nav-btn{padding:8px 9px;font-size:.84rem}
  .eq-player-shell{padding:6px 8px calc(6px + env(safe-area-inset-bottom))}
  .eq-player__main{grid-template-columns:1fr auto;grid-template-areas:"identity actions" "controls controls";row-gap:4px}
  .eq-player__identity{grid-area:identity}.eq-player__window-actions{grid-area:actions}.eq-player__controls{grid-area:controls}
  .eq-player__identity small{display:none}.eq-player__badge{width:28px;height:28px}.eq-player__identity strong{max-width:150px;font-size:.8rem}
  .eq-player__play{height:34px;min-width:82px;padding:0 10px}.eq-player__skip{width:33px;height:33px}
  .eq-player__progress-row{grid-template-columns:34px 1fr 34px;gap:5px;margin-top:1px;font-size:.58rem}
  .eq-player__options{grid-template-columns:1fr 1fr;gap:6px;margin-top:5px;padding-top:6px}.eq-player__options label{flex-direction:column;align-items:stretch;gap:3px}.eq-player__volume,.eq-player__toggle{grid-column:1 / -1;flex-direction:row!important;align-items:center!important}.eq-player__toggle{justify-content:flex-start!important}
  body.eq-player-open.eq-player-settings-open{padding-bottom:220px}
  .eq-player-reveal{left:8px;bottom:8px;font-size:.72rem;padding:6px 9px}
}
@media(max-width:340px){
  .eq-surah-title-row{gap:10px}.eq-surah-number{width:48px;height:48px}.eq-surah-hero h1{font-size:1.9rem}
  .eq-player__identity strong{max-width:118px}.eq-player__window-actions button{min-width:30px;width:30px;padding:0}.eq-player__play{min-width:76px}.eq-player__play-text{display:none}.eq-player__options{grid-template-columns:1fr}.eq-player__volume,.eq-player__toggle{grid-column:auto}.eq-player__volume,.eq-player__toggle{flex-direction:row!important}
  body.eq-player-open.eq-player-settings-open{padding-bottom:285px}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media print{#header,#footer,.eq-breadcrumb,.eq-surah-hero,.eq-smart-nav,.eq-reading-tools,.eq-section-block,.eq-bottom-nav,.eq-player-shell,.eq-player-reveal{display:none!important}.eq-surah-page{width:100%;padding:0}.eq-quran-card{box-shadow:none;border:0}.eq-surah-quran-content{font-size:22pt!important;color:#000!important;padding:0}}