/* Panel shell for Digits. Digits owns its own fields, states and Ajax behavior. */
body.wpd-digits-active{
  --wpd-digits-muted:color-mix(in srgb,var(--wpd-digits-text) 58%,transparent);
  --wpd-digits-border:color-mix(in srgb,var(--wpd-digits-text) 13%,transparent);
  --wpd-digits-soft:color-mix(in srgb,var(--wpd-digits-primary) 8%,var(--wpd-digits-card));
  display:flex!important;
  width:100%!important;
  align-items:center!important;
  justify-content:center!important;
  font-family:var(--wpd-digits-font)!important;
}
body.wpd-digits-full-canvas-active,
body.wpd-digits-native-template{
  margin:0!important;
  min-height:100vh!important;
  background:linear-gradient(135deg,color-mix(in srgb,var(--wpd-digits-overlay) 94%,#111827),color-mix(in srgb,var(--wpd-digits-primary) 34%,#13213c))!important;
  overflow:auto!important;
  font-family:var(--wpd-digits-font)!important;
}
body.wpd-digits-layout-card{background:radial-gradient(circle at 14% 12%,color-mix(in srgb,var(--wpd-digits-primary) 30%,transparent),transparent 34%),radial-gradient(circle at 86% 86%,color-mix(in srgb,var(--wpd-digits-secondary) 24%,transparent),transparent 32%),linear-gradient(135deg,color-mix(in srgb,var(--wpd-digits-overlay) 92%,#111827),color-mix(in srgb,var(--wpd-digits-primary) 34%,#13213c))!important}
body.wpd-digits-native-template #wpadminbar{display:none!important}
body.wpd-digits-full-canvas-active .wpd-digits-site-chrome{display:none!important}

.wpd-digits-shell{
  position:relative;z-index:2147482000;
  width:min(1160px,calc(100% - 36px));
  min-height:min(720px,calc(100vh - 56px));
  margin:28px auto;box-sizing:border-box;
  display:grid;grid-template-columns:minmax(360px,520px) minmax(320px,1fr);
  direction:rtl;border:1px solid rgba(255,255,255,.22);
  border-radius:calc(var(--wpd-digits-radius) + 8px);
  background:var(--wpd-digits-card);
  box-shadow:0 36px 110px rgba(8,15,35,.32);
  overflow:hidden;font-family:var(--wpd-digits-font)!important;
}
.wpd-digits-shell.is-card-only,.wpd-digits-shell.is-layout-card,
body.wpd-digits-native-template.wpd-digits-no-brand .wpd-digits-server-shell{
  grid-template-columns:minmax(320px,1fr);width:min(var(--wpd-digits-card-width),calc(100% - 32px));
  min-height:auto;justify-content:center;border:1px solid rgba(255,255,255,.7);
  border-radius:var(--wpd-digits-card-radius);background:linear-gradient(155deg,color-mix(in srgb,var(--wpd-digits-card) 98%,transparent),color-mix(in srgb,var(--wpd-digits-card) 90%,transparent));
  box-shadow:0 34px 100px rgba(8,15,35,.34),inset 0 1px 0 rgba(255,255,255,.82);overflow:hidden;backdrop-filter:blur(22px);
}
.wpd-digits-shell.is-layout-card>.wpd-digits-brand-panel{display:none!important}
.wpd-digits-card{
  position:relative;box-sizing:border-box;min-width:0;
  padding:unset!important;display:flex;flex-direction:column;
  justify-content:center;background:var(--wpd-digits-card);color:var(--wpd-digits-text);
}
.wpd-digits-shell.is-layout-card .wpd-digits-card,.wpd-digits-shell.is-card-only .wpd-digits-card{
  min-height:auto;padding:unset!important;background:linear-gradient(160deg,color-mix(in srgb,var(--wpd-digits-card) 98%,transparent),color-mix(in srgb,var(--wpd-digits-primary) 4%,var(--wpd-digits-card)));
}
.wpd-digits-form-holder{
  width:100%;max-width:470px;margin-inline:auto;direction:rtl;color:var(--wpd-digits-text);
  padding-top:35px!important;margin-bottom:-35px!important;
  font-family:var(--wpd-digits-font)!important;
}
.wpd-digits-shell.is-layout-card .wpd-digits-form-holder,.wpd-digits-shell.is-card-only .wpd-digits-form-holder{width:min(100%,var(--wpd-digits-form-width));max-width:min(100%,var(--wpd-digits-form-width));margin-inline:auto}
.wpd-digits-shell.is-layout-card .wpd-digits-footer,.wpd-digits-shell.is-card-only .wpd-digits-footer{display:none!important}
.wpd-digits-form-intro{margin-bottom:25px;text-align:right}
.wpd-digits-form-intro>span{display:inline-flex;padding:6px 10px;border-radius:999px;background:var(--wpd-digits-soft);color:var(--wpd-digits-primary);font-size:11px;font-weight:800}
.wpd-digits-form-intro h1{margin:13px 0 5px!important;color:var(--wpd-digits-text)!important;font-family:var(--wpd-digits-font)!important;font-size:clamp(24px,3vw,34px)!important;line-height:1.45!important}
.wpd-digits-form-intro p{margin:0!important;color:var(--wpd-digits-muted)!important;font-size:13px!important;line-height:1.9!important}
.wpd-digits-inline-brand{display:inline-flex!important;align-items:center!important;gap:10px!important;margin:0 0 16px!important;color:var(--wpd-digits-text)!important;text-decoration:none!important}
.wpd-digits-inline-brand img,.wpd-digits-inline-brand>.wpd-digits-brand-mark{width:44px!important;height:44px!important;flex:0 0 44px!important;object-fit:contain!important;border-radius:13px!important}
.wpd-digits-inline-brand strong{color:var(--wpd-digits-text)!important;font-family:var(--wpd-digits-font)!important;font-size:14px!important;font-weight:900!important}
.wpd-digits-form-intro .is-form-logo{display:flex!important;width:max-content!important;max-width:100%!important}

.wpd-digits-brand-panel{
  position:relative;min-width:0;padding:clamp(34px,5vw,72px);
  display:flex;align-items:flex-start;justify-content:flex-start;overflow:hidden;
  background:linear-gradient(145deg,var(--wpd-digits-overlay),color-mix(in srgb,var(--wpd-digits-primary) 70%,var(--wpd-digits-overlay)));
  background-position:center;background-size:cover;color:#fff;
}
.wpd-digits-brand-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 5%,rgba(7,15,35,.25) 100%)}
.wpd-digits-brand-content{position:relative;z-index:2;width:100%;max-width:520px;margin:0;align-self:flex-start}
.wpd-digits-brand-logo{display:inline-flex;align-items:center;gap:12px;color:#fff!important;text-decoration:none!important}
.wpd-digits-brand-logo img,.wpd-digits-brand-mark{width:48px;height:48px;object-fit:contain;border-radius:15px}
.wpd-digits-brand-mark{box-sizing:border-box;padding:11px;display:grid;grid-template-columns:1fr 1fr;gap:4px;background:linear-gradient(135deg,var(--wpd-digits-primary),var(--wpd-digits-secondary));box-shadow:0 16px 36px rgba(0,0,0,.22)}
.wpd-digits-brand-mark i{display:block;border-radius:4px;background:#fff}
.wpd-digits-brand-logo strong{font-size:16px}
.wpd-digits-kicker{display:block;margin-top:42px;color:color-mix(in srgb,#fff 78%,transparent);font-size:10px;font-weight:900;letter-spacing:1.6px}
.wpd-digits-brand-panel h2{margin:12px 0 10px!important;color:#fff!important;font-family:var(--wpd-digits-font)!important;font-size:clamp(28px,4vw,46px)!important;line-height:1.4!important}
.wpd-digits-brand-panel p{max-width:520px;margin:0!important;color:rgba(255,255,255,.78)!important;font-size:14px!important;line-height:2!important}
.wpd-digits-features{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px}
.wpd-digits-features span{padding:8px 11px;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(255,255,255,.08);font-size:11px;backdrop-filter:blur(10px)}
.wpd-digits-shape{position:absolute;display:block;border-radius:50%;border:42px solid rgba(255,255,255,.045)}
.wpd-digits-shape.shape-one{width:260px;height:260px;top:-140px;left:-120px}
.wpd-digits-shape.shape-two{width:150px;height:150px;right:-100px;bottom:-95px}
.wpd-digits-footer{margin-top:22px;color:var(--wpd-digits-muted);font-size:10px;text-align:center}


/* Digits central-card width corrections. */
.wpd-digits-native-slot .digits-form_container{
  width:100%!important;
  max-width:100%!important;
  padding:0 0!important;
}
.wpd-digits-native-slot .digits-form_heading{
  display:none!important;
}

/* Neutralise only Digits' page-sized shell. Internal forms remain native. */
.wpd-digits-native-slot{width:100%;min-width:0;direction:rtl;font-family:var(--wpd-digits-font)!important}
.wpd-digits-native-slot>:where(.dig-content,.dig_ma-box,.digloginpage,.digits-form_page,.digits-form-page,.digits_page,.digits-login-page,.dig_login_signup_page,.digits_login_container,.digits_form_shortcode_render,.dig_pgmdl_2,.digits_login_form,.digits-form,.digit-form,.dig_maindiv,.dig_login_signup),
.wpd-digits-form-holder .wpd-digits-form-themed{
  position:relative!important;inset:auto!important;float:none!important;
  width:100%!important;max-width:none!important;min-width:0!important;height:auto!important;min-height:0!important;
  margin:0!important;padding:0!important;transform:none!important;background:transparent!important;
  box-shadow:none!important;color:var(--wpd-digits-text)!important;font-family:var(--wpd-digits-font)!important;
  overflow:visible!important;text-align:right!important;
}
.wpd-digits-native-slot :where(.dig_ma-box,.dig-content,.digloginpage,.digits_login_form,.digits-form,.dig-log-par,.dig_log_par,form){max-width:100%!important;box-sizing:border-box!important;font-family:var(--wpd-digits-font)!important}
.wpd-digits-shell.is-layout-card .wpd-digits-native-slot>:where(.dig-content,.dig_ma-box,.digloginpage,.digits-form_page,.digits-form-page,.digits_page,.digits-login-page,.dig_login_signup_page,.digits_login_container,.digits_form_shortcode_render,.dig_pgmdl_2,.digits_login_form,.digits-form,.digit-form,.dig_maindiv,.dig_login_signup),
.wpd-digits-shell.is-card-only .wpd-digits-native-slot>:where(.dig-content,.dig_ma-box,.digloginpage,.digits-form_page,.digits-form-page,.digits_page,.digits-login-page,.dig_login_signup_page,.digits_login_container,.digits_form_shortcode_render,.dig_pgmdl_2,.digits_login_form,.digits-form,.digit-form,.dig_maindiv,.dig_login_signup){margin-inline:auto!important}
.wpd-digits-native-slot :where(.dig_ma-box,.dig-content,.digloginpage,.digits_login_form,.digits-form) :where(h1,h2,h3,h4,p,label,span,strong,a,div:not([class*=icon])){font-family:var(--wpd-digits-font)!important;color:var(--wpd-digits-text)!important}

/* The original Digits phone layout is retained. The only correction is a real
   reserved gutter between +98 and the phone input. */
.wpd-digits-native-slot .digcon:has(>.countrycodecontainer){
  position:relative!important;direction:ltr!important;width:100%!important;min-width:0!important;box-sizing:border-box!important;
}
.wpd-digits-native-slot .digcon:has(>.countrycodecontainer)>.countrycodecontainer{
  position:absolute!important;left:0!important;right:auto!important;top:0!important;bottom:auto!important;
  width:78px!important;min-width:78px!important;max-width:78px!important;height:50px!important;z-index:5!important;
  margin:0!important;padding:0!important;box-sizing:border-box!important;
}
.wpd-digits-native-slot .digcon:has(>.countrycodecontainer)>.countrycodecontainer :where(input,.countrycode){
  width:78px!important;min-width:78px!important;max-width:78px!important;height:50px!important;min-height:50px!important;
  margin:0!important;padding:0 7px!important;box-sizing:border-box!important;text-align:center!important;direction:ltr!important;
}
.wpd-digits-native-slot .digcon:has(>.countrycodecontainer)>.dig_input_wrapper{
  position:relative!important;left:auto!important;right:auto!important;float:none!important;
  width:calc(100% - 86px)!important;max-width:calc(100% - 86px)!important;min-width:0!important;
  margin-left:86px!important;margin-right:0!important;padding:0!important;box-sizing:border-box!important;
}
.wpd-digits-native-slot .digcon:has(>.countrycodecontainer)>.dig_input_wrapper>input:not(.countrycode){
  position:relative!important;left:auto!important;right:auto!important;float:none!important;
  width:100%!important;max-width:100%!important;min-width:0!important;
  margin:0!important;padding-left:14px!important;padding-right:14px!important;
  box-sizing:border-box!important;text-align:left!important;direction:ltr!important;text-indent:0!important;
}
/* Digits 9 / intl-tel-input keeps its own structure. */
.wpd-digits-native-slot .iti{width:100%!important;max-width:100%!important;direction:ltr!important}
.wpd-digits-native-slot .iti input[type=tel]{box-sizing:border-box!important;text-align:left!important;direction:ltr!important}

/* Style only the real native actions. No replacement controls and no forced
   display/visibility, so Digits remains responsible for every stage. */
.wpd-digits-native-slot :where(#dig_login_btn,.dig_login):not(#dig_login_va_otp):not(.loginviasms):not(.loginviasmsotp),
.wpd-digits-native-slot #dig_login_va_otp,
.wpd-digits-native-slot .wpd-digits-main-action,
.wpd-digits-native-slot .wpd-digits-mode-action{
  width:100%!important;max-width:100%!important;min-height:50px!important;
  margin:12px 0 0!important;padding:0 18px!important;box-sizing:border-box!important;
  border:0!important;border-radius:13px!important;
  background:linear-gradient(135deg,var(--wpd-digits-primary),var(--wpd-digits-secondary))!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  font-family:var(--wpd-digits-font)!important;font-size:13px!important;font-weight:900!important;
  line-height:50px!important;text-align:center!important;text-decoration:none!important;
  box-shadow:0 12px 28px color-mix(in srgb,var(--wpd-digits-primary) 25%,transparent)!important;
  cursor:pointer!important;float:none!important;transform:none!important;
}
.wpd-digits-native-slot #dig_login_va_otp,
.wpd-digits-native-slot .wpd-digits-mode-action{
  background:linear-gradient(135deg,color-mix(in srgb,var(--wpd-digits-primary) 88%,#111827),color-mix(in srgb,var(--wpd-digits-secondary) 84%,#111827))!important;
}
.wpd-digits-native-slot :where(#dig_login_btn,.dig_login,#dig_login_va_otp,.wpd-digits-main-action,.wpd-digits-mode-action) *{color:#fff!important;-webkit-text-fill-color:#fff!important}
.wpd-digits-native-slot :where(.forgotpassword,.forgotpassworda,.dig-forgot-password){
  width:auto!important;min-height:0!important;margin:12px auto 0!important;padding:0!important;border:0!important;
  background:transparent!important;color:var(--wpd-digits-text)!important;-webkit-text-fill-color:var(--wpd-digits-text)!important;
  box-shadow:none!important;line-height:1.8!important;text-align:center!important;
}
.wpd-digits-native-slot :where(.transupbutton,.dig-signup-otp,.digits-register-button){
  width:100%!important;max-width:100%!important;min-height:50px!important;margin:14px 0 0!important;padding:0 18px!important;
  border:0!important;border-radius:13px!important;background:linear-gradient(135deg,var(--wpd-digits-primary),var(--wpd-digits-secondary))!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;font-family:var(--wpd-digits-font)!important;font-weight:900!important;
  line-height:50px!important;text-align:center!important;box-shadow:0 12px 28px color-mix(in srgb,var(--wpd-digits-primary) 25%,transparent)!important;
}
.wpd-digits-native-slot :where(#dig_lo_resend_otp_btn,.dig_lo_resend_otp_btn,.dig_resendotp,.wpd-digits-resend-action){
  width:100%!important;min-height:0!important;margin:8px 0 0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:transparent!important;color:var(--wpd-digits-muted)!important;-webkit-text-fill-color:var(--wpd-digits-muted)!important;
  box-shadow:none!important;font-size:11px!important;font-weight:500!important;line-height:1.8!important;text-align:center!important;
}

/* Preserve native OTP visibility and native verify button. We only theme the
   input when Digits makes it visible. */
.wpd-digits-native-slot input.dig-login-otp,
.wpd-digits-native-slot input[name="dig_otp"]{
  width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  min-height:50px!important;text-align:center!important;direction:ltr!important;letter-spacing:4px!important;
  color:var(--wpd-digits-text)!important;font-family:var(--wpd-digits-font)!important;
}

.wpd-digits-modal-themed{border-radius:calc(var(--wpd-digits-radius) + 4px)!important;background:var(--wpd-digits-card)!important;color:var(--wpd-digits-text)!important;box-shadow:0 30px 90px rgba(8,15,35,.28)!important;overflow:hidden!important}
.wpd-digits-source-overlay{display:none!important}
body.wpd-digits-full-canvas-active>.wpd-digits-shell{display:grid!important}

@media(max-width:880px){
  .wpd-digits-shell{grid-template-columns:1fr;width:min(620px,calc(100% - 24px));margin:12px auto;min-height:auto}
  .wpd-digits-brand-panel{min-height:250px;padding:30px}
  .wpd-digits-brand-panel .wpd-digits-kicker{margin-top:28px}
  .wpd-digits-card{padding:30px 22px}
}
@media(max-width:560px){
  .wpd-digits-shell{width:100%;margin:0;border:0;border-radius:0;min-height:100vh}
  .wpd-digits-shell.is-layout-card,.wpd-digits-shell.is-card-only{width:calc(100% - 18px);margin:9px auto;min-height:auto;border:1px solid rgba(255,255,255,.55);border-radius:min(var(--wpd-digits-card-radius),26px)}
  .wpd-digits-brand-panel{display:none}
  .wpd-digits-card{min-height:100vh;padding:28px 17px}
  .wpd-digits-form-intro h1{font-size:25px!important}
  .wpd-digits-native-slot .digcon:has(>.countrycodecontainer)>.countrycodecontainer,
  .wpd-digits-native-slot .digcon:has(>.countrycodecontainer)>.countrycodecontainer :where(input,.countrycode){width:72px!important;min-width:72px!important;max-width:72px!important}
  .wpd-digits-native-slot .digcon:has(>.countrycodecontainer)>.dig_input_wrapper{width:calc(100% - 80px)!important;max-width:calc(100% - 80px)!important;margin-left:80px!important}
  .wpd-digits-native-slot :where(#dig_login_btn,.dig_login,#dig_login_va_otp,.wpd-digits-main-action,.wpd-digits-mode-action,.transupbutton){min-height:48px!important;line-height:48px!important;font-size:12px!important}
}