.ric-3d-site{
  position:relative;
  background:
    radial-gradient(circle at 25% -10%,rgba(63,129,106,.26),transparent 30%),
    linear-gradient(180deg,#061712,#0b261f 48%,#061712);
  perspective:1200px;
}
.ric-3d-background{
  position:fixed;
  inset:0;
  pointer-events:none;
  z-index:0;
  overflow:hidden;
}
.ric-3d-grid{
  position:absolute;
  inset:-20%;
  opacity:.14;
  background-image:
    linear-gradient(rgba(216,182,107,.18) 1px,transparent 1px),
    linear-gradient(90deg,rgba(216,182,107,.18) 1px,transparent 1px);
  background-size:62px 62px;
  transform:perspective(700px) rotateX(68deg) translateY(28%);
  transform-origin:center bottom;
  mask-image:linear-gradient(to bottom,transparent 10%,black 50%,transparent 95%);
}
.ric-3d-seal{
  position:absolute;
  width:min(48vw,620px);
  aspect-ratio:1;
  left:50%;
  top:35%;
  transform:translate(-50%,-50%) translateZ(-80px);
  background:url('/assets/optimized/v3421/ric-seal-full-1254.webp') center/contain no-repeat;
  opacity:.035;
  filter:drop-shadow(0 35px 50px rgba(0,0,0,.32));
}
.ric-3d-arch{
  position:absolute;
  width:380px;
  height:520px;
  border:2px solid rgba(216,182,107,.09);
  border-bottom:0;
  border-radius:190px 190px 0 0;
  box-shadow:inset 0 0 70px rgba(216,182,107,.025),0 35px 90px rgba(0,0,0,.12);
}
.arch-a{left:-90px;top:18%;transform:rotateY(18deg) rotateZ(-5deg)}
.arch-b{right:-120px;top:49%;transform:rotateY(-18deg) rotateZ(7deg) scale(.82)}
.ric-3d-glow{
  position:absolute;
  width:340px;height:340px;border-radius:50%;
  filter:blur(22px);
  background:radial-gradient(circle,rgba(216,182,107,.13),transparent 67%);
}
.glow-a{left:7%;top:12%}
.glow-b{right:2%;bottom:12%}
.ric-3d-site > main,
.ric-3d-site > header,
.ric-3d-site > footer,
.ric-3d-site > .language-dropdown-shell{
  position:relative;
  z-index:2;
}
.reader-top-banner,.reader-return-card,.reader-control-bar,.reader-sidebar-card,.scripture-sheet{
  box-shadow:0 20px 48px rgba(0,0,0,.23),0 1px 0 rgba(255,255,255,.05) inset;
}
.reader-return-card,.reader-sidebar-card,.scripture-sheet{
  transform:translateZ(0);
  transition:transform .24s ease,box-shadow .24s ease;
}
.reader-return-card:hover,.reader-sidebar-card:hover{
  transform:translateY(-3px);
  box-shadow:0 25px 58px rgba(0,0,0,.26);
}

/* Language dropdown */
.language-dropdown-shell{
  display:flex;
  justify-content:flex-end;
  padding:8px clamp(20px,4vw,54px);
  background:rgba(2,12,10,.94);
  border-bottom:1px solid rgba(255,255,255,.05);
}
.language-dropdown{position:relative}
.language-current{
  display:flex;align-items:center;gap:.5rem;
  border:1px solid rgba(216,182,107,.2);
  border-radius:999px;
  padding:.42rem .72rem;
  background:rgba(216,182,107,.08);
  color:#fff4d8;
  cursor:pointer;
}
.language-code{
  width:31px;height:24px;display:grid;place-items:center;
  border-radius:8px;
  background:#d8b66b;color:#15231a;font-weight:900;font-size:.7rem;
}
.language-current-name{font-size:.78rem}
.language-menu{
  position:absolute;
  top:calc(100% + 8px);
  right:0;
  min-width:210px;
  padding:.45rem;
  border-radius:16px;
  background:#071b17;
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 24px 60px rgba(0,0,0,.38);
  z-index:100;
}
.rtl .language-menu{right:auto;left:0}
.language-menu a{
  display:grid;
  grid-template-columns:38px 1fr;
  gap:.6rem;
  align-items:center;
  padding:.62rem .7rem;
  border-radius:11px;
  color:#fff6df;
  text-decoration:none;
}
.language-menu a:hover,.language-menu a.active{background:rgba(216,182,107,.12)}
.language-menu a span{
  font-size:.68rem;font-weight:900;color:#d8b66b
}
.language-menu a strong{font-size:.82rem}

/* Bulletproof control visibility */
.immersive-reader-app .reader-control-bar{
  color:#f9f4e8 !important;
}
.immersive-reader-app .reader-control-bar label{
  color:#d8b66b !important;
  opacity:1 !important;
  font-weight:800 !important;
}
.immersive-reader-app .reader-chip,
.immersive-reader-app .reader-tool-btn{
  color:#fff8ea !important;
  border-color:rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.055) !important;
  opacity:1 !important;
}
.immersive-reader-app .reader-chip.active,
.immersive-reader-app .reader-tool-btn.active{
  background:#d8b66b !important;
  color:#152117 !important;
  border-color:#d8b66b !important;
}
.immersive-reader-app .reader-chip:hover,
.immersive-reader-app .reader-tool-btn:hover{
  background:rgba(216,182,107,.16) !important;
  color:#fff9ea !important;
}

/* Search/filter improvements */
.reader-advanced-filters{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.65rem;
}
.reader-advanced-filters label{
  min-width:0;
}
.reader-form-actions{
  margin-top:.15rem;
}
.reader-primary-btn{
  border:0;
}

/* Paper/sepia card text stays dark. */
.immersive-reader-app.theme-paper .scripture-sheet,
.immersive-reader-app.theme-sepia .scripture-sheet{
  color:#241a0e !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,
.immersive-reader-app.theme-paper .scripture-sheet .sheet-reference strong,
.immersive-reader-app.theme-sepia .scripture-sheet .sheet-reference strong,
.immersive-reader-app.theme-paper .scripture-sheet .sheet-reference small,
.immersive-reader-app.theme-sepia .scripture-sheet .sheet-reference small{
  color:#302619 !important;
}

/* Dark/midnight cards become truly dark so text cannot wash out. */
.immersive-reader-app.theme-dark .scripture-sheet{
  background:linear-gradient(180deg,#102a23,#0a211b) !important;
  color:#fff6df !important;
  border-color:rgba(216,182,107,.19) !important;
}
.immersive-reader-app.theme-midnight .scripture-sheet{
  background:linear-gradient(180deg,#101d32,#091426) !important;
  color:#f4f7ff !important;
  border-color:rgba(133,182,255,.18) !important;
}
.immersive-reader-app.theme-dark .scripture-sheet .sheet-arabic,
.immersive-reader-app.theme-dark .scripture-sheet .sheet-translation,
.immersive-reader-app.theme-dark .scripture-sheet .sheet-reference strong,
.immersive-reader-app.theme-dark .scripture-sheet .sheet-reference small{
  color:#fff2cf !important;
}
.immersive-reader-app.theme-midnight .scripture-sheet .sheet-arabic,
.immersive-reader-app.theme-midnight .scripture-sheet .sheet-translation,
.immersive-reader-app.theme-midnight .scripture-sheet .sheet-reference strong,
.immersive-reader-app.theme-midnight .scripture-sheet .sheet-reference small{
  color:#eef5ff !important;
}
.immersive-reader-app.theme-dark .sheet-actions button,
.immersive-reader-app.theme-midnight .sheet-actions button{
  color:#fff5df !important;
  background:rgba(255,255,255,.07) !important;
  border-color:rgba(255,255,255,.12) !important;
}
::selection{
  background:#d8b66b;
  color:#172119;
}

@media(max-width:720px){
  .language-current-name{display:none}
  .reader-advanced-filters{grid-template-columns:1fr}
  .ric-3d-seal{width:78vw}
  .ric-3d-arch{opacity:.55}
}
@media(prefers-reduced-motion:reduce){
  .ric-3d-grid,.ric-3d-seal,.ric-3d-arch,.ric-3d-glow{transform:none !important}
}