.abrcp-remote-wrap{max-width:760px;margin:30px auto;padding:16px;font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif}.abrcp-remote-card{background:#fff;border:1px solid #ddd;border-radius:22px;padding:22px;box-shadow:0 10px 35px rgba(0,0,0,.08)}.abrcp-remote-brand{display:flex;align-items:center;gap:12px;font-size:20px;margin-bottom:10px}.abrcp-remote-brand span{font-size:32px}.abrcp-remote-brand small{display:block;font-size:12px;opacity:.65;margin-top:3px}.abrcp-remote-status{padding:9px 12px;border-radius:10px;background:#f1f3f5;margin:12px 0;text-align:center;font-size:13px}.abrcp-remote-status.is-connected{background:#e9f8ef;color:#15733b}.abrcp-remote-pair h3{margin:18px 0 8px}.abrcp-remote-pair p{font-size:14px;line-height:1.8;opacity:.8}.abrcp-remote-code{width:100%;box-sizing:border-box;text-align:center;font-size:30px;letter-spacing:8px;padding:14px;border:2px solid #ccc;border-radius:14px;margin:8px 0 12px}.abrcp-remote-primary,.abrcp-remote-controls button{border:0;border-radius:12px;padding:12px 14px;background:#222;color:#fff;font-weight:700;cursor:pointer}.abrcp-remote-primary{width:100%;font-size:16px}.abrcp-remote-message{min-height:24px;margin-top:10px;color:#a33;font-size:13px}.abrcp-remote-controls label{display:block;font-weight:700;margin:14px 0}.abrcp-remote-controls select{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #ccc;border-radius:12px;background:#fff;font-size:16px}.abrcp-remote-row{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:10px 0}.abrcp-remote-row button{font-size:14px}.abrcp-remote-verses{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;max-height:280px;overflow:auto;padding:4px}.abrcp-remote-verses button{background:#f2f2f2;color:#222}.abrcp-remote-verses button.is-active{background:#222;color:#fff}.abrcp-remote-forget{width:100%;margin-top:14px!important;background:#eee!important;color:#555!important}.abrcp-remote-wrap *{font-family:inherit}@media(max-width:520px){.abrcp-remote-wrap{padding:8px;margin:10px auto}.abrcp-remote-card{padding:16px;border-radius:16px}.abrcp-remote-verses{grid-template-columns:repeat(5,1fr)}}
.abrcp-remote-modal{position:fixed;inset:0;background:rgba(0,0,0,.68);z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px}.abrcp-remote-modal[hidden]{display:none!important}.abrcp-remote-modal-card{position:relative;background:#fff;color:#111;border-radius:24px;width:min(430px,94vw);padding:28px;text-align:center;box-shadow:0 20px 70px rgba(0,0,0,.3)}.abrcp-remote-modal-close{position:absolute;right:12px;top:10px;border:0;background:transparent;font-size:28px;cursor:pointer}.abrcp-remote-modal-icon{font-size:42px}.abrcp-remote-modal-card h3{margin:8px 0}.abrcp-remote-pair-code{font-size:46px;letter-spacing:9px;font-weight:800;margin:20px 0;padding:15px;border-radius:15px;background:#f2f2f2}.abrcp-remote-modal-status{font-size:14px}.abrcp-remote-modal-hint{font-size:12px;opacity:.65;line-height:1.7}
/* v2.4.13 — Animated black-screen waiting mode. */
.abrcp-remote-black .abrcp-projector-ref{visibility:hidden!important}
.abrcp-remote-black{
  background-color:#020812!important;
  background-size:110% 110%!important;
  animation:abrcpBlackSkyDrift 24s ease-in-out infinite alternate!important;
}
.abrcp-remote-black::after{
  content:"";
  position:absolute;
  inset:-8%;
  z-index:0;
  pointer-events:none;
  opacity:.55;
  background:
    radial-gradient(circle at 14% 22%,rgba(255,255,255,.85) 0 1px,transparent 2px),
    radial-gradient(circle at 31% 13%,rgba(255,255,255,.65) 0 1.2px,transparent 2.5px),
    radial-gradient(circle at 47% 28%,rgba(255,255,255,.9) 0 1px,transparent 2px),
    radial-gradient(circle at 64% 11%,rgba(255,255,255,.72) 0 1.1px,transparent 2.3px),
    radial-gradient(circle at 79% 25%,rgba(255,255,255,.85) 0 1px,transparent 2px),
    radial-gradient(circle at 90% 16%,rgba(255,255,255,.65) 0 1.2px,transparent 2.5px),
    radial-gradient(circle at 22% 42%,rgba(155,204,255,.7) 0 1px,transparent 2px),
    radial-gradient(circle at 73% 40%,rgba(155,204,255,.7) 0 1px,transparent 2px);
  animation:abrcpBlackStarsTwinkle 5s ease-in-out infinite alternate;
}
.abrcp-remote-black .abrcp-projector-verse{
  position:relative!important;
  z-index:2!important;
  visibility:visible!important;
  opacity:1!important;
  color:rgba(255,255,255,.9)!important;
  font-size:clamp(20px,3vw,42px)!important;
  font-weight:500!important;
  text-shadow:0 3px 20px rgba(0,0,0,.7)!important;
  margin-bottom:92px!important;
}
.abrcp-remote-black .abrcp-projector-controls{z-index:3!important}
@keyframes abrcpBlackSkyDrift{
  0%{background-position:48% 50%;}
  50%{background-position:50% 48%;}
  100%{background-position:52% 50%;}
}
@keyframes abrcpBlackStarsTwinkle{
  0%{opacity:.28;transform:scale(1);}
  50%{opacity:.72;transform:scale(1.008);}
  100%{opacity:.42;transform:scale(1.002);}
}
@media (prefers-reduced-motion:reduce){
  .abrcp-remote-black,.abrcp-remote-black::after{animation:none!important}
}

.abrcp-remote-send-verse{display:block;width:100%;margin:10px 0 12px;border:0;border-radius:12px;padding:14px;background:#0b6fd3;color:#fff;font-size:16px;font-weight:800;cursor:pointer}.abrcp-remote-send-verse:active{transform:scale(.99)}
.abrcp-remote-send-verse-top{margin:10px 0 14px!important;box-sizing:border-box}

/* Remote follows the projector's dark visual language. */
.abrcp-remote-wrap{color:#f4f4f4;background:transparent}
.abrcp-remote-card{background:#11161c;color:#f4f4f4;border:1px solid rgba(255,255,255,.12);box-shadow:0 12px 40px rgba(0,0,0,.35)}
.abrcp-remote-brand small,.abrcp-remote-pair p,.abrcp-remote-modal-hint{color:#c9ced4}
.abrcp-remote-status{background:#1b222a;color:#dce2e8}
.abrcp-remote-status.is-connected{background:#123d29;color:#8ee6b0}
.abrcp-remote-code{background:#0c1116;color:#fff;border-color:#39434d}
.abrcp-remote-controls select{background:#0c1116;color:#fff;border-color:#39434d;color-scheme:dark}
.abrcp-remote-controls option{background:#11161c;color:#fff}
.abrcp-remote-verses button{background:#202830;color:#f5f5f5;border:1px solid rgba(255,255,255,.08)}
.abrcp-remote-verses button.is-active{background:#fff;color:#111}
.abrcp-remote-forget{background:#202830!important;color:#ddd!important}
.abrcp-remote-modal{background:rgba(0,0,0,.82)}
.abrcp-remote-modal-card{background:#11161c;color:#f4f4f4;border:1px solid rgba(255,255,255,.13);box-shadow:0 24px 80px rgba(0,0,0,.65)}
.abrcp-remote-modal-close{color:#fff}
.abrcp-remote-pair-code{background:#202830;color:#fff;border:1px solid rgba(255,255,255,.1)}

.abrcp-remote-preview{margin:4px 4px 10px;padding:8px 10px;border-radius:10px;background:#171d23;color:#cdd3d9;font-size:12px;line-height:1.8;text-align:right;max-height:72px;overflow:auto;border:1px solid rgba(255,255,255,.07)}
.abrcp-remote-preview[hidden]{display:none!important}

.abrcp-remote-nav{grid-template-columns:repeat(2,1fr)!important}
.abrcp-remote-font{grid-template-columns:repeat(2,1fr)!important}
.abrcp-remote-font button{font-size:17px!important}


/* 2.4.5: Explicitly load/use Noto Kufi Arabic on mobile remote controls. */
.abrcp-remote-wrap,
.abrcp-remote-wrap button,
.abrcp-remote-wrap input,
.abrcp-remote-wrap select,
.abrcp-remote-wrap option,
.abrcp-remote-wrap textarea {
  font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
}
.abrcp-remote-wrap select {
  font-weight: 500 !important;
}
.abrcp-remote-wrap option {
  font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
  font-weight: 500;
}
@media (max-width: 520px) {
  .abrcp-remote-wrap,
  .abrcp-remote-wrap button,
  .abrcp-remote-wrap input,
  .abrcp-remote-wrap select {
    font-family: "Noto Kufi Arabic", Tahoma, Arial, sans-serif !important;
  }
}


/* 2.4.6 mobile dropdown fix: keep the selected book/chapter visible without
   requiring the native picker to be opened. Some WordPress/X Pro mobile CSS
   was pushing/clipping the closed select text. */
.abrcp-remote-controls label{
  display:block!important;
  position:relative!important;
  margin:12px 0 10px!important;
  padding:0!important;
  line-height:1.5!important;
}
.abrcp-remote-controls select.abrcp-remote-book,
.abrcp-remote-controls select.abrcp-remote-chapter{
  display:block!important;
  position:relative!important;
  box-sizing:border-box!important;
  width:100%!important;
  height:52px!important;
  min-height:52px!important;
  margin:7px 0 0!important;
  padding:8px 42px 8px 14px!important;
  border:1px solid #39434d!important;
  border-radius:12px!important;
  background-color:#0c1116!important;
  color:#fff!important;
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
  vertical-align:middle!important;
  line-height:34px!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
  font-size:15px!important;
  font-weight:500!important;
  text-align:right!important;
  direction:rtl!important;
  text-indent:0!important;
  white-space:nowrap!important;
  overflow:visible!important;
  -webkit-appearance:none!important;
  appearance:none!important;
  background-image:linear-gradient(45deg,transparent 50%,#cfd6dd 50%),linear-gradient(135deg,#cfd6dd 50%,transparent 50%)!important;
  background-position:calc(100% - 20px) 22px,calc(100% - 14px) 22px!important;
  background-size:6px 6px,6px 6px!important;
  background-repeat:no-repeat!important;
}
.abrcp-remote-controls select.abrcp-remote-book:focus,
.abrcp-remote-controls select.abrcp-remote-chapter:focus{
  outline:2px solid rgba(229,197,110,.45)!important;
  outline-offset:1px!important;
}
.abrcp-remote-controls select option{
  background:#11161c!important;
  color:#fff!important;
  font-family:"Noto Kufi Arabic",Tahoma,Arial,sans-serif!important;
}
@media(max-width:520px){
  .abrcp-remote-controls select.abrcp-remote-book,
  .abrcp-remote-controls select.abrcp-remote-chapter{
    height:50px!important;
    min-height:50px!important;
    padding-top:7px!important;
    padding-bottom:7px!important;
    font-size:14px!important;
  }
}

/* 2.4.6 remote fullscreen: this is a real viewport-sized projector mode,
   independent of the browser's native fullscreen permission. */
.abrcp-projector.abrcp-remote-fullscreen{
  position:fixed!important;
  top:0!important;
  right:0!important;
  bottom:0!important;
  left:0!important;
  width:100vw!important;
  height:100vh!important;
  height:100dvh!important;
  min-width:100vw!important;
  min-height:100vh!important;
  min-height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:clamp(52px,7dvh,90px) 3vw clamp(72px,10dvh,108px)!important;
  box-sizing:border-box!important;
  z-index:2147483000!important;
  overflow:hidden!important;
}
body.abrcp-remote-fullscreen-open{
  overflow:hidden!important;
  width:100%!important;
  height:100%!important;
}
.abrcp-projector.abrcp-remote-fullscreen .abrcp-projector-verse{
  width:min(94vw,1500px)!important;
  max-width:94vw!important;
  height:auto!important;
  max-height:none!important;
  min-height:0!important;
  margin:0!important;
  flex:0 0 auto!important;
  overflow:hidden!important;
}
@media(max-width:760px){
  .abrcp-projector.abrcp-remote-fullscreen{
    padding:48px 3vw 74px!important;
  }
  .abrcp-projector.abrcp-remote-fullscreen .abrcp-projector-verse{
    width:94vw!important;
    max-width:94vw!important;
  }
}


/* v2.4.11: fixed 0000 pairing input - always dark on mobile/desktop */
.abrcp-remote-code{background:#0b1015!important;color:#fff!important;border:2px solid #39434d!important;color-scheme:dark!important;caret-color:#fff!important;}
.abrcp-remote-code::placeholder{color:#89939e!important;opacity:1!important;}
.abrcp-remote-code:focus{background:#0b1015!important;color:#fff!important;border-color:#6b7784!important;outline:2px solid rgba(229,197,110,.35)!important;outline-offset:1px!important;}

.abrcp-remote-connection-bar{display:flex;align-items:center;gap:8px;margin:10px 0 12px}.abrcp-remote-connection-bar .abrcp-remote-status{flex:1;margin:0}.abrcp-remote-connection-bar .abrcp-remote-forget{width:auto;margin:0!important;white-space:nowrap;padding:9px 12px;font-size:12px}
@media(max-width:520px){.abrcp-remote-connection-bar{gap:6px}.abrcp-remote-connection-bar .abrcp-remote-forget{padding:8px 9px;font-size:11px}}


/* v2.4.54: Pastor remote has its own independent light/dark theme.
   It must never inherit or change the projector PC theme. */
.abrcp-remote-theme-row button[data-remote-theme]{
  width:100%;border:1px solid #d6d9dd!important;border-radius:12px!important;
  padding:12px 14px!important;background:#f4f5f7!important;color:#222!important;
  font-weight:700!important;cursor:pointer!important;
}
.abrcp-remote-wrap.abrcp-remote-theme-light{color:#222!important;background:transparent!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-card{background:#fff!important;color:#222!important;border-color:#ddd!important;box-shadow:0 10px 35px rgba(0,0,0,.08)!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-brand small,.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-pair p{color:#555!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-status{background:#f1f3f5!important;color:#333!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-status.is-connected{background:#e9f8ef!important;color:#15733b!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-controls select{background:#fff!important;color:#222!important;border-color:#ccc!important;color-scheme:light!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-controls option{background:#fff!important;color:#222!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-verses button{background:#f2f2f2!important;color:#222!important;border-color:#ddd!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-verses button.is-active{background:#222!important;color:#fff!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-preview{background:#f5f5f5!important;color:#333!important;border-color:#ddd!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-forget{background:#eee!important;color:#555!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-theme-row button[data-remote-theme]{background:#222!important;color:#fff!important;border-color:#222!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark{color:#f4f4f4!important;background:transparent!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-card{background:#11161c!important;color:#f4f4f4!important;border-color:rgba(255,255,255,.12)!important;box-shadow:0 12px 40px rgba(0,0,0,.35)!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-theme-row button[data-remote-theme]{background:#f4f5f7!important;color:#222!important;border-color:#d6d9dd!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-controls select{background:#0c1116!important;color:#fff!important;border-color:#39434d!important;color-scheme:dark!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-controls option{background:#11161c!important;color:#fff!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-verses button{background:#202830!important;color:#f5f5f5!important;border-color:rgba(255,255,255,.08)!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-verses button.is-active{background:#fff!important;color:#111!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-preview{background:#171d23!important;color:#cdd3d9!important;border-color:rgba(255,255,255,.07)!important}
.abrcp-remote-wrap.abrcp-remote-theme-dark .abrcp-remote-forget{background:#202830!important;color:#ddd!important}


/* v2.4.55 — Black/white screen controls sit side-by-side on the pastor remote. */
.abrcp-remote-controls .abrcp-remote-row:first-child{display:flex;flex-wrap:wrap;gap:7px}
.abrcp-remote-controls .abrcp-remote-row:first-child button{flex:1 1 0;min-width:120px}


/* v2.4.65 — Black/white waiting screen is a single toggle, matching the theme toggle. */
.abrcp-remote-screen-row{display:flex!important;gap:7px!important}
.abrcp-remote-screen-row button[data-remote-screen]{width:100%!important;flex:1 1 100%!important}
.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-screen-row button[data-remote-screen]{background:#222!important;color:#fff!important;border-color:#222!important}

/* v2.4.67 — Theme and screen mode controls share one row on the pastor remote. */
.abrcp-remote-toggle-row{display:flex!important;gap:7px!important;width:100%!important;align-items:stretch!important}
.abrcp-remote-toggle-row>.abrcp-remote-theme-row,.abrcp-remote-toggle-row>.abrcp-remote-screen-row{display:flex!important;flex:1 1 50%!important;width:50%!important;margin:0!important}
.abrcp-remote-toggle-row button{width:100%!important;min-width:0!important}

.abrcp-remote-card{position:relative}.abrcp-remote-close-top{position:absolute;top:10px;right:10px;width:38px;height:38px;padding:0!important;border:0;border-radius:50%;background:#222!important;color:#fff!important;font-size:20px!important;line-height:38px!important;font-weight:700;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center}.abrcp-remote-close-top:hover{opacity:.9}.abrcp-remote-wrap.abrcp-remote-theme-light .abrcp-remote-close-top{background:#fff!important;color:#222!important;border:1px solid #cbd5e1!important}.abrcp-remote-brand{padding-right:48px}

/* v2.4.75 — Screen toggle matches adjacent remote controls; only the square indicator changes. */
.abrcp-remote-screen-fullscreen-row{display:flex!important;gap:7px!important;width:100%!important;align-items:stretch!important}
.abrcp-remote-screen-fullscreen-row>.abrcp-remote-screen-row,.abrcp-remote-screen-fullscreen-row>button[data-remote="fullscreen"]{display:flex!important;flex:1 1 50%!important;width:50%!important;margin:0!important;min-width:0!important}
.abrcp-remote-screen-fullscreen-row .abrcp-remote-screen-row button[data-remote-screen]{width:100%!important;flex:1 1 100%!important;min-width:0!important}
.abrcp-remote-screen-row button[data-remote-screen]{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;background:#222!important;color:#fff!important;border-color:#222!important}
.abrcp-screen-square{display:inline-block!important;width:15px!important;height:15px!important;border-radius:3px!important;border:1px solid currentColor!important;flex:0 0 15px!important;box-sizing:border-box!important;background:#fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.08) inset!important}
.abrcp-screen-square{transition:background-color .15s ease,box-shadow .15s ease!important}
.abrcp-remote-screen-row button[data-remote-screen].is-black .abrcp-screen-square{background:#111!important;border-color:#111!important}
.abrcp-remote-screen-row button[data-remote-screen].is-white .abrcp-screen-square{background:#fff!important;border-color:#999!important}