/* IBS / lower-third output: transparent page intended for OBS Browser Source. */
.abrcp-ibs-output{position:relative;width:100%;height:100vh;min-height:100vh;overflow:hidden;background:transparent!important;font-family:"Noto Kufi Arabic",sans-serif;direction:rtl;box-sizing:border-box;}
.abrcp-ibs-lower-third{position:absolute;left:50%;bottom:var(--ibs-bottom,7%);transform:translateX(-50%) scale(var(--ibs-scale,1));width:min(calc(var(--ibs-width,86%) * var(--ibs-size-scale,1)),calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1)));box-sizing:border-box;text-align:center;opacity:0;visibility:hidden;transition:opacity .35s ease;pointer-events:none;}
.abrcp-ibs-lower-third.is-visible{opacity:1;visibility:visible;}
.abrcp-ibs-title,.abrcp-ibs-text,.abrcp-ibs-ref{box-sizing:border-box;line-height:1.55;}
.abrcp-ibs-title{font-size:clamp(24px,2.6vw,52px);font-weight:700;margin-bottom:.2em;}
.abrcp-ibs-text{font-size:clamp(24px,3vw,58px);font-weight:600;}
.abrcp-ibs-ref{font-size:clamp(16px,1.5vw,30px);margin-top:.15em;font-weight:500;}
.abrcp-ibs-announcement .abrcp-ibs-text{text-align:right;background:rgba(0,0,0,.62);border-radius:14px;padding:.45em .75em;color:#fff;}
@media(max-width:760px){.abrcp-ibs-lower-third{bottom:4vh;width:92%;}.abrcp-ibs-title{font-size:6vw}.abrcp-ibs-text{font-size:7vw}.abrcp-ibs-ref{font-size:4vw}}

/* Explicit IBS output positioning: keep live OBS output identical to the admin preview. */
.abrcp-ibs-output.ibs-pos-bottom-center .abrcp-ibs-lower-third{
  left:50%;right:auto;top:auto;bottom:var(--ibs-bottom,7%);
  transform:translateX(-50%) scale(var(--ibs-scale,1));
  transform-origin:center bottom;
}
.abrcp-ibs-output.ibs-pos-bottom-right .abrcp-ibs-lower-third{
  left:auto;right:7%;top:auto;bottom:var(--ibs-bottom,7%);
  transform:scale(var(--ibs-scale,1));
  transform-origin:right bottom;
  width:min(calc(var(--ibs-width,86%) * var(--ibs-size-scale,1)),calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1)));max-width:calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1));
}

.abrcp-ibs-output.ibs-pos-bottom-left .abrcp-ibs-lower-third{
  left:7%;right:auto;top:auto;bottom:var(--ibs-bottom,7%);
  transform:scale(var(--ibs-scale,1));
  transform-origin:left bottom;
  width:min(calc(var(--ibs-width,86%) * var(--ibs-size-scale,1)),calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1)));max-width:calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1));
}

.abrcp-ibs-output.ibs-pos-top-center .abrcp-ibs-lower-third{
  left:50%;right:auto;top:var(--ibs-bottom,7%);bottom:auto;
  transform:translateX(-50%) scale(var(--ibs-scale,1));
  transform-origin:center top;
}
.abrcp-ibs-output.ibs-pos-top-right .abrcp-ibs-lower-third{
  left:auto;right:7%;top:var(--ibs-bottom,7%);bottom:auto;
  transform:scale(var(--ibs-scale,1));
  transform-origin:right top;
  width:min(calc(var(--ibs-width,86%) * var(--ibs-size-scale,1)),calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1)));max-width:calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1));
}

.abrcp-ibs-output.ibs-pos-top-left .abrcp-ibs-lower-third{
  left:7%;right:auto;top:var(--ibs-bottom,7%);bottom:auto;
  transform:scale(var(--ibs-scale,1));
  transform-origin:left top;
  width:min(calc(var(--ibs-width,86%) * var(--ibs-size-scale,1)),calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1)));max-width:calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1));
}



.abrcp-ibs-output.ibs-pos-center-center .abrcp-ibs-lower-third{
  left:50%;right:auto;top:50%;bottom:auto;
  transform:translate(-50%,-50%) scale(var(--ibs-scale,1));
  transform-origin:center center;
  width:min(calc(var(--ibs-width,86%) * var(--ibs-size-scale,1)),calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1)));max-width:calc(var(--ibs-max-width,1600px) * var(--ibs-size-scale,1));
  text-align:center;
}

.abrcp-ibs-lower-third{transition:opacity var(--ibs-fade,1000ms) ease}.abrcp-ibs-title{font-size:clamp(calc(24px * var(--ibs-font-scale,1)),calc(2.6vw * var(--ibs-font-scale,1)),calc(52px * var(--ibs-font-scale,1)));}.abrcp-ibs-text{font-size:clamp(calc(24px * var(--ibs-font-scale,1)),calc(3vw * var(--ibs-font-scale,1)),calc(58px * var(--ibs-font-scale,1)));}.abrcp-ibs-ref{font-size:clamp(calc(16px * var(--ibs-font-scale,1)),calc(1.5vw * var(--ibs-font-scale,1)),calc(30px * var(--ibs-font-scale,1)));}.abrcp-ibs-announcement .abrcp-ibs-text{background:rgba(0,0,0,var(--ibs-bg-opacity,.62));}

/* Content alignment:
 * Bible/hymn output remains centered. Announcement alignment is controlled by
 * the Operator editor and must not be overridden by the IBS output stylesheet.
 */
.abrcp-ibs-lower-third:not(.abrcp-ibs-announcement){ text-align:inherit; }
.abrcp-ibs-announcement .abrcp-ibs-text{ direction:rtl; }
.abrcp-ibs-announcement .abrcp-ibs-text p,
.abrcp-ibs-announcement .abrcp-ibs-text div,
.abrcp-ibs-announcement .abrcp-ibs-text span,
.abrcp-ibs-announcement .abrcp-ibs-text h1,
.abrcp-ibs-announcement .abrcp-ibs-text h2,
.abrcp-ibs-announcement .abrcp-ibs-text h3,
.abrcp-ibs-announcement .abrcp-ibs-text h4,
.abrcp-ibs-announcement .abrcp-ibs-text h5,
.abrcp-ibs-announcement .abrcp-ibs-text h6,
.abrcp-ibs-announcement .abrcp-ibs-text li{ direction:rtl; }
/* Keep the Operator's text-align/inline formatting intact on the live IBS page. */
.abrcp-ibs-preview-announcement{ direction:rtl; }

/* IBS position controls geometry only. Content alignment is independent. */
.abrcp-ibs-preview.is-bible, .abrcp-ibs-preview.is-hymn{ text-align:center !important; }
.abrcp-ibs-preview.is-announcement{ direction:rtl; }

.abrcp-ibs-status{position:fixed;left:-9999px;top:-9999px;}
.abrcp-ibs-output .abrcp-ibs-lower-third{z-index:999999;}

/* 4.8.5.59 — Use explicit inset geometry for IBS positions.
   This avoids RTL/left-right conflicts and makes corner positions deterministic. */
.abrcp-ibs-output .abrcp-ibs-lower-third{position:absolute!important;box-sizing:border-box!important;}
.abrcp-ibs-output.ibs-pos-bottom-left .abrcp-ibs-lower-third{inset:auto auto var(--ibs-bottom,7%) 7%!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:left bottom!important;}
.abrcp-ibs-output.ibs-pos-bottom-right .abrcp-ibs-lower-third{inset:auto 7% var(--ibs-bottom,7%) auto!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:right bottom!important;}
.abrcp-ibs-output.ibs-pos-top-left .abrcp-ibs-lower-third{inset:var(--ibs-bottom,7%) auto auto 7%!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:left top!important;}
.abrcp-ibs-output.ibs-pos-top-right .abrcp-ibs-lower-third{inset:var(--ibs-bottom,7%) 7% auto auto!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:right top!important;}
.abrcp-ibs-output.ibs-pos-top-center .abrcp-ibs-lower-third{inset:var(--ibs-bottom,7%) auto auto 50%!important;transform:translateX(-50%) scale(var(--ibs-scale,1))!important;transform-origin:center top!important;}
.abrcp-ibs-output.ibs-pos-bottom-center .abrcp-ibs-lower-third{inset:auto auto var(--ibs-bottom,7%) 50%!important;transform:translateX(-50%) scale(var(--ibs-scale,1))!important;transform-origin:center bottom!important;}
.abrcp-ibs-output.ibs-pos-center-center .abrcp-ibs-lower-third{inset:50% auto auto 50%!important;transform:translate(-50%,-50%) scale(var(--ibs-scale,1))!important;transform-origin:center center!important;}

/* 4.8.5.61 — IBS uses the exact same position model as the working Operator preview. */
.abrcp-ibs-output .abrcp-ibs-lower-third{position:absolute!important;box-sizing:border-box!important;}
.abrcp-ibs-output.ibs-pos-bottom-center .abrcp-ibs-lower-third{left:50%!important;right:auto!important;top:auto!important;bottom:var(--ibs-bottom,7%)!important;transform:translateX(-50%) scale(var(--ibs-scale,1))!important;transform-origin:center bottom!important;}
.abrcp-ibs-output.ibs-pos-top-center .abrcp-ibs-lower-third{left:50%!important;right:auto!important;top:var(--ibs-bottom,7%)!important;bottom:auto!important;transform:translateX(-50%) scale(var(--ibs-scale,1))!important;transform-origin:center top!important;}
.abrcp-ibs-output.ibs-pos-bottom-right .abrcp-ibs-lower-third{left:auto!important;right:7%!important;top:auto!important;bottom:var(--ibs-bottom,7%)!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:right bottom!important;}
.abrcp-ibs-output.ibs-pos-bottom-left .abrcp-ibs-lower-third{left:7%!important;right:auto!important;top:auto!important;bottom:var(--ibs-bottom,7%)!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:left bottom!important;}
.abrcp-ibs-output.ibs-pos-top-right .abrcp-ibs-lower-third{left:auto!important;right:7%!important;top:var(--ibs-bottom,7%)!important;bottom:auto!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:right top!important;}
.abrcp-ibs-output.ibs-pos-top-left .abrcp-ibs-lower-third{left:7%!important;right:auto!important;top:var(--ibs-bottom,7%)!important;bottom:auto!important;transform:scale(var(--ibs-scale,1))!important;transform-origin:left top!important;}
.abrcp-ibs-output.ibs-pos-center-center .abrcp-ibs-lower-third{left:50%!important;right:auto!important;top:50%!important;bottom:auto!important;transform:translate(-50%,-50%) scale(var(--ibs-scale,1))!important;transform-origin:center center!important;}


/* 4.8.5.62 — Keep Bible/hymn title, verse text, and reference aligned together.
   The Operator IBS preview treats these as one aligned content block. */
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-title,
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-text,
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-ref{
  text-align:inherit;
}


/* 4.8.5.148 — Match IBS Bible text to the Stream overlay styling. */
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-text{
  font-size:28px !important;
  color:#fff !important;
}
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-ref{
  font-size:12px !important;
  color:#ffd54a !important;
}
@media(max-width:760px){
  /* Mobile portrait: fixed 14px Bible verse size. */
  .abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-text{
    font-size:14px !important;
    color:#fff !important;
  }
  .abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-ref{
    font-size:12px !important;
    color:#ffd54a !important;
  }
}

@media(max-width:900px) and (orientation:landscape){
  /* Mobile landscape: fixed 16px Bible verse size. */
  .abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-text{
    font-size:16px !important;
    color:#fff !important;
  }
  .abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-ref{
    font-size:12px !important;
    color:#ffd54a !important;
  }
}
/* 4.8.5.63 — Live IBS title and reference must follow the same text alignment as the verse. */
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-title,
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-text,
.abrcp-ibs-output .abrcp-ibs-lower-third:not(.abrcp-ibs-announcement) .abrcp-ibs-ref {
  text-align: inherit !important;
  direction: rtl !important;
}
