/* Aljeeraan Coming Soon — background ratio 1672:941, no fake inputs baked into image. */
.alj-coming-soon { position:relative; width:100%; max-width:1672px; margin:0 auto; aspect-ratio:1672/941; isolation:isolate; direction:rtl; }
.alj-coming-soon__visual { position:absolute; inset:0; background-image:var(--alj-bg); background-size:100% 100%; background-repeat:no-repeat; }
.alj-coming-soon__form { position:absolute; top:46.8%; left:33.7%; width:32.6%; height:34%; z-index:1; display:flex; align-items:center; justify-content:center; }
.alj-coming-soon__form-inner { width:100%; max-height:100%; overflow:auto; padding:2% 5%; text-align:center; scrollbar-width:thin; }
.alj-coming-soon__form h2 { color:#25216d; font-size:clamp(15px,2vw,29px); line-height:1.2; margin:0 0 3px; font-weight:750; }
.alj-coming-soon__form p { color:#393580; font-size:clamp(10px,1.05vw,16px); margin:0 0 5px; }
.alj-coming-soon__form .wpforms-container { margin:0 !important; }
.alj-coming-soon__form .wpforms-field { padding:2px 0 !important; }
.alj-coming-soon__form .wpforms-field-label { font-size:clamp(10px,.9vw,13px) !important; margin-bottom:2px !important; }
.alj-coming-soon__form input:not([type=checkbox]), .alj-coming-soon__form select { min-height:30px !important; height:clamp(30px,3vw,40px) !important; padding:4px 9px !important; border-radius:9px !important; font-size:clamp(11px,.9vw,14px) !important; }
.alj-coming-soon__form .wpforms-field-checkbox li, .alj-coming-soon__form .wpforms-field-checkbox label { font-size:clamp(9px,.75vw,12px) !important; line-height:1.2 !important; }
.alj-coming-soon__form .wpforms-submit-container { margin-top:4px !important; padding:0 !important; }
.alj-coming-soon__form button[type=submit] { width:100% !important; min-height:34px !important; padding:5px 12px !important; border:0 !important; border-radius:12px !important; background:linear-gradient(100deg,#5379f5,#8611f2) !important; color:#fff !important; font-weight:700 !important; }
.alj-coming-soon__form .wpforms-error { font-size:11px !important; }
/* On tablets/phones, keep the entire banner visible and render an accessible usable form below it. */
@media (max-width:1100px) {
  .alj-coming-soon { aspect-ratio:auto; }
  .alj-coming-soon__visual { position:relative; width:100%; aspect-ratio:1672/941; }
  .alj-coming-soon__form { position:relative; inset:auto; width:min(94%,520px); height:auto; margin:-1% auto 20px; background:rgba(247,245,255,.97); border:1px solid #e5dcff; border-radius:20px; box-shadow:0 8px 24px #3b257a24; }
  .alj-coming-soon__form-inner { max-height:none; overflow:visible; padding:16px; }
  .alj-coming-soon__form h2 { font-size:24px; }
  .alj-coming-soon__form p { font-size:14px; }
  .alj-coming-soon__form .wpforms-field-label { font-size:13px !important; }
  .alj-coming-soon__form input:not([type=checkbox]), .alj-coming-soon__form select { height:42px !important; font-size:14px !important; }
  .alj-coming-soon__form .wpforms-field-checkbox li, .alj-coming-soon__form .wpforms-field-checkbox label { font-size:12px !important; }
}
/* Compact form refinements, desktop only. Keep mobile inputs comfortably readable. */
@media (min-width:1101px) {
 .alj-coming-soon__form-inner { padding:1% 4%; }
 .alj-coming-soon__form h2 { font-size:clamp(15px,1.55vw,23px); margin-bottom:1px; }
 .alj-coming-soon__form p { font-size:clamp(10px,.78vw,12px); line-height:1.2; margin-bottom:2px; }
 .alj-coming-soon__form .wpforms-field { padding:1px 0 !important; }
 .alj-coming-soon__form .wpforms-field-label { font-size:11px !important; line-height:1.15 !important; margin-bottom:1px !important; }
 .alj-coming-soon__form input:not([type=checkbox]), .alj-coming-soon__form select { min-height:26px !important; height:29px !important; padding:3px 7px !important; font-size:12px !important; }
 .alj-coming-soon__form .wpforms-field-checkbox li, .alj-coming-soon__form .wpforms-field-checkbox label { font-size:10px !important; line-height:1.15 !important; }
 .alj-coming-soon__form .wpforms-submit-container { margin-top:2px !important; }
 .alj-coming-soon__form button[type=submit] { min-height:30px !important; padding:4px 9px !important; font-size:12px !important; }
}