/*
=============================================================
 RIC Homepage 2026 — Stage J.6
 Final Prayer Presentation Lock
=============================================================
*/

.ric-j3-prayer-root.ric-j6-prayer-root{
  display:grid !important;

  grid-template-columns:
    minmax(210px,270px)
    minmax(0,1fr) !important;

  grid-template-rows:
    auto auto auto auto !important;

  gap:
    clamp(8px,1vw,12px) !important;

  width:100% !important;

  min-height:0 !important;
  height:auto !important;

  padding:
    clamp(14px,1.7vw,22px)
    clamp(14px,2vw,28px)
    clamp(14px,1.8vw,22px) !important;

  border-radius:18px !important;

  overflow:hidden !important;

  background:
    radial-gradient(
      circle at 74% 10%,
      rgba(44,159,115,.24),
      transparent 32%
    ),
    linear-gradient(
      112deg,
      #00392d,
      #00523e 58%,
      #003f31
    ) !important;
}


/* ---------------------------------------------------------
   INTRO
--------------------------------------------------------- */

.ric-j6-prayer-root
> .ric-j-intro{
  min-width:0 !important;

  color:#fff !important;

  background:transparent !important;
}


/* ---------------------------------------------------------
   SIX CARDS
--------------------------------------------------------- */

.ric-j6-prayer-root
> .ric-prayer-grid{
  display:grid !important;

  grid-template-columns:
    repeat(6,minmax(0,1fr)) !important;

  grid-auto-flow:row !important;

  gap:
    clamp(6px,.65vw,10px) !important;

  width:auto !important;

  min-width:0 !important;
  max-width:none !important;

  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  overflow:visible !important;

  align-self:stretch !important;
  justify-self:stretch !important;
}


.ric-j6-prayer-root
> .ric-prayer-grid
> [data-prayer]{
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;

  height:
    clamp(180px,13vw,220px) !important;

  min-height:
    clamp(180px,13vw,220px) !important;

  margin:0 !important;

  overflow:hidden !important;

  border-radius:10px !important;
}


/* ---------------------------------------------------------
   PRAYER AUDIO
--------------------------------------------------------- */

.ric-j6-prayer-root
> .ric-prayer-audio-compact{
  width:min(100%,390px) !important;

  max-width:390px !important;

  justify-self:end !important;

  height:auto !important;

  align-self:stretch !important;

  overflow:hidden !important;
}


/* ---------------------------------------------------------
   NEXT SALAH
--------------------------------------------------------- */

.ric-j6-prayer-root
> .ric-d-next-panel{
  width:100% !important;

  min-width:0 !important;

  min-height:125px !important;

  overflow:hidden !important;
}


/* ---------------------------------------------------------
   LIVE QUR'AN
--------------------------------------------------------- */

.ric-j6-prayer-root
> .ric-e-quran{
  width:100% !important;

  min-width:0 !important;

  min-height:125px !important;

  overflow:hidden !important;
}


/* ---------------------------------------------------------
   JUMU'AH
--------------------------------------------------------- */

.ric-j6-prayer-root
> .ric-jumuah-strip{
  width:100% !important;

  min-width:0 !important;

  display:flex !important;

  align-items:center !important;
  justify-content:center !important;
}


/* ---------------------------------------------------------
   TABLET
--------------------------------------------------------- */

@media(max-width:950px){

  .ric-j6-prayer-root
  > .ric-prayer-grid{
    grid-template-columns:
      repeat(3,minmax(0,1fr)) !important;
  }

}


/* ---------------------------------------------------------
   MOBILE
--------------------------------------------------------- */

@media(max-width:620px){

  .ric-j3-prayer-root.ric-j6-prayer-root{
    grid-template-columns:
      1fr !important;
  }

  .ric-j6-prayer-root
  > .ric-prayer-grid{
    grid-template-columns:
      repeat(6,minmax(145px,1fr)) !important;

    overflow-x:auto !important;

    scroll-snap-type:
      x proximity;
  }

  .ric-j6-prayer-root
  > .ric-prayer-grid
  > [data-prayer]{
    height:195px !important;

    scroll-snap-align:start;
  }

  .ric-j6-prayer-root
  > .ric-prayer-audio-compact{
    width:100% !important;
    max-width:none !important;
  }

}