/* ===== V8 ARABIC + URDU + ENGLISH DESIGN SYSTEM ===== */
:root{--urdu:'Noto Nastaliq Urdu','Noto Naskh Arabic',serif;--sidebar-width:256px}
html{scroll-padding-top:18px}.page-frame{max-width:1110px;padding:34px clamp(20px,3.2vw,49px) 85px}
.page-header{margin-bottom:25px}.page-header h1{font-family:var(--serif);letter-spacing:-.7px;font-size:clamp(27px,2.4vw,37px)}
.section-head{margin-top:30px}.section-title{font-size:25px;display:flex;align-items:center;gap:6px}.section-head .ico{margin-right:0}
.translation-choice{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:5px 0 23px;padding:7px;background:#f6f3eb;border:1px solid #e9e5d9;border-radius:15px;width:fit-content;max-width:100%}
.translation-title{font-size:12px;font-weight:800;color:#667d75;padding:0 10px 0 5px;display:flex;align-items:center;gap:6px}.translation-choice button{background:transparent;border:1px solid transparent;border-radius:10px;color:#536d65;font-size:12px;font-weight:750;padding:9px 12px;min-height:36px}.translation-choice button.active{color:#fff;background:var(--emerald);box-shadow:0 4px 10px #0f57332a}.translation-choice button:hover:not(.active){background:white;border-color:#e4ded0}
.translation-stack{display:flex;flex-direction:column;gap:11px;min-width:0;overflow-wrap:break-word}.urdu-translation{font-family:var(--urdu);direction:rtl;text-align:right;font-size:clamp(16px,1.35vw,19px);font-weight:500;line-height:2.75;color:#294c3f;margin:0;padding:3px 0;overflow-wrap:anywhere}.english-translation{font-family:var(--serif);font-size:16px;line-height:1.65;margin:0;color:#283c34}.translation-stack.urdu-only .urdu-translation{font-size:clamp(18px,1.6vw,22px)}
.hadith-inner .translation-stack{flex:1;margin:12px 0 17px;gap:13px}.hadith-inner .urdu-translation{line-height:2.6;padding:2px 0}.hadith-inner .english-translation{font-size:15px;line-height:1.6;color:#445047}.hadith-inner .gold-rule{margin-top:auto}
.hadith-card{border-color:#e8e1d3;border-radius:22px;box-shadow:0 14px 26px rgba(42,60,45,.07)}.hadith-inner{padding:16px 21px 14px}.hadith-cover{height:205px}.source-badge{font-size:12px}
.dhikr-translation{width:100%;max-width:450px;margin:0 auto 2px;text-align:center}.dhikr-translation .urdu-translation{text-align:center;color:#326050;font-size:18px;line-height:2.15}.dhikr-translation .english-translation{text-align:center;font-size:14px;color:#6b7d77;font-family:var(--sans)}.dhikr-translation .translation-stack{gap:1px}
.dhikr-choice-info{min-width:0}.dhikr-choice-urdu{display:block;font:500 13px/2.35 var(--urdu);color:#357a5e;text-align:left;direction:rtl;unicode-bidi:plaintext;max-width:100%}.dhikr-choice-info small:not(.dhikr-choice-urdu){line-height:1.5;display:block}.tasbeeh-options .subhead{margin-bottom:16px}
.adhkar-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.adhkar-card{margin:0;display:flex;flex-direction:column;min-width:0}.adhkar-card .translation-stack{margin:9px 0 16px}.adhkar-card .adhkar-footer{margin-top:auto}.title-urdu{display:block;font:500 14px/2.3 var(--urdu);color:#547367;margin-top:4px}.adhkar-card h3{margin-bottom:6px}
.quran-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.quran-list .inline-card{margin:0;display:flex;flex-direction:column;justify-content:space-between}.quran-list .translation-stack{text-align:left}.quran-list .urdu-translation{text-align:right}.library-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 18px;gap:15px}.library-heading>span{font-size:12px;color:var(--muted)}.quran-feature .translation-stack{max-width:760px;margin:auto}.quran-feature .english-translation{text-align:center}
.dua-intro{border-radius:22px;background:linear-gradient(112deg,#08473b,#0c6652);color:#fff;padding:31px 34px;margin:0 0 24px;position:relative;overflow:hidden}.dua-intro:after{content:'۞';position:absolute;right:15px;top:-45px;font-size:180px;opacity:.07;color:#e4bf77}.dua-intro .eyebrow{color:#e6cc93}.dua-intro h2{font-size:clamp(27px,2.4vw,36px);margin:5px 0 10px}.dua-intro p{font-size:13px;line-height:1.6;color:#dbebe3;max-width:440px;margin:0}.dua-tabs{margin-bottom:20px}
.dua-library{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;align-items:stretch}.dua-card{background:#fffdf7;border:1px solid #e7e2d8;border-radius:23px;padding:23px 24px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-width:0}.dua-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.dua-card h3{font-size:22px;line-height:1.25;margin:15px 0 12px}.dua-arabic{font:400 25px/2.15 var(--arabic);text-align:right;direction:rtl;color:var(--emerald);background:#fbf6e9;padding:14px;border-radius:14px;border:1px solid #eee6d5}.dua-card .translation-stack{margin:18px 0 22px;flex:1}.dua-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:14px}.dua-card-bottom button{display:flex;align-items:center;gap:6px}.save-dua{display:inline-flex;align-items:center;gap:5px;border:0;background:#f4efe3;padding:9px;border-radius:11px;color:#366b56}.save-dua.saved{color:white;background:var(--emerald)}
.translation-setting{border-bottom:0!important;padding-bottom:5px!important}.translation-setting + .translation-choice{margin:3px 0 20px}
/* Consistent desktop app shell: fixed/sidebar stays full height when dashboard scrolls. */
@media(min-width:920px){
 body{background:#eaece6}.app-layout{display:block;max-width:1560px;min-height:100vh;position:relative;box-shadow:0 4px 75px rgba(12,57,45,.06)}
 .sidebar{position:fixed!important;top:0;bottom:0;left:max(0px,calc((100vw - 1560px)/2));height:100dvh!important;width:var(--sidebar-width);overflow-y:auto;overscroll-behavior:contain;padding:24px 16px 22px;background:linear-gradient(163deg,#063e34 2%,#04382f 52%,#03251f 100%);box-shadow:8px 0 30px rgba(8,49,36,.08);scrollbar-width:thin;scrollbar-color:#417166 transparent;z-index:30}
 .main-area{margin-left:var(--sidebar-width);min-height:100vh;background:#fffcf5}
 .home-frame{max-width:1180px;margin:0 auto}.home-hero{height:315px;border-radius:0 0 24px 24px}.hero-main{margin:-24px 26px 0}.home-sections{padding:0 clamp(18px,2.6vw,36px)}.home-secondary{gap:24px}.home-verse-panel{margin-top:12px}
 .brand{padding:10px 10px 20px;display:flex;align-items:center;gap:12px}.brand-emblem{width:44px;height:44px;display:grid;place-items:center;border:1px solid #7ba58e72;border-radius:13px;background:linear-gradient(140deg,#195d47,#06382f);box-shadow:inset 0 0 0 1px #ffffff12}.brand-emblem .icon{color:#e5ba71;width:23px;height:23px}.brand-copy{min-width:0}.brand-mark{font-size:26px;line-height:1.05;letter-spacing:-1.1px;display:block}.brand-dot{color:#d8aa56}.brand-sub{display:block;margin-top:5px;font-size:9px;letter-spacing:1.55px;font-weight:700}
 .sidebar-rule{height:1px;background:linear-gradient(to right,#84ad8755,transparent);margin:4px 10px 16px}.side-nav{display:block;flex:0 0 auto}.side-group{margin-bottom:22px}.side-group-label{font-size:9px;letter-spacing:1.7px;font-weight:800;color:#91bbaf;margin:0 12px 11px}.side-link{width:100%;background:transparent;border:0;color:#c2d7ce;padding:11px 13px;border-radius:12px;display:flex;align-items:center;gap:13px;text-align:left;min-height:44px;position:relative;font-size:13px;font-weight:650;letter-spacing:.08px;transition:background .15s,color .15s}.side-link .icon{width:18px;height:18px;stroke-width:1.8;color:#b1cfc1}.side-link:hover{background:#ffffff0c;color:#fff}.side-link.active{background:linear-gradient(95deg,#13705a,#105442);box-shadow:inset 2px 0 #ecc47c,0 7px 20px #011f1936;color:#fff}.side-link.active .icon{color:#f9d695}.active-mark{margin-left:auto;border-radius:50%;width:5px;height:5px;background:#f9cc72;box-shadow:0 0 0 3px #ffffff14}
 .sidebar-bottom{margin-top:auto;border:1px solid #ffffff1f;border-radius:17px;padding:15px 13px 12px;background:linear-gradient(115deg,#ffffff09,#ffffff02)}.sidebar-verse{color:#f0d49b;text-align:center;font-family:var(--arabic);font-size:20px;line-height:1.8}.sidebar-urdu{font:400 11px/2.5 var(--urdu);color:#dbd3b8;text-align:center}.sidebar-source{display:block;color:#92b9ac;font-size:9px;font-weight:700;letter-spacing:1.5px;text-align:center;margin:4px 0 14px}.sidebar-lang{border:1px solid #ffffff29;border-radius:10px;background:#ffffff0a;padding:9px;color:#e2eee9;width:100%;display:flex;align-items:center;justify-content:space-around;font-size:11px;font-weight:700}
}
@media(min-width:920px) and (max-height:800px){.sidebar{padding-top:14px;padding-bottom:13px}.brand{padding-bottom:13px}.side-group{margin-bottom:11px}.side-group-label{margin-bottom:5px}.side-link{min-height:39px;padding:8px 12px}.sidebar-bottom{padding:9px 12px}.sidebar-verse{font-size:17px}}
@media(max-width:919px){.sidebar{display:none}.page-frame{padding:23px 18px 110px}.translation-choice{width:100%;gap:4px;padding:6px;margin:0 0 19px}.translation-title{flex-basis:100%;padding:2px 7px 4px}.translation-choice button{flex:1 1 auto;padding:8px 7px;font-size:11px}.hadith-inner .urdu-translation{font-size:17px;line-height:2.65}.hadith-inner .english-translation{font-size:15px}.dhikr-choice-urdu{font-size:12px}.adhkar-list,.quran-list,.dua-library{grid-template-columns:1fr}.dua-card{padding:20px 19px}.dua-arabic{font-size:24px}.dua-intro{padding:23px 22px}.library-heading{margin-top:24px}.home-frame .hadith-card{flex-basis:82%}.sidebar-bottom{display:none}}
@media(max-width:359px){.translation-choice button{font-size:10px}.hadith-inner{padding-left:15px;padding-right:15px}.urdu-translation{font-size:16px}.dua-card{padding:16px}}
@media(prefers-reduced-motion:reduce){.side-link,.translation-choice button{transition:none}}


.app-layout[data-theme=dark] .translation-choice{background:#193b30;border-color:#365548}.app-layout[data-theme=dark] .translation-title{color:#a8c6b8}.app-layout[data-theme=dark] .translation-choice button{color:#c8dcd3}.app-layout[data-theme=dark] .translation-choice button.active{background:#0c7b5c;color:#fff}.app-layout[data-theme=dark] .urdu-translation,.app-layout[data-theme=dark] .english-translation{color:#d6e9dd}.app-layout[data-theme=dark] .dua-card{background:#203a31;border-color:#365548}.app-layout[data-theme=dark] .dua-arabic{background:#153b30;color:#e9d6aa;border-color:#3d5947}.app-layout[data-theme=dark] .dua-intro{background:linear-gradient(120deg,#05372e,#0c5543)}.app-layout[data-theme=dark] .dhikr-translation .urdu-translation{color:#205843}.app-layout[data-theme=dark] .dhikr-translation .english-translation{color:#4b7665}.app-layout[data-theme=dark] .dua-card .english-translation{color:#d6e9dd}

/* V8: original source Arabic is never hidden by translation preferences. */
.arabic-source{padding:4px 0 5px;border-bottom:1px solid #e9e4d8;margin:5px 0 10px}
.arabic-source-caption{display:block;text-align:right;font-family:var(--arabic);font-size:13px;letter-spacing:.2px;color:#9c7b3d}
.hadith-inner .hadith-arabic{font-size:clamp(21px,2.1vw,25px);line-height:2.08;margin:6px 0 11px;direction:rtl;text-align:center;unicode-bidi:plaintext}
.hadith-inner .translation-stack{margin:5px 0 15px;gap:12px}
.translation-unit{min-width:0}.translation-unit-label{display:block;font-family:var(--sans);font-size:10px;letter-spacing:.65px;text-transform:uppercase;font-weight:800;color:#927343;margin-bottom:5px}
.urdu-unit .translation-unit-label{font-family:var(--urdu);font-size:13px;text-align:right;direction:rtl;letter-spacing:0;text-transform:none}
.translation-unit .urdu-translation{line-height:2.45}.translation-unit .english-translation{line-height:1.65}
.dhikr-source-arabic{font:400 clamp(25px,3vw,34px)/1.9 var(--arabic);color:#0c5745;margin:0 auto 4px;text-align:center;max-width:90%;direction:rtl}
.dhikr-choice-arabic{display:block;font:400 18px/1.9 var(--arabic);color:#1d6450;text-align:right;direction:rtl;margin:0}
.dhikr-choice{align-items:center}.dhikr-choice-info{overflow:hidden}
.adhkar-card .verse-arabic,.quran-view .verse-arabic,.dua-arabic{font-family:var(--arabic);direction:rtl;unicode-bidi:plaintext}
/* Respect the approved premium mobile layout while allowing the full original Arabic to wrap */
@media(max-width:919px){
  .hadith-inner .hadith-arabic{font-size:21px;line-height:1.95;margin:3px 0 10px}
  .arabic-source{margin-bottom:8px}.dhikr-source-arabic{font-size:29px}
  .dhikr-choice-arabic{font-size:17px}.translation-unit-label{font-size:9px}
  .hadith-inner .translation-stack{gap:10px}
}
@media(max-width:359px){.hadith-inner .hadith-arabic{font-size:19px}}
.app-layout[data-theme=dark] .arabic-source{border-color:#42624f}
.app-layout[data-theme=dark] .arabic-source-caption,.app-layout[data-theme=dark] .translation-unit-label{color:#dcc591}
.app-layout[data-theme=dark] .dhikr-choice-arabic{color:#afd9bf}

/* V9: reference-matched, fully readable Arabic + Urdu + English Hadith cards. */
.hadith-card .hadith-arabic,
.home-frame .hadith-card .hadith-arabic,
.hadith-view .hadith-card .hadith-arabic {
  display:block !important;
  overflow:visible !important;
  max-height:none !important;
  -webkit-line-clamp:unset !important;
  -webkit-box-orient:initial !important;
  white-space:normal;
  width:100%;
  font-family:var(--arabic), 'Noto Naskh Arabic', serif;
  font-weight:400;
  font-size:clamp(20px,1.8vw,24px);
  line-height:1.95;
  letter-spacing:0;
  direction:rtl;
  text-align:center;
  color:#173e34;
  padding:0 0 2px;
  margin:7px 0 6px;
}
.hadith-card, .home-frame .hadith-card, .page-frame .hadith-card{
  max-height:none!important;
  height:auto;
  min-height:0;
  overflow:hidden;
}
.hadith-slider{align-items:stretch}
.hadith-inner {min-height:0!important; gap:0}
.hadith-card .hadith-cover {height:190px;flex-shrink:0}
.hadith-card .arabic-source{padding:0 0 7px;margin:7px 0 10px;flex-shrink:0}
.hadith-card .arabic-source-caption{font-size:12px;font-weight:600;line-height:1.6}
.hadith-card .translation-stack{
  flex:0 0 auto;
  gap:12px;
  margin:6px 0 15px;
}
.hadith-card .translation-unit{flex:0 0 auto}
.hadith-card .translation-unit-label{font-size:10px;line-height:1.55;margin-bottom:4px}
.hadith-card .urdu-unit .translation-unit-label{font-size:12px}
.hadith-card .urdu-translation,
.hadith-card .translation-stack.urdu-only .urdu-translation{
  font-size:clamp(14px,1.1vw,17px);
  line-height:2.15;
  padding:0;
  font-weight:500;
  color:#205b49;
  text-align:right;
  overflow-wrap:normal;
  word-break:normal;
}
.hadith-card .english-translation{
  font-family:var(--sans);
  font-size:13.5px;
  font-weight:500;
  line-height:1.6;
  color:#4d635b;
}
.hadith-card .gold-rule {margin-top:auto}
.hadith-card .hadith-ref{margin-top:8px}
.hadith-card .card-actions {gap:4px;flex-shrink:0}
.hadith-card .card-actions button{min-height:38px;justify-content:center}
@media(min-width:920px){
  .home-frame .hadith-card{flex-basis:calc(50% - 9px)}
  .home-frame .hadith-card .hadith-cover{height:180px}
  .home-frame .hadith-card .hadith-inner{padding:18px 21px 13px}
}
@media(max-width:919px){
  .hadith-card .hadith-cover{height:165px}
  .hadith-card .hadith-inner{padding:16px 15px 13px}
  .hadith-card .hadith-arabic,.home-frame .hadith-card .hadith-arabic{font-size:20px;line-height:1.94}
  .hadith-card .urdu-translation{font-size:15px;line-height:2.05}
  .hadith-card .english-translation{font-size:13px;line-height:1.55}
  .hadith-card .card-actions button{font-size:11px}
}
@media(max-width:359px){.hadith-card .hadith-arabic{font-size:19px}}
.app-layout[data-theme=dark] .hadith-card .hadith-arabic{color:#e5f4e9}
.app-layout[data-theme=dark] .hadith-card .urdu-translation{color:#d8eadf}
.app-layout[data-theme=dark] .hadith-card .english-translation{color:#c8ddd1}


/* Al-Hamid V11 — Noorehira typography, applied to Arabic only.
   Urdu retains Noto Nastaliq Urdu; English remains unchanged. */
:where([lang="ar"], .hadith-arabic, .verse-arabic, .dua-arabic,
       .dhikr-source-arabic, .dhikr-choice-arabic, .arabic-source-caption) {
  font-family:var(--arabic);
  font-synthesis:none;
  font-weight:400;
  letter-spacing:normal;
  text-rendering:optimizeLegibility;
}
.hadith-inner .hadith-arabic {line-height:2.25; padding-block:5px}
.verse-arabic,.dua-arabic,.adhkar-card .verse-arabic {line-height:2.2}
.dhikr-source-arabic{line-height:2.15}
.dhikr-choice-arabic{line-height:2.05}
@media(max-width:600px){
 .hadith-inner .hadith-arabic{line-height:2.15}
 .verse-arabic,.dua-arabic,.adhkar-card .verse-arabic{line-height:2.2}
}

/* V12 Arabic typography: keep Arabic original readable and distinct from Urdu Nastaliq. */
:root { --arabic: "Noorehira", "Amiri", "Noto Naskh Arabic", serif; }
:where(.hadith-arabic,.verse-arabic,.dua-arabic,.dhikr-source-arabic,.dhikr-choice-arabic,[lang="ar"]) {
  font-family: var(--arabic) !important;
  font-weight: 400 !important;
  font-synthesis: none;
  letter-spacing: 0;
  direction: rtl;
  unicode-bidi: plaintext;
  text-rendering: optimizeLegibility;
}
.hadith-arabic, .verse-arabic, .dua-arabic { line-height: 2.35 !important; }
.dhikr-source-arabic,.dhikr-choice-arabic { line-height: 2.1 !important; }
/* English display type and Urdu translation retain their existing font stacks. */
:where(.urdu-translation,[lang="ur"]) { font-family: "Noto Nastaliq Urdu", serif; }
@media (max-width: 600px) {
  .hadith-arabic,.verse-arabic,.dua-arabic { line-height: 2.35 !important; }
}