/* Responsive home + mobile polish (loaded last) */

/* Cancel older home suppression rules */
#screenHome #homePrayerCard {
  display: block !important;
}

/* Disable legacy moved prayer-card styling if script still exists */
#screenHome #prayerResultsCard.prayer-card-in-home {
  display: none !important;
}

#homeScreenContent {
  display: grid !important;
  gap: 16px !important;
}

#homeScreenContent > .card,
#homeScreenContent > section {
  margin: 0 !important;
}

#homeScreenContent .divider,
#homeScreenContent .divider::before,
#homeScreenContent .divider::after,
#homePrayerCard .divider,
#homePrayerCard .divider::before,
#homePrayerCard .divider::after {
  display: none !important;
  content: none !important;
}

#homePrayerCard.home-prayer-card-v3f,
#homeScreenContent .home-tools-card-v3f {
  padding: 18px !important;
}

#homeScreenContent .home-prayer-head-v3f,
#homeScreenContent .home-tools-head-v3f {
  align-items: flex-start !important;
  margin-bottom: 12px !important;
}

#homeScreenContent .home-kicker {
  color: var(--fg) !important;
  font-family: var(--display) !important;
  font-size: var(--fs-display-1) !important;
  font-weight: 600 !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  margin-bottom: 2px !important;
}

#homeScreenContent .home-prayer-city-v3f {
  font-size: var(--fs-meta) !important;
  line-height: 1.45 !important;
  color: var(--muted) !important;
  font-family: var(--mono) !important;
}

#homeScreenContent .home-live-clock-v3f {
  display: flex !important;
  flex-direction: column !important;
  align-items: flex-end !important;
  gap: 2px !important;
  text-align: right !important;
  min-width: 120px;
}

#homeScreenContent .home-live-clock-v3f .prayer-live-clock-time {
  font-size: var(--fs-display-1) !important;
  line-height: 1 !important;
  font-weight: 700 !important;
}

#homeScreenContent .home-live-clock-v3f .prayer-live-clock-date {
  font-size: var(--fs-meta) !important;
  color: rgba(var(--gold-rgb), 0.82) !important;
}

#homeScreenContent .home-times-grid-v3f {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

#homeScreenContent .home-time-card-v3f {
  min-height: 86px !important;
  padding: 14px 16px !important;
  border-radius: 18px !important;
  background: rgba(255, 255, 255, 0.035) !important;
}

#homeScreenContent .home-time-card-v3f .time-name {
  font-size: var(--fs-meta) !important;
  margin-bottom: 6px !important;
}

#homeScreenContent .home-time-card-v3f .time-value {
  font-size: var(--fs-h3) !important;
  line-height: 1.2 !important;
}

#homeScreenContent .home-time-icon {
  font-size: var(--fs-body) !important;
  opacity: 0.95 !important;
}

#homeScreenContent .home-next-prayer-v3f {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 12px 14px !important;
  margin: 6px 0 0 !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.025) !important;
}

#homeScreenContent .home-next-main-v3f,
#homeScreenContent .home-next-countdown-v3f {
  display: flex !important;
  flex-direction: column !important;
  gap: 4px !important;
}

#homeScreenContent .home-next-countdown-v3f {
  text-align: right !important;
}

#homeScreenContent .home-np-label-v3f {
  color: var(--muted) !important;
  font-size: var(--fs-micro) !important;
  font-family: var(--mono) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
}

#homeScreenContent .home-np-value-v3f {
  font-size: var(--fs-body) !important;
  line-height: 1.25 !important;
  font-weight: 700 !important;
}

#homeScreenContent .home-np-countdown-v3f {
  color: var(--accent) !important;
}

#homeScreenContent .home-quran-strip-v3f {
  display: grid !important;
  gap: 8px !important;
  padding: 14px 16px !important;
  margin-top: 10px !important;
  border: 1px solid rgba(255, 255, 255, 0.07) !important;
  border-radius: 18px !important;
  background: linear-gradient(160deg, rgba(17,30,58,0.74) 0%, rgba(10,20,42,0.88) 100%) !important;
}

#homeScreenContent .home-quran-strip-top-v3f,
#homeScreenContent .home-quran-strip-mid-v3f {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}

#homeScreenContent .home-quran-strip-title-v3f {
  font-family: var(--display) !important;
  font-size: var(--fs-h3) !important;
  font-weight: 600 !important;
}

#homeScreenContent .home-qd-pos-v3f,
#homeScreenContent .home-qd-progress-label-v3f {
  color: var(--muted) !important;
  font-size: var(--fs-label) !important;
}

#homeScreenContent .home-qd-streak-v3f,
#homeScreenContent .home-qd-progress-pct-v3f {
  color: var(--accent) !important;
  font-size: var(--fs-meta) !important;
  font-weight: 700 !important;
}

#homeScreenContent .home-qd-bar-v3f {
  height: 5px !important;
  background: rgba(255,255,255,0.08) !important;
  border-radius: 999px !important;
  overflow: hidden !important;
}

#homeScreenContent .home-qd-bar-fill-v3f {
  height: 100% !important;
  background: linear-gradient(90deg, rgba(var(--gold-rgb),.95), rgba(var(--green-rgb),.85)) !important;
}

#homeScreenContent .home-qd-actions-v3f {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

#homeScreenContent .home-qd-btn-v3f {
  min-height: 38px !important;
  padding: 8px 12px !important;
  font-size: var(--fs-meta) !important;
  width: 100% !important;
}

#homeScreenContent .home-prayer-actions-v3f {
  display: flex !important;
  gap: 8px !important;
  margin-top: 12px !important;
  flex-wrap: wrap !important;
}

#homeScreenContent .home-prayer-actions-v3f .btn {
  min-height: 40px !important;
  padding: 8px 12px !important;
}

#homeScreenContent .home-tools-card-v3f {
  padding: 18px !important;
}

#homeScreenContent .home-tools-head-v3f .meta {
  max-width: 48ch;
}

#homeScreenContent .home-tools-grid-v3f {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 12px !important;
}

#homeScreenContent .home-tool-btn-v3f {
  min-width: 0 !important;
  min-height: 96px !important;
  padding: 12px 8px !important;
  border-radius: 18px !important;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  text-align: center !important;
  background: rgba(255,255,255,0.03) !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
}

#homeScreenContent .home-tool-btn-v3f .home-tool-icon {
  font-size: var(--fs-h1) !important;
  line-height: 1 !important;
}

#homeScreenContent .home-tool-btn-v3f .home-tool-label {
  font-size: var(--fs-label) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
}

#homeScreenContent .home-more-tools-row-v3f {
  margin-top: 14px !important;
  padding-top: 12px !important;
  border-top: 1px solid rgba(255,255,255,0.06) !important;
}

#homeScreenContent .home-subtle-label-v3f {
  color: var(--muted) !important;
  font-family: var(--mono) !important;
  font-size: var(--fs-micro) !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  margin-bottom: 8px !important;
}

#homeScreenContent .home-links-row-v3f {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}

#homeScreenContent .home-link-pill-v3f {
  min-height: 34px !important;
  padding: 6px 12px !important;
  border-radius: 999px !important;
}

#homeScreenContent .home-inline-note-v3f {
  margin-top: 10px !important;
  font-size: var(--fs-meta) !important;
}

/* Tablet */
@media (max-width: 1024px) {
  #homeScreenContent .home-times-grid-v3f {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #homeScreenContent .home-tools-grid-v3f {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  #homeScreenContent .home-tool-btn-v3f {
    min-height: 88px !important;
  }
}

/* Mobile */
@media (max-width: 700px) {
  .app-header {
    flex-direction: row !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    padding: calc(10px + var(--safe-top)) 12px 10px !important;
    flex-wrap: nowrap !important;
  }

  .app-header > .brand {
    width: auto !important;
    min-width: 0;
    flex: 1 1 auto;
    gap: 10px !important;
  }

  .brand-mark {
    width: 36px !important;
    height: 36px !important;
    border-radius: 12px !important;
    font-size: var(--fs-h3) !important;
  }

  .brand-title {
    font-size: var(--fs-label) !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  .brand-tagline,
  .brand-privacy-pills,
  .brand-rotating {
    display: none !important;
  }

  .header-actions {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin-left: auto !important;
    flex: 0 0 auto;
  }

  #langSelect {
    min-width: 52px !important;
    padding: 6px 28px 6px 8px !important;
    font-size: var(--fs-micro) !important;
    margin-left: 0 !important;
  }

  .btn-donate {
    min-height: 36px !important;
    padding: 8px 10px !important;
  }

  .btn-donate span {
    display: none;
  }

  .container {
    margin: 12px auto 24px !important;
    padding: 0 12px !important;
    gap: 12px !important;
    padding-bottom: calc(90px + var(--safe-bottom)) !important;
  }

  #homePrayerCard.home-prayer-card-v3f,
  #homeScreenContent .home-tools-card-v3f {
    padding: 14px !important;
  }

  #homeScreenContent .home-prayer-head-v3f {
    margin-bottom: 10px !important;
  }

  #homeScreenContent .home-kicker {
    font-size: var(--fs-h3) !important;
    margin-bottom: 4px !important;
  }

  #homeScreenContent .home-prayer-city-v3f {
    font-size: var(--fs-meta) !important;
  }

  #homeScreenContent .home-live-clock-v3f {
    min-width: unset;
  }

  #homeScreenContent .home-live-clock-v3f .prayer-live-clock-time {
    font-size: var(--fs-h2) !important;
  }

  #homeScreenContent .home-live-clock-v3f .prayer-live-clock-date {
    font-size: var(--fs-micro) !important;
  }

  #homeScreenContent .home-times-grid-v3f {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-bottom: 10px !important;
  }

  #homeScreenContent .home-time-card-v3f {
    min-height: 76px !important;
    padding: 12px !important;
    border-radius: 16px !important;
  }

  #homeScreenContent .home-time-card-v3f .time-name {
    font-size: var(--fs-micro) !important;
    margin-bottom: 4px !important;
  }

  #homeScreenContent .home-time-card-v3f .time-value {
    font-size: var(--fs-body) !important;
  }

  #homeScreenContent .home-next-prayer-v3f {
    gap: 10px !important;
    padding: 10px 12px !important;
  }

  #homeScreenContent .home-np-value-v3f {
    font-size: var(--fs-body) !important;
  }

  #homeScreenContent .home-quran-strip-v3f {
    padding: 12px !important;
  }

  #homeScreenContent .home-quran-strip-title-v3f {
    font-size: var(--fs-h3) !important;
  }

  #homeScreenContent .home-qd-progress-label-v3f,
  #homeScreenContent .home-qd-pos-v3f,
  #homeScreenContent .home-qd-streak-v3f,
  #homeScreenContent .home-qd-progress-pct-v3f {
    font-size: var(--fs-label) !important;
  }

  #homeScreenContent .home-qd-actions-v3f {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #homeScreenContent .home-qd-btn-v3f {
    min-height: 36px !important;
    padding: 8px 10px !important;
    font-size: var(--fs-meta) !important;
  }

  #homeScreenContent .home-prayer-actions-v3f {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  #homeScreenContent .home-prayer-actions-v3f .btn {
    width: 100% !important;
    justify-content: center !important;
  }

  #homeScreenContent .home-tools-head-v3f {
    margin-bottom: 10px !important;
  }

  #homeScreenContent .home-tools-grid-v3f {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  #homeScreenContent .home-tool-btn-v3f {
    min-height: 78px !important;
    border-radius: 16px !important;
    padding: 10px 6px !important;
    gap: 6px !important;
  }

  #homeScreenContent .home-tool-btn-v3f .home-tool-icon {
    font-size: var(--fs-h2) !important;
  }

  #homeScreenContent .home-tool-btn-v3f .home-tool-label {
    font-size: var(--fs-micro) !important;
  }

  .ayah-pill {
    bottom: calc(76px + var(--safe-bottom)) !important;
  }

  .bottom-nav {
    padding-bottom: calc(8px + var(--safe-bottom)) !important;
  }
}

@media (max-width: 420px) {
  .app-header {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }

  .brand-title {
    font-size: var(--fs-meta) !important;
  }

  #langSelect {
    width: 46px !important;
    min-width: 46px !important;
  }

  .btn-donate {
    width: 36px !important;
    padding: 8px !important;
    justify-content: center !important;
  }

  #homeScreenContent .home-prayer-head-v3f {
    gap: 8px !important;
  }

  #homeScreenContent .home-live-clock-v3f .prayer-live-clock-time {
    font-size: var(--fs-h2) !important;
  }

  #homeScreenContent .home-next-prayer-v3f {
    flex-direction: column !important;
    align-items: flex-start !important;
  }

  #homeScreenContent .home-next-countdown-v3f {
    text-align: left !important;
  }

  #homeScreenContent .home-quran-strip-top-v3f,
  #homeScreenContent .home-quran-strip-mid-v3f {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
}

/* RTL safety */
html[dir="rtl"] #homeScreenContent .home-tool-btn-v3f {
  text-align: center !important;
  flex-direction: column !important;
}

html[dir="rtl"] #homeScreenContent .home-next-prayer-v3f {
  direction: rtl;
}


/* Daily Quran redesign v1 */
#homeScreenContent .home-qd-redesign-v1{
  gap:14px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:
    radial-gradient(circle at top center, rgba(212,164,58,0.12) 0%, rgba(212,164,58,0.02) 22%, transparent 48%),
    linear-gradient(160deg, rgba(10,28,70,0.96) 0%, rgba(5,18,49,0.98) 100%) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,0.24) !important;
}
#homeScreenContent .home-qd-hero-v1{
  position:relative;
  min-height:140px;
  border-radius:20px;
  overflow:hidden;
  padding:18px 18px 14px;
  border:1px solid rgba(255,255,255,0.06);
  background:
    radial-gradient(circle at center, rgba(212,164,58,0.22) 0%, rgba(212,164,58,0.06) 26%, transparent 58%),
    linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
}
#homeScreenContent .home-qd-hero-glow-v1{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at center 70%, rgba(212,164,58,0.32), transparent 28%),
    linear-gradient(90deg, transparent 15%, rgba(212,164,58,0.15) 50%, transparent 85%);
  pointer-events:none;
}
#homeScreenContent .home-qd-hero-book-v1{
  position:relative;
  font-size:54px;
  line-height:1;
  text-align:center;
  margin-top:8px;
}
#homeScreenContent .home-qd-hero-line-v1{
  position:relative;
  text-align:center;
  margin-top:10px;
  color:rgba(var(--gold-rgb),0.94);
  font-family:var(--arabic,var(--display)) !important;
  font-size:var(--fs-h3);
  font-weight:700;
}
#homeScreenContent .home-qd-header-v1{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
#homeScreenContent .home-qd-title-v1{
  font-size:var(--fs-h2) !important;
  margin-bottom:4px;
}
#homeScreenContent .home-qd-subtitle-v1{
  color:var(--muted) !important;
  font-size:var(--fs-meta) !important;
  line-height:1.5;
}
#homeScreenContent .home-qd-streak-badge-v1{
  flex-shrink:0;
  padding:8px 12px;
  border-radius:999px;
  font-size:var(--fs-meta);
  font-weight:700;
  background:rgba(212,164,58,0.12);
  border:1px solid rgba(212,164,58,0.18);
  color:var(--accent);
}
#homeScreenContent .home-qd-summary-v1{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
}
#homeScreenContent .home-qd-stat-v1{
  padding:12px 12px;
  border-radius:16px;
  background:rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.06);
}
#homeScreenContent .home-qd-stat-label-v1{
  color:var(--muted);
  font-size:var(--fs-micro);
  margin-bottom:6px;
}
#homeScreenContent .home-qd-stat-value-v1{
  color:var(--fg);
  font-size:var(--fs-body);
  font-weight:800;
  line-height:1.25;
}
#homeScreenContent .home-qd-stat-value-v1 span{
  font-size:var(--fs-meta);
  color:var(--muted);
  font-weight:600;
}
#homeScreenContent .home-qd-stat-value-v1.is-achieved{
  color:var(--accent);
}
#homeScreenContent .home-qd-progress-v1{
  margin-top:2px;
}
#homeScreenContent .home-qd-progress-top-v1{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
  color:var(--muted);
  font-size:var(--fs-meta);
}
#homeScreenContent .home-qd-progress-top-v1 strong{
  font-size:var(--fs-body);
  color:var(--fg);
  font-weight:800;
}
#homeScreenContent .home-qd-progress-bar-v1{
  height:8px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,0.08);
}
#homeScreenContent .home-qd-progress-fill-v1{
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(var(--gold-rgb),0.96), rgba(var(--green-rgb),0.88));
}
#homeScreenContent .home-qd-note-v1{
  color:rgba(var(--gold-rgb),0.92);
  font-size:var(--fs-meta);
  line-height:1.6;
}
#homeScreenContent .home-qd-actions-v1{
  margin-top:2px;
}
#homeScreenContent .home-qd-btn-v1{
  width:100% !important;
  min-height:52px !important;
  border-radius:18px !important;
  font-size:var(--fs-body) !important;
  font-weight:800 !important;
  background:linear-gradient(180deg, rgba(212,164,58,0.98), rgba(184,131,10,0.98)) !important;
  color:#101010 !important;
  border:none !important;
  box-shadow:0 14px 30px rgba(184,131,10,0.22) !important;
}
html[dir="rtl"] #homeScreenContent .home-qd-header-v1{
  flex-direction:row-reverse;
}
html[dir="rtl"] #homeScreenContent .home-qd-summary-v1{
  direction:rtl;
}
html[dir="rtl"] #homeScreenContent .home-qd-progress-top-v1{
  flex-direction:row-reverse;
}
html[dir="rtl"] #homeScreenContent .home-qd-title-wrap-v1,
html[dir="rtl"] #homeScreenContent .home-qd-subtitle-v1,
html[dir="rtl"] #homeScreenContent .home-qd-stat-v1,
html[dir="rtl"] #homeScreenContent .home-qd-note-v1{
  text-align:right;
}
@media (max-width: 820px){
  #homeScreenContent .home-qd-summary-v1{
    grid-template-columns:1fr;
  }
  #homeScreenContent .home-qd-redesign-v1{
    padding:16px !important;
  }
  #homeScreenContent .home-qd-hero-v1{
    min-height:122px;
  }
  #homeScreenContent .home-qd-title-v1{
    font-size:var(--fs-h2) !important;
  }
  #homeScreenContent .home-qd-btn-v1{
    min-height:50px !important;
    font-size:var(--fs-body) !important;
  }
}


/* Daily Quran final polish */
#homeScreenContent .home-qd-redesign-v1{
  gap: 12px !important;
  padding: 20px !important;
  border: 1px solid rgba(212,164,58,0.16) !important;
}
#homeScreenContent .home-qd-hero-v1{
  min-height: 110px !important;
  padding: 14px 18px 10px !important;
  border-radius: 18px !important;
  display: grid !important;
  justify-items: center !important;
  align-content: center !important;
  gap: 4px !important;
  text-align: center !important;
}
#homeScreenContent .home-qd-hero-book-v1{
  font-size: 44px !important;
  margin-top: 0 !important;
}
#homeScreenContent .home-qd-hero-line-v1{
  margin-top: 2px !important;
  font-size: var(--fs-body) !important;
}
#homeScreenContent .home-qd-hero-title-v1{
  font-family: var(--display) !important;
  font-size: var(--fs-h1) !important;
  line-height: 1.15 !important;
  font-weight: 700 !important;
  color: var(--fg) !important;
  margin-top: 6px !important;
}
#homeScreenContent .home-qd-hero-pos-v1{
  font-size: var(--fs-meta) !important;
  color: var(--muted) !important;
  line-height: 1.45 !important;
}
#homeScreenContent .home-qd-streak-badge-v1{
  position: absolute !important;
  top: 14px !important;
  right: 14px !important;
}
html[dir="rtl"] #homeScreenContent .home-qd-streak-badge-v1{
  right: auto !important;
  left: 14px !important;
}
#homeScreenContent .home-qd-summary-v1{
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
#homeScreenContent .home-qd-stat-v1{
  min-height: 84px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  align-items: center !important;
  text-align: center !important;
}
#homeScreenContent .home-qd-stat-label-v1{
  font-size: var(--fs-meta) !important;
  margin-bottom: 7px !important;
}
#homeScreenContent .home-qd-stat-value-v1{
  font-size: var(--fs-body) !important;
}
#homeScreenContent .home-qd-stat-value-v1.is-pending{
  color: #dfe7ff !important;
}
#homeScreenContent .home-qd-stat-value-v1.is-achieved{
  color: var(--accent) !important;
}
#homeScreenContent .home-qd-progress-v1{
  margin-top: 2px !important;
}
#homeScreenContent .home-qd-progress-top-v1{
  margin-bottom: 8px !important;
}
#homeScreenContent .home-qd-note-v1{
  margin-top: 0 !important;
  padding-top: 6px !important;
  font-size: var(--fs-label) !important;
  color: rgba(var(--gold-rgb),0.88) !important;
}
#homeScreenContent .home-qd-actions-v1{
  margin-top: 2px !important;
}
#homeScreenContent .home-qd-btn-v1{
  min-height: 56px !important;
  border-radius: 20px !important;
  font-size: var(--fs-h3) !important;
  letter-spacing: 0 !important;
}
@media (max-width: 820px){
  #homeScreenContent .home-qd-redesign-v1{
    padding: 16px !important;
  }
  #homeScreenContent .home-qd-hero-v1{
    min-height: 96px !important;
    padding: 12px 14px 9px !important;
  }
  #homeScreenContent .home-qd-hero-book-v1{
    font-size: var(--fs-display-1) !important;
  }
  #homeScreenContent .home-qd-hero-title-v1{
    font-size: var(--fs-h2) !important;
  }
  #homeScreenContent .home-qd-summary-v1{
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  #homeScreenContent .home-qd-stat-v1{
    min-height: 72px !important;
  }
  #homeScreenContent .home-qd-btn-v1{
    min-height: 52px !important;
    font-size: var(--fs-body) !important;
  }
}


/* Daily Quran premium polish */
#homeScreenContent .home-qd-redesign-v1{
  position: relative !important;
}
#homeScreenContent .home-qd-hero-v1{
  overflow: hidden !important;
}
#homeScreenContent .home-qd-hero-glow-v1{
  background:
    radial-gradient(circle at center 70%, rgba(212,164,58,0.26), transparent 22%),
    linear-gradient(90deg, transparent 24%, rgba(212,164,58,0.12) 50%, transparent 76%) !important;
  filter: blur(0.2px);
}
#homeScreenContent .home-qd-hero-v1::after{
  content:"";
  position:absolute;
  inset:auto 18% 18px 18%;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(212,164,58,0.22), transparent);
  pointer-events:none;
}
#homeScreenContent .home-qd-actions-v1--top{
  margin-top: 6px !important;
  margin-bottom: 4px !important;
}
#homeScreenContent .home-qd-btn-v1{
  box-shadow:
    0 14px 30px rgba(184,131,10,0.18),
    inset 0 1px 0 rgba(255,255,255,0.22) !important;
  transition: transform .14s ease, box-shadow .18s ease, filter .18s ease !important;
}
#homeScreenContent .home-qd-btn-v1:hover{
  box-shadow:
    0 16px 34px rgba(184,131,10,0.24),
    inset 0 1px 0 rgba(255,255,255,0.24) !important;
  filter: brightness(1.02);
}
#homeScreenContent .home-qd-btn-v1:active{
  transform: scale(.986) translateY(1px) !important;
}
#homeScreenContent .home-qd-summary-v1{
  display:flex !important;
  justify-content:space-between !important;
  gap:32px !important;
  align-items:flex-start !important;
  margin-top:10px !important;
  padding-top:12px !important;
  border-top:1px solid rgba(255,255,255,0.06) !important;
}
#homeScreenContent .home-qd-stat-row-v1{
  flex:1 1 0 !important;
  min-height:0 !important;
  padding:0 !important;
  border:none !important;
  border-radius:0 !important;
  background:transparent !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:10px !important;
}
#homeScreenContent .home-qd-stat-row-v1 .home-qd-stat-label-v1{
  font-size:var(--fs-label) !important;
  opacity:.86 !important;
  white-space:nowrap !important;
}
#homeScreenContent .home-qd-stat-row-v1 .home-qd-stat-value-v1{
  font-size:var(--fs-body) !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}
#homeScreenContent .home-qd-note-v1{
  margin-top:8px !important;
  padding-top:0 !important;
  opacity:.84 !important;
}
html[dir="rtl"] #homeScreenContent .home-qd-summary-v1{
  flex-direction:row-reverse !important;
}
@media (max-width: 1100px){
  #homeScreenContent .home-qd-summary-v1{
    gap:20px !important;
  }
}
@media (max-width: 820px){
  #homeScreenContent .home-qd-summary-v1{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    border-top:1px solid rgba(255,255,255,0.06) !important;
  }
  #homeScreenContent .home-qd-stat-row-v1{
    min-height:48px !important;
    padding:8px 0 !important;
  }
  #homeScreenContent .home-qd-stat-row-v1 .home-qd-stat-label-v1{
    font-size:var(--fs-meta) !important;
  }
  #homeScreenContent .home-qd-stat-row-v1 .home-qd-stat-value-v1{
    font-size:var(--fs-label) !important;
  }
}


/* ═══════════════════════════════════════════════════════════════
   Quran Daily Card — v1 redesign
   Hero: centered basmala (large) → floating SVG book → position
         label → title → streak badge with CSS flame
   Removed: progress-top-v1 (0/10 counter), note-v1 (quote)
   Added:   book-wrap-v1, book-svg-v1, book-glow-v1,
            flame-v1, stat-icon-v1, milestones-v1
═══════════════════════════════════════════════════════════════ */

/* ── Basmala — centered, prominent ── */
#homeScreenContent .home-qd-hero-line-v1 {
  font-size: var(--fs-h3) !important;
  font-family: var(--serif, 'Amiri', serif) !important;
  color: rgba(var(--gold-rgb), 0.92) !important;
  text-align: center !important;
  line-height: 1.7 !important;
  letter-spacing: 0.02em !important;
  margin-top: 0 !important;
  margin-bottom: 14px !important;
  order: -1 !important;
}

/* ── Book wrapper — positions glow relative to SVG ── */
#homeScreenContent .home-qd-book-wrap-v1 {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-bottom: 6px !important;
}

/* ── Ambient glow behind the book ── */
#homeScreenContent .home-qd-book-glow-v1 {
  position: absolute !important;
  inset: -16px !important;
  background: radial-gradient(
    ellipse at 50% 60%,
    rgba(var(--gold-rgb), 0.26),
    transparent 65%
  ) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: home-qd-glow-pulse 3.5s ease-in-out infinite !important;
}
@keyframes home-qd-glow-pulse {
  0%, 100% { opacity: 0.7; }
  50%       { opacity: 1;   }
}

/* ── Floating book SVG ── */
#homeScreenContent .home-qd-book-svg-v1 {
  filter: drop-shadow(0 8px 20px rgba(var(--gold-rgb), 0.36)) !important;
  animation: home-qd-book-float 3.5s ease-in-out infinite !important;
}
@keyframes home-qd-book-float {
  0%, 100% { transform: translateY(0);    }
  50%       { transform: translateY(-5px); }
}

/* ── Position label (surah:ayah) — under book, always LTR ── */
#homeScreenContent .home-qd-hero-pos-v1 {
  font-size: var(--fs-meta) !important;
  color: rgba(255, 255, 255, 0.4) !important;
  direction: ltr !important;
  text-align: center !important;
  letter-spacing: 0.06em !important;
  margin-top: 0 !important;
  margin-bottom: 6px !important;
  line-height: 1.4 !important;
}

/* ── Stat icon above each stat label ── */
#homeScreenContent .home-qd-stat-icon-v1 {
  font-size: var(--fs-body) !important;
  display: block !important;
  line-height: 1 !important;
  margin-bottom: 5px !important;
}

/* ── Progress top row (count + label) — hidden in new design ── */
#homeScreenContent .home-qd-progress-top-v1 {
  display: none !important;
}

/* ── Note / quote — hidden in new design ── */
#homeScreenContent .home-qd-note-v1 {
  display: none !important;
}

/* ── Shimmer on progress fill ── */
#homeScreenContent .home-qd-progress-fill-v1 {
  position: relative !important;
  overflow: hidden !important;
  min-width: 4px !important;
}
@keyframes home-qd-bar-shim {
  0%   { left: -80%; }
  100% { left: 120%; }
}
#homeScreenContent .home-qd-progress-fill-v1::after {
  content: '' !important;
  position: absolute !important;
  top: 0 !important;
  left: -80% !important;
  width: 55% !important;
  height: 100% !important;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.36),
    transparent
  ) !important;
  animation: home-qd-bar-shim 2.4s ease-in-out infinite 0.8s !important;
}

/* ── Milestone markers ── */
#homeScreenContent .home-qd-milestones-v1 {
  display: flex !important;
  flex-direction: row !important;
  justify-content: space-between !important;
  direction: ltr !important;
  unicode-bidi: embed !important;
  margin-top: 5px !important;
  padding: 0 2px !important;
}
#homeScreenContent .home-qd-ms-v1 {
  font-size: var(--fs-micro) !important;
  color: rgba(255, 255, 255, 0.18) !important;
  transition: color 0.35s, transform 0.3s !important;
  display: inline-block !important;
}
#homeScreenContent .home-qd-ms-lit-v1 {
  color: rgba(var(--gold-rgb), 0.55) !important;
  transform: scale(1.12) !important;
}

/* ── CSS flame for streak badge ── */
#homeScreenContent .home-qd-streak-badge-v1 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: linear-gradient(
    135deg,
    rgba(212, 90, 20, 0.22),
    rgba(230, 160, 30, 0.13)
  ) !important;
  border: 1px solid rgba(212, 140, 30, 0.32) !important;
  position: relative !important;
  overflow: hidden !important;
}
#homeScreenContent .home-qd-flame-v1 {
  width: 14px !important;
  height: 18px !important;
  position: relative !important;
  display: inline-block !important;
  flex-shrink: 0 !important;
  vertical-align: middle !important;
}
#homeScreenContent .home-qd-flame-outer-v1,
#homeScreenContent .home-qd-flame-inner-v1 {
  position: absolute !important;
  left: 50% !important;
  border-radius: 50% 50% 35% 35% / 60% 60% 40% 40% !important;
}
#homeScreenContent .home-qd-flame-outer-v1 {
  bottom: 0 !important;
  transform: translateX(-50%) !important;
  width: 11px !important;
  height: 16px !important;
  background: linear-gradient(to top, #e85d24, #f2a623 52%, #fcde5a) !important;
  animation: home-qd-flame 1.3s ease-in-out infinite !important;
}
#homeScreenContent .home-qd-flame-inner-v1 {
  bottom: 2px !important;
  transform: translateX(-50%) !important;
  width: 6px !important;
  height: 9px !important;
  background: linear-gradient(to top, #f5a020, #fce080) !important;
  animation: home-qd-flame 1s ease-in-out infinite 0.12s !important;
}
@keyframes home-qd-flame {
  0%, 100% { transform: translateX(-50%) scaleX(1)    scaleY(1);    }
  40%       { transform: translateX(-50%) scaleX(0.91) scaleY(1.05); }
  70%       { transform: translateX(-50%) scaleX(1.05) scaleY(0.95); }
}

/* ── Mobile adjustments ── */
@media (max-width: 820px) {
  #homeScreenContent .home-qd-hero-line-v1 {
    font-size: var(--fs-body) !important;
    margin-bottom: 10px !important;
  }
  #homeScreenContent .home-qd-book-svg-v1 {
    width: 70px !important;
    height: 70px !important;
  }
  #homeScreenContent .home-qd-hero-pos-v1 {
    font-size: var(--fs-micro) !important;
  }
}

/* ── Progress bar + milestones — removed from home widget ── */
#homeScreenContent .home-qd-progress-v1,
#homeScreenContent .home-qd-milestones-v1,
#homeScreenContent .home-qd-progress-bar-v1,
#homeScreenContent .home-qd-progress-fill-v1,
#homeScreenContent .home-qd-progress-top-v1 {
  display: none !important;
}


/* Global bidirectional alignment fixes for all supported languages */
#homeScreenContent .home-prayer-head-v3f,
#homeScreenContent .home-tools-head-v3f {
  display: flex !important;
  justify-content: space-between !important;
  align-items: flex-start !important;
}

#homeScreenContent .home-prayer-head-v3f > :first-child,
#homeScreenContent .home-tools-head-v3f > :first-child {
  min-width: 0 !important;
  flex: 1 1 auto !important;
}

#homeScreenContent .home-kicker,
#homeScreenContent .home-prayer-city-v3f,
#homeScreenContent .home-tools-head-v3f h2,
#homeScreenContent .home-tools-head-v3f .h2,
#homeScreenContent .home-tools-head-v3f .meta,
#homeScreenContent .home-more-tools-row-v3f,
#homeScreenContent .home-subtle-label-v3f,
#homeScreenContent .home-links-row-v3f {
  text-align: start !important;
}

#homeScreenContent .home-live-clock-v3f {
  text-align: end !important;
}

html[dir="rtl"] #homeScreenContent .home-prayer-head-v3f {
  flex-direction: row-reverse !important;
}

html[dir="rtl"] #homeScreenContent .home-live-clock-v3f {
  align-items: flex-start !important;
}

html[dir="rtl"] #homeScreenContent .home-live-clock-v3f > div:last-child {
  justify-content: flex-start !important;
}

html[dir="rtl"] #homeScreenContent .home-next-countdown-v3f {
  text-align: left !important;
}

html[dir="ltr"] #homeScreenContent .home-prayer-head-v3f {
  flex-direction: row !important;
}

html[dir="ltr"] #homeScreenContent .home-live-clock-v3f {
  align-items: flex-end !important;
}

html[dir="ltr"] #homeScreenContent .home-live-clock-v3f > div:last-child {
  justify-content: flex-end !important;
}

html[dir="ltr"] #homeScreenContent .home-next-countdown-v3f {
  text-align: right !important;
}

@media (max-width: 420px) {
  html[dir="rtl"] #homeScreenContent .home-next-prayer-v3f {
    align-items: flex-end !important;
  }

  html[dir="rtl"] #homeScreenContent .home-next-countdown-v3f {
    text-align: right !important;
    width: 100% !important;
  }

  html[dir="ltr"] #homeScreenContent .home-next-countdown-v3f {
    text-align: left !important;
    width: 100% !important;
  }
}


/* Final RTL/LTR prayer header repair */
html[dir="rtl"] #homeScreenContent .home-prayer-head-v3f {
  flex-direction: row-reverse !important;
}

html[dir="rtl"] #homeScreenContent .home-kicker,
html[dir="rtl"] #homeScreenContent .home-prayer-city-v3f {
  text-align: right !important;
}

html[dir="ltr"] #homeScreenContent .home-prayer-head-v3f {
  flex-direction: row !important;
}

html[dir="ltr"] #homeScreenContent .home-kicker,
html[dir="ltr"] #homeScreenContent .home-prayer-city-v3f {
  text-align: left !important;
}

#homeScreenContent .home-inline-note-v3f {
  text-align: start !important;
}


/* ===== FINAL PRAYER HEADER / CARD FIX ===== */
/* Keep DOM order stable for all languages:
   child 1 = prayer title/city, child 2 = live clock.
   The page direction places them on the correct visual side. */
html[dir="rtl"] #homeScreenContent .home-prayer-head-v3f,
html[dir="ltr"] #homeScreenContent .home-prayer-head-v3f{
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
}

html[dir="rtl"] #homeScreenContent .home-prayer-head-v3f > div:first-child{
  text-align:right !important;
}
html[dir="ltr"] #homeScreenContent .home-prayer-head-v3f > div:first-child{
  text-align:left !important;
}

html[dir="rtl"] #homeScreenContent .home-live-clock-v3f{
  text-align:left !important;
  align-items:flex-start !important;
}
html[dir="ltr"] #homeScreenContent .home-live-clock-v3f{
  text-align:right !important;
  align-items:flex-end !important;
}

/* Keep each prayer card perfectly centered */
#homeScreenContent .home-time-card-v3f{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}
#homeScreenContent .home-time-card-v3f > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  text-align:center !important;
}

/* Remove stopwatch icon from layout so it cannot pull text off-center */
#homeScreenContent .home-time-icon{
  display:none !important;
}