/* Protected DIGITS document only. Native authentication and timers stay intact. */
#digits_protected.digits_ui {
 --bcx-digits-accent:#000937; --bcx-digits-hover:#24376B; --bcx-digits-accent-rgb:0,9,55;
 --bcx-digits-text:#181818; --bcx-digits-muted:#666; --bcx-digits-border:#e7e5e2;
 --bcx-digits-field:#fff; --bcx-digits-surface:#fff; --bcx-digits-page:#fff;
 --bcx-digits-width:440px; --bcx-digits-radius:12px;
 position:relative; min-height:100vh; min-height:100svh; background:var(--bcx-digits-page); color:var(--bcx-digits-text); direction:rtl; color-scheme:light;
}
#digits_protected.digits_ui, #digits_protected.digits_ui * { box-sizing:border-box; font-family:"BCX Kalameh","KalamehFaNum-Regular",Tahoma,sans-serif; }
/* DIGITS transitions every child's layout. Restrict this to visual properties. */
#digits_protected.digits_ui .digits-form_container * { transition-property:color,background-color,border-color,opacity; transition-duration:140ms; }
#digits_protected.digits_ui :is(.digits-form_page,.digits-form_container) { --dprimary:var(--bcx-digits-accent); --daccent:var(--bcx-digits-accent); --dtitle:var(--bcx-digits-text); --dfield_bg:var(--bcx-digits-field); --dform_bg:var(--bcx-digits-surface); --dbutton_text:#fff; }
#digits_protected.digits_ui .digits-form_page { width:100%; min-height:100vh; min-height:100svh; height:auto; padding:max(64px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(40px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left)); background:transparent; }
#digits_protected.digits_ui .digits-form_container { width:min(100%,var(--bcx-digits-width)); max-width:100%; min-width:0; margin:auto; padding:0; border:1px solid var(--bcx-digits-border); border-radius:var(--bcx-digits-radius); background:var(--bcx-digits-surface); box-shadow:none; overflow:visible; }
#digits_protected.digits_ui .digits-form_wrapper { padding:36px 32px 32px; }
#digits_protected.digits_ui .digits-form_wrapper::before { display:none; content:""; width:min(240px,100%); height:76px; margin:0 auto 28px; background:center / contain no-repeat; }
#digits_protected.digits_ui .digits-form_heading { margin:0 0 24px; padding-inline:32px; color:var(--bcx-digits-text); font-size:26px; font-weight:600; line-height:1.6; text-align:center; overflow-wrap:anywhere; }
#digits_protected.digits_ui .bcx-digits-intro { margin:-12px 0 24px; color:var(--bcx-digits-muted); font-size:14px; line-height:1.9; text-align:center; }
#digits_protected.digits_ui form:not(.digits_form_index_section) .bcx-digits-intro { display:none; }
#digits_protected.digits_ui .digits-form_tab-bar { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0 0 12px; border:0; border-bottom:1px solid var(--bcx-digits-border); background:transparent; }
#digits_protected.digits_ui .digits-form_tab-bar .digits-form_tab-item { display:flex; align-items:center; justify-content:center; min-height:44px; padding:8px; border:0; border-radius:8px; color:var(--bcx-digits-muted); font-size:14px; font-weight:400; line-height:1.7; opacity:1; text-align:center; }
#digits_protected.digits_ui .digits-form_tab-bar .digits-tab_active { background:#f7f7f5; color:var(--bcx-digits-text); font-weight:600; }
#digits_protected.digits_ui .digits-slider_line { display:none; }
/* A sole mobile tab repeats the mobile label; keep real alternate-method tabs. */
#digits_protected.digits_ui .digits_form_index_section .digits-form_tabs:has(.digits_login_use_phone):not(:has(.digits_login_use_email,.digits_reg_use_email)) { display:none; }
#digits_protected.digits_ui .digits-form_body { margin-top:20px; }
#digits_protected.digits_ui .digits-form_input_row { margin-bottom:18px; }
#digits_protected.digits_ui .bcx-digits-label { display:block; margin:0 0 8px; color:var(--bcx-digits-text); font-size:15px; font-weight:500; line-height:1.8; }
#digits_protected.digits_ui .digits-form_border,
#digits_protected.digits_ui .digits2_box .digits-form_input :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea) { border:1px solid #c9c6c2; border-radius:8px; background:var(--bcx-digits-field); color:var(--bcx-digits-text); box-shadow:none; }
#digits_protected.digits_ui .digits-form_input :where(input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),textarea) { min-height:52px; height:52px; padding:10px 14px; font-size:16px; font-weight:400; line-height:30px; }
/* Separate country selector and phone instead of DIGITS' absolute overlay. */
#digits_protected.digits_ui .digits-mobile_wrapper { display:flex; align-items:stretch; direction:ltr; }
#digits_protected.digits_ui .digits-mobile_wrapper .digits_countrycodecontainer { position:relative; inset:auto; flex:0 0 96px; width:96px; min-width:0; border-inline-end:1px solid var(--bcx-digits-border); }
#digits_protected.digits_ui .digits-mobile_wrapper > .digits-form_input:not(.digits_countrycodecontainer) { flex:1; width:auto; min-width:0; }
#digits_protected.digits_ui .digits2_box .digits-mobile_wrapper .digits-form_input input { width:100%; border:0; border-radius:0; background:transparent; box-shadow:none; }
#digits_protected.digits_ui .digits2_box .digits-mobile_wrapper .digits_countrycodecontainer input { padding:10px 10px 10px 44px; text-align:center; }
/* DIGITS calculates inline padding for its old absolute country overlay. */
#digits_protected.digits_ui .digits-mobile_wrapper .dig-mobile_field { padding-inline:14px !important; }
#digits_protected.digits_ui .digits-mobile_wrapper .digits_countrycodecontainer .digits-field-country_flag { left:0; right:auto; margin-left:0; }
#digits_protected.digits_ui .digits-form_input input::placeholder { color:var(--bcx-digits-muted); opacity:1; }
#digits_protected.digits_ui .digits-form_border:focus-within,
#digits_protected.digits_ui .digits2_box .digits-form_input :is(input,textarea):focus { border-color:var(--bcx-digits-accent); outline:2px solid rgba(var(--bcx-digits-accent-rgb),.18); outline-offset:2px; box-shadow:none; }
#digits_protected.digits_ui .digits2_box .digits-mobile_wrapper input:focus { outline:none; }
/* DIGITS login.css marks focus borders important. Its row owns this border. */
#digits_protected.digits_ui .digits2_box .digits-mobile_wrapper input:focus { border-color:transparent !important; }
#digits_protected.digits_ui .digits-form_border:has(.dig_input_error) { border-color:#b42318; }
#digits_protected.digits_ui :is(.dig-mobile_field,input[name*="_otp"],.digits_otp_input-field,.otp_input) { direction:ltr; }
#digits_protected.digits_ui .dig-mobile_field { text-align:left; }
#digits_protected.digits_ui .digits2_box .digits-form_input :is(input[name*="_otp"],.digits_otp_input-field,.otp_input):not(.bcx-otp-native) { text-align:center; font-size:24px; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:.3em; }
#digits_protected.digits_ui .digits-form_rememberme { height:auto; min-height:44px; margin:0 0 16px; font-size:14px; }
#digits_protected.digits_ui .digits-form_rememberme :is(.dig_opt_mult_con,.dig_opt_mult,label) { margin:0; }
#digits_protected.digits_ui .digits-form_rememberme label { display:flex; align-items:center; min-height:44px; cursor:pointer; }
#digits_protected.digits_ui .digits-form_rememberme .dig_input_wrapper:has(.bcx-remember-check) { display:grid; grid-template-columns:24px minmax(0,1fr); align-items:center; gap:12px; min-height:44px; }
#digits_protected.digits_ui .digits-form_rememberme .dig_input_wrapper:has(.bcx-remember-check)::before,
#digits_protected.digits_ui .digits-form_rememberme .dig_input_wrapper:has(.bcx-remember-check)::after { display:none; }
#digits_protected.digits_ui .digits-form_rememberme .dig_input_wrapper:has(.bcx-remember-check) > div { padding:0; line-height:1.8; }
/* Same border-to-tick SVG and timing as Checkout, on DIGITS' native input. */
#digits_protected.digits_ui .bcx-remember-check { --bg:#fff; --brdr:#d7c9c5; --brdr-actv:#000937; --brdr-hovr:#9aa6d5; --dur:.6s; position:relative; display:inline-block; width:24px; height:24px; color:#000937; line-height:1; }
#digits_protected.digits_ui .bcx-remember-check input { appearance:none; -webkit-appearance:none; -webkit-tap-highlight-color:transparent; position:absolute; inset:0; display:block; visibility:visible; opacity:1; box-sizing:border-box; width:100%; height:100%; min-width:0; min-height:0; margin:0; padding:0; border:var(--newBrdr,1px) solid var(--newBrdrClr,var(--brdr)); border-radius:5px; background:var(--bg); box-shadow:none; cursor:pointer; outline:none; transition:border-color calc(var(--dur)/3) linear,border-width calc(var(--dur)/3) linear,background-color calc(var(--dur)/3) linear; }
#digits_protected.digits_ui .bcx-remember-check input:hover,
#digits_protected.digits_ui .bcx-remember-check input:checked { --newBrdr:2px; }
#digits_protected.digits_ui .bcx-remember-check input:hover { --newBrdrClr:var(--brdr-hovr); }
#digits_protected.digits_ui .bcx-remember-check input:checked { --newBrdrClr:var(--brdr-actv); transition-delay:calc(var(--dur)/1.3); }
#digits_protected.digits_ui .bcx-remember-check input:focus-visible { outline:2px solid rgba(0,9,55,.48); outline-offset:3px; }
#digits_protected.digits_ui .bcx-remember-check svg { position:absolute; inset:0; display:block; width:100%; height:100%; pointer-events:none; stroke-dasharray:var(--dashArray,93); stroke-dashoffset:var(--dashOffset,94); stroke-linecap:round; stroke-linejoin:round; stroke-width:2px; transition:stroke-dasharray var(--dur),stroke-dashoffset var(--dur); }
#digits_protected.digits_ui .bcx-remember-check input:checked + svg { --dashArray:16 93; --dashOffset:109; }
#digits_protected.digits_ui .digits-form_button,
#digits_protected.digits_ui .digits-form_button[type="submit"] { min-height:52px; height:auto; padding:12px 18px; border:1px solid transparent; border-radius:8px; background:var(--bcx-digits-accent); color:#fff; line-height:26px; box-shadow:none; transform:none; }
#digits_protected.digits_ui .digits-form_button:hover,
#digits_protected.digits_ui .digits-form_button:focus-visible { background:var(--bcx-digits-hover); color:#fff; }
#digits_protected.digits_ui .digits-form_button:active { background:#00072b; }
#digits_protected.digits_ui .digits-form_button:disabled { opacity:.6; cursor:wait; }
#digits_protected.digits_ui .digits-form_button-text { color:inherit; font-size:16px; font-weight:600; }
#digits_protected.digits_ui .digits-form_button_ic { margin:0 6px 0 0; color:inherit; transform:rotate(180deg); }
#digits_protected.digits_ui :is(a,button,[tabindex="0"]):focus-visible { outline:2px solid var(--bcx-digits-accent); outline-offset:3px; }
#digits_protected.digits_ui .dig_login_signup_bar { margin-top:24px; font-size:14px; font-weight:400; line-height:1.9; text-align:center; }
#digits_protected.digits_ui :is(.dig_login_signup_bar span,.digits-form_hint,.digits-form_footer) { color:var(--bcx-digits-muted); opacity:1; }
#digits_protected.digits_ui :is(.dig_login_signup_bar a,.digits-form_link,.digits-form_input_row a) { color:var(--bcx-digits-accent); font-weight:500; text-decoration:none; }
#digits_protected.digits_ui :is(.dig_login_signup_bar a,.digits-form_link,.digits-form_input_row a):hover { color:var(--bcx-digits-hover); }
#digits_protected.digits_ui .digits-form_link { min-height:44px; padding-block:10px; margin-top:12px; line-height:24px; }
#digits_protected.digits_ui .digits-form_resend_otp { font-size:14px; }
#digits_protected.digits_ui .digits_back_icon { top:0; left:0; width:44px; height:44px; mask-position:center; -webkit-mask-position:center; color:var(--bcx-digits-text); }
#digits_protected.digits_ui .digits-cancel { position:absolute; top:max(12px,env(safe-area-inset-top)); right:max(16px,env(safe-area-inset-right)); width:44px; height:44px; border:1px solid var(--bcx-digits-border); border-radius:50%; background-color:var(--bcx-digits-surface); background-position:center; background-size:20px; box-shadow:none; }
#digits_protected.digits_ui .digits-cancel:hover { border-color:#aaa59f; background-color:#f7f7f5; }
#digits_protected.digits_ui .digits_otp_info { color:var(--bcx-digits-muted); font-size:13px; }
#digits_protected.digits_ui .digits_otp_info_desc { max-width:min(260px,80vw); border:1px solid var(--bcx-digits-border); border-radius:8px; background:var(--bcx-digits-surface); color:var(--bcx-digits-text); line-height:1.8; box-shadow:0 4px 16px #0000000d; }
/* DIGITS appends messages directly to body, outside #digits_protected.
 * The class is added only when that protected login document exists. */
body.bcx-digits-document .dig_popmessage { width:min(360px,calc(100% - 32px)); min-height:0; top:max(64px,env(safe-area-inset-top)); left:16px; right:auto; box-shadow:none; animation:none; direction:rtl; }
body.bcx-digits-document .dig_popmessage * { box-sizing:border-box; font-family:"BCX Kalameh","KalamehFaNum-Regular",Tahoma,sans-serif; }
body.bcx-digits-document .dig_popmessage .dig_popmessage_contents { position:relative; padding:16px 18px 16px 48px; border:1px solid #efc4bf; border-radius:8px; background:#fff5f4; box-shadow:none; color:#b42318; line-height:1.9; }
body.bcx-digits-document .dig_popmessage .dig_firele { display:none; }
body.bcx-digits-document .dig_popmessage .dig_lasele { min-width:0; padding:0; text-align:right; overflow-wrap:anywhere; }
body.bcx-digits-document .dig_popmessage :is(.dig_lase_snap,.dig_lase_message) { color:inherit; font-size:14px; }
body.bcx-digits-document .dig_popmessage .dig_lase_snap { font-weight:600; }
body.bcx-digits-document .dig_popmessage .dig_popdismiss { top:4px; left:4px; right:auto; width:44px; height:44px; background-color:#b42318; mask-size:16px; mask-repeat:no-repeat; mask-position:center; }
body.bcx-digits-document .dig_success_msg .dig_popmessage_contents { border-color:#bbdec7; background:#f1f7f3; color:#166534; }
body.bcx-digits-document .dig_success_msg .dig_popdismiss { background-color:#166534; }
body.bcx-digits-document .dig_notice_msg .dig_popmessage_contents { border-color:#e7e5e2; background:#f7f7f5; color:#181818; }
#digits_protected.digits_ui .digits_site_footer_box { position:relative; padding:0 24px 24px; }
#digits_protected.digits_ui .protected_by_digits,
#digits_protected.digits_ui .digits_site_footer_box:empty,
#digits_protected.digits_ui .digits_site_footer_box:has(> .protected_by_digits:only-child) { display:none; }
@media (max-width:600px) {
 #digits_protected.digits_ui .digits-form_page { padding:max(76px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(32px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left)); }
 #digits_protected.digits_ui .digits-form_wrapper { padding:28px 20px; }
 #digits_protected.digits_ui .digits-form_heading { font-size:24px; }
 #digits_protected.digits_ui .digits-form_wrapper::before { margin-bottom:24px; }
}
@media (prefers-reduced-motion:reduce) {
 /* DIGITS animates loading/error nodes; this override is confined to login. */
 #digits_protected.digits_ui *, #digits_protected.digits_ui *::before, #digits_protected.digits_ui *::after, body.bcx-digits-document .dig_popmessage { animation:none !important; transition:none !important; }
}
