/* Worship tools (src/tools/54_worship_more.py): /dhikr, /adhan, /hanafi-vs-shafi. Only what ak.css does not cover. */

/* ---------- /dhikr */
.ws_dlist{gap:1rem}
.ws_group{display:flex;align-items:center;gap:.5rem;margin-block:1rem .25rem}
.ws_mob + .ws_group{margin-block-start:0}
.ws_mob{font:400 .8125rem var(--mono);color:var(--lapis)}
@media (min-width:1024px){.ws_mob{display:none}}
.ws_reward{font-size:.9375rem;line-height:1.6;color:#2B2B2B}
.ws_reward b{font-weight:600}
.ws_dk .verse_head .badge{margin-inline-start:auto;white-space:normal;height:auto;min-height:1.375rem;padding-block:.25rem;text-align:right}
.ws_dk_foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem 1rem;padding-block-start:.75rem;border-top:1px solid var(--line-soft)}
.ws_dk_foot .verse_src{padding:0;border:0;flex:1 1 14rem}
.ws_ctr{display:flex;align-items:center;gap:.5rem;margin-inline-start:auto}
.ws_tap{display:grid;justify-items:center;align-content:center;min-width:7.5rem;min-height:3.5rem;padding:.4rem 1.1rem;border:0;border-radius:999px;background:var(--lapis);color:#fff;
  cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transition:background-color .15s,transform .08s}
.ws_tap:hover{background:var(--lapis-deep)}
.ws_tap:active{transform:scale(.97)}
.ws_tap b{font:500 1.375rem/1.1 var(--font);letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.ws_tap small{font:400 .8125rem/1.2 var(--mono);opacity:.75}
.ws_tap span:empty{display:none}
.ws_tap span{font:italic 400 .8125rem/1.3 var(--translit);color:var(--gold-soft)}
.ws_dk.is-done{background:var(--gold-tint);box-shadow:inset 0 0 0 2px var(--gold)}
.ws_dk.is-done .ws_tap{background:var(--gold-soft);color:var(--lapis-deep)}
.ws_dk.is-done .ws_tap span{color:var(--lapis-deep)}
[data-ws-dhikr].no-tl .verse_tr,[data-ws-adhan].no-tl .verse_tr,[data-ws-adhan].no-tl .ws_rep_tl{display:none}
[data-ws-dhikr].no-en .verse_en,[data-ws-dhikr].no-en .ws_reward,[data-ws-adhan].no-en .verse_en,[data-ws-adhan].no-en .ws_rep_en{display:none}
[data-ws-dhikr].hide-done .ws_dk.is-done{display:none}
.ws_week{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;align-items:end;height:4.5rem;margin:0;padding:0;list-style:none}
.ws_week li{display:grid;grid-template-rows:1fr auto;gap:.2rem;height:100%;text-align:center}
.ws_week i{align-self:end;display:block;min-height:2px;border-radius:3px 3px 0 0;background:var(--lapis-tint);box-shadow:inset 0 0 0 1px rgba(29,58,138,.25)}
.ws_week li.is-today i{background:var(--lapis)}
.ws_week small{font:400 .8125rem/1 var(--mono);color:var(--faint)}

/* ---------- /adhan */
.ws_ctl{justify-content:space-between}
.ws_ctl .tool_check{margin:0}
.ws_lines{display:grid;gap:1rem;margin:0;padding:0;list-style:none}
.ws_line{scroll-margin-block:6rem}
.ws_line_r{display:flex;align-items:center;gap:.5rem}
.ws_line.is-fajr{box-shadow:inset 0 0 0 1px rgba(201,154,46,.55)}
.ws_line.is-now{box-shadow:inset 0 0 0 2px var(--lapis);background:var(--lapis-tint);cursor:pointer}
.ws_line.is-past{opacity:.6}
.ws_rep{display:grid;gap:.5rem;padding:1rem 1.125rem;border-radius:var(--r2);background:var(--surface);box-shadow:inset 3px 0 0 var(--gold)}
.ws_rep_same{font-size:.9375rem;line-height:1.55;color:#2B2B2B}
.ws_rep_ar{font:400 clamp(1.25rem,1rem + .9vw,1.625rem)/1.9 var(--arabic);text-align:right;color:var(--text)}
.ws_rep_tl{font:italic 400 1rem/1.5 var(--translit);color:var(--lapis)}
.ws_rep_en{font-size:.9375rem;line-height:1.55;color:#2B2B2B}
.ws_rep_note{font:400 .8125rem/1.45 var(--mono);color:var(--muted)}
[data-ws-adhan].no-rep .ws_rep{display:none}
.ws_after p:not([class]){font-size:.9375rem;line-height:1.6}
.ws_after a,.ws_rep a{color:var(--lapis);text-decoration:underline;text-underline-offset:3px}

/* ---------- /hanafi-vs-shafi */
.ws_mx_bar{display:flex;flex-wrap:wrap;align-items:end;gap:.75rem 1rem}
.ws_mx_q{flex:1 1 16rem}
.ws_mx .tools_filter{flex-wrap:wrap;overflow:visible}
.ws_tbl{border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
.ws_tbl table{width:100%;border-collapse:collapse;font-size:.875rem;line-height:1.5}
.ws_tbl th,.ws_tbl td{padding:.75rem .8rem;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.ws_tbl thead th{font:400 .8125rem/1.3 var(--mono);color:var(--muted);background:var(--surface)}
.ws_tbl tbody th{font-weight:600;width:15%}
.ws_tbl tbody tr:last-child > *{border-bottom:0}
.ws_tbl td[data-s="h"],.ws_tbl thead .is-h{background:var(--gold-tint)}
.ws_tbl thead .is-h{color:var(--gold-ink)}
.ws_tbl td.is-none{color:var(--faint);font-style:italic}
.ws_topic{display:block;margin-block-end:.3rem;font:400 .8125rem/1.2 var(--mono);color:var(--faint)}
.ws_src{width:9%}
.ws_src a{color:var(--lapis);text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(29,58,138,.3)}
.ws_mx.cols-hs [data-s="m"],.ws_mx.cols-hs [data-s="b"],.ws_mx.cols-hs [data-c="m"],.ws_mx.cols-hs [data-c="b"]{display:none}
@media (max-width:899px){
  .ws_tbl{background:none;box-shadow:none;border-radius:0}
  .ws_tbl table,.ws_tbl tbody,.ws_tbl tr,.ws_tbl th,.ws_tbl td{display:block;width:auto}
  .ws_tbl thead{display:none}
  .ws_tbl tbody{display:grid;gap:.75rem}
  .ws_tbl tr{border-radius:var(--r2);background:var(--page);box-shadow:inset 0 0 0 1px var(--line);overflow:hidden}
  .ws_tbl tr[hidden]{display:none}
  .ws_tbl tbody th{width:auto;font-size:1rem;padding:1rem 1rem .5rem;border:0}
  .ws_tbl td{display:grid;grid-template-columns:4.75rem minmax(0,1fr);gap:.75rem;padding:.6rem 1rem;border-bottom:1px solid var(--line-soft)}
  .ws_tbl td::before{content:attr(data-l);font:400 .8125rem/1.6 var(--mono);color:var(--muted)}
  .ws_tbl td[data-s="h"]::before{color:var(--gold-ink)}
  .ws_tbl tr > :last-child{border-bottom:0}
  .ws_src{width:auto}
  .ws_mx.cols-hs [data-s="m"],.ws_mx.cols-hs [data-s="b"]{display:none}
}
.ws_imams{margin-block:1.75rem}
.prose .ws_imams .h3{margin-block-start:.75rem}