/* RIC 038 CRITICAL HOTFIX */

.ric-salah-strip{
  position:relative;
  z-index:3;
  width:min(1260px,94vw);
  margin:14px auto 0;
  display:grid;
  grid-template-columns:minmax(180px,.9fr) minmax(480px,2.2fr) minmax(180px,.8fr);
  gap:1rem;
  align-items:center;
  padding:.8rem 1rem;
  border-radius:18px;
  border:1px solid rgba(35,93,76,.16);
  background:linear-gradient(180deg,rgba(255,253,247,.95),rgba(239,246,241,.94));
  color:#23463b;
  box-shadow:0 14px 34px rgba(45,91,76,.13);
  backdrop-filter:blur(12px);
}
.ric-salah-location{display:flex;align-items:center;gap:.65rem}
.ric-salah-location small,.ric-salah-next small{display:block;font-size:.62rem;letter-spacing:.12em;color:#a37d2e;font-weight:900}
.ric-salah-location strong{display:block;font-size:.86rem}
.ric-salah-dot{
  width:12px;height:12px;border-radius:50%;
  background:#c8a24b;
  box-shadow:0 0 0 5px rgba(200,162,75,.14),0 0 20px rgba(200,162,75,.28);
}
.ric-salah-times{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:.4rem;
}
.ric-salah-times span{
  text-align:center;
  padding:.48rem .35rem;
  border-radius:12px;
  background:rgba(27,100,82,.06);
}
.ric-salah-times small{display:block;color:#57766b;font-size:.67rem}
.ric-salah-times strong{display:block;color:#163f34;font-size:.92rem;margin-top:.08rem}
.ric-salah-next{text-align:right}
.ric-salah-next strong{display:block;color:#173f34}
.ric-salah-next a{display:inline-block;margin-top:.15rem;color:#8b6823;text-decoration:none;font-size:.72rem;font-weight:800}

/* General page contrast: current emerald background had white-on-light washout. */
body:not(:has(.immersive-reader-app)) .page-hero h1,
body:not(:has(.immersive-reader-app)) .page-hero h2,
body:not(:has(.immersive-reader-app)) .page-hero p,
body:not(:has(.immersive-reader-app)) .hero-copy h1,
body:not(:has(.immersive-reader-app)) .hero-copy h2,
body:not(:has(.immersive-reader-app)) .hero-copy p{
  color:#173e34 !important;
  text-shadow:none !important;
}
body:not(:has(.immersive-reader-app)) .page-hero .eyebrow,
body:not(:has(.immersive-reader-app)) .eyebrow{
  color:#9c7628 !important;
}
body:not(:has(.immersive-reader-app)) .service-card,
body:not(:has(.immersive-reader-app)) .event-card,
body:not(:has(.immersive-reader-app)) .prayer-panel{
  color:#203f36 !important;
  background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(241,247,243,.35)) !important;
}
body:not(:has(.immersive-reader-app)) .service-card h3,
body:not(:has(.immersive-reader-app)) .event-card h3,
body:not(:has(.immersive-reader-app)) .prayer-panel h2,
body:not(:has(.immersive-reader-app)) .service-card p,
body:not(:has(.immersive-reader-app)) .event-card p,
body:not(:has(.immersive-reader-app)) .prayer-panel p{
  color:#203f36 !important;
}

/* Reader: keep controls visible and cards readable. */
.immersive-reader-app .reader-control-bar label{color:#d6b15b!important;opacity:1!important}
.immersive-reader-app .reader-chip,
.immersive-reader-app .reader-tool-btn{opacity:1!important;color:#f8f1df!important}
.immersive-reader-app .reader-chip.active,
.immersive-reader-app .reader-tool-btn.active{color:#153127!important}
.immersive-reader-app.theme-paper .scripture-sheet .sheet-arabic,
.immersive-reader-app.theme-sepia .scripture-sheet .sheet-arabic{color:#17110a!important}
.immersive-reader-app.theme-paper .scripture-sheet .sheet-translation,
.immersive-reader-app.theme-sepia .scripture-sheet .sheet-translation{color:#302619!important}

@media(max-width:980px){
  .ric-salah-strip{grid-template-columns:1fr}
  .ric-salah-next{text-align:left}
}
@media(max-width:620px){
  .ric-salah-times{grid-template-columns:repeat(3,1fr)}
}