:root{--rcs-otp-accent:var(--wd-primary-color,#b31b1f);--rcs-otp-ink:#171717;--rcs-otp-muted:#6b6b6b;--rcs-otp-line:#e5e5e5;--rcs-otp-bg:#fff;--rcs-otp-soft:#f7f7f8;--rcs-otp-radius:12px}

/* Entry button injected into password forms (non-forced mode) */
.rcs-otp-entry{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0 0 18px!important;width:100%!important;float:none!important;clear:both!important;font-family:inherit!important}
.rcs-otp-entry *{box-sizing:border-box}
.rcs-otp-entry .rcs-otp-trigger,.rcs-otp-account-phone .rcs-otp-trigger{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;width:100%!important;min-height:46px!important;margin:0!important;padding:10px 14px!important;border:1px solid color-mix(in srgb,var(--rcs-otp-accent) 40%,#ddd)!important;border-radius:9px!important;background:color-mix(in srgb,var(--rcs-otp-accent) 6%,#fff)!important;color:var(--rcs-otp-accent)!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;line-height:1.5!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important}
.rcs-otp-entry .rcs-otp-trigger:hover,.rcs-otp-account-phone .rcs-otp-trigger:hover{background:color-mix(in srgb,var(--rcs-otp-accent) 11%,#fff)!important}
.rcs-otp-entry-note{display:block!important;text-align:center!important;color:#858585!important;font-size:11px!important;line-height:1.5!important}

/* Card (My Account, checkout, gate, shortcode) */
.rcs-otp-card{box-sizing:border-box;max-width:460px;margin:8px auto 28px;padding:26px;border:1px solid var(--rcs-otp-line);border-radius:16px;background:var(--rcs-otp-bg);box-shadow:0 10px 40px rgba(0,0,0,.06);direction:rtl;text-align:right;font-family:inherit}
.rcs-otp-card *{box-sizing:border-box}
.rcs-otp-card-head{display:flex;gap:12px;align-items:flex-start;margin-bottom:18px}
.rcs-otp-card-icon{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--rcs-otp-accent) 10%,#fff);color:var(--rcs-otp-accent)}
.rcs-otp-card-title{margin:0 0 4px!important;font-size:20px!important;font-weight:800!important;line-height:1.4!important;color:var(--rcs-otp-ink)!important;letter-spacing:-.01em}
.rcs-otp-card-subtitle{margin:0!important;color:var(--rcs-otp-muted)!important;font-size:13px!important;line-height:1.9!important}
.rcs-otp-skeleton{height:132px;border-radius:10px;background:linear-gradient(90deg,#f3f3f3 25%,#fafafa 50%,#f3f3f3 75%);background-size:200% 100%;animation:rcsOtpPulse 1.2s infinite}
@keyframes rcsOtpPulse{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* Widget */
.rcs-otp-widget{direction:rtl;text-align:right;font-family:inherit;color:var(--rcs-otp-ink)}
.rcs-otp-widget *{box-sizing:border-box}
.rcs-otp-widget [hidden]{display:none!important}
.rcs-otp-label{display:block!important;margin:0 0 7px!important;color:#333!important;font-size:13px!important;font-weight:600!important;line-height:1.6!important}
.rcs-otp-label small{font-weight:400;color:var(--rcs-otp-muted)}
.rcs-otp-widget .rcs-otp-input{display:block!important;width:100%!important;height:50px!important;margin:0 0 12px!important;padding:0 14px!important;border:1px solid #d6d6d6!important;border-radius:10px!important;background:#fff!important;color:var(--rcs-otp-ink)!important;font-family:inherit!important;font-size:16px!important;line-height:1!important;box-shadow:none!important;outline:none!important;transition:border-color .15s,box-shadow .15s!important}
.rcs-otp-widget select.rcs-otp-input{padding:0 12px!important;appearance:auto}
.rcs-otp-widget .rcs-otp-input:focus{border-color:var(--rcs-otp-accent)!important;box-shadow:0 0 0 3px color-mix(in srgb,var(--rcs-otp-accent) 14%,transparent)!important}
.rcs-otp-widget .rcs-otp-phone{direction:ltr!important;text-align:left!important;font-size:18px!important;letter-spacing:.04em!important}
.rcs-otp-widget .rcs-otp-code{direction:ltr!important;text-align:center!important;font-size:26px!important;font-weight:700!important;letter-spacing:.42em!important;padding-left:calc(14px + .42em)!important;font-variant-numeric:tabular-nums}
.rcs-otp-field{position:relative}
.rcs-otp-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rcs-otp-widget .rcs-otp-primary{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:50px!important;margin:4px 0 0!important;padding:10px 16px!important;border:0!important;border-radius:10px!important;background:var(--rcs-otp-accent)!important;color:#fff!important;font-family:inherit!important;font-size:15px!important;font-weight:700!important;line-height:1.5!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important;transition:filter .15s,opacity .15s!important}
.rcs-otp-widget .rcs-otp-primary:hover{filter:brightness(.94)!important;color:#fff!important}
.rcs-otp-widget .rcs-otp-primary:disabled{opacity:.6!important;cursor:progress!important}
.rcs-otp-widget .rcs-otp-primary:focus-visible,.rcs-otp-widget .rcs-otp-link:focus-visible{outline:3px solid color-mix(in srgb,var(--rcs-otp-accent) 35%,transparent)!important;outline-offset:2px!important}
.rcs-otp-widget .rcs-otp-link{appearance:none!important;display:inline!important;width:auto!important;min-height:0!important;margin:0!important;padding:4px 0!important;border:0!important;background:transparent!important;color:var(--rcs-otp-accent)!important;font-family:inherit!important;font-size:12.5px!important;font-weight:600!important;line-height:1.5!important;cursor:pointer!important;box-shadow:none!important;text-transform:none!important;text-decoration:none!important}
.rcs-otp-widget .rcs-otp-link:disabled{color:#aaa!important;cursor:not-allowed!important}
.rcs-otp-skip{display:block!important;margin:12px auto 0!important;color:var(--rcs-otp-muted)!important}
.rcs-otp-hp{position:absolute!important;left:-99999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.rcs-otp-alert{margin:0 0 14px!important;padding:10px 12px!important;border-radius:9px!important;background:var(--rcs-otp-soft)!important;color:#333!important;font-size:12.5px!important;font-weight:500!important;line-height:1.8!important}
.rcs-otp-alert.is-error{background:#fff0ef!important;color:#8d2017!important}
.rcs-otp-alert.is-success{background:#edf9ef!important;color:#126d27!important}
.rcs-otp-sent-to{margin:0 0 14px!important;color:#555!important;font-size:13px!important;line-height:1.9!important}
.rcs-otp-sent-to bdi{direction:ltr;display:inline-block;color:#222;font-weight:700}
.rcs-otp-code-actions{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important;gap:8px 14px!important;margin-top:12px!important;min-height:26px}
.rcs-otp-timer{color:var(--rcs-otp-muted);font-size:12.5px;font-variant-numeric:tabular-nums}
.rcs-otp-fine{margin:12px 0 0!important;color:#8a8a8a!important;font-size:11px!important;line-height:1.8!important}
.rcs-otp-profile-lead{margin:0 0 14px!important;color:#444!important;font-size:13px!important;line-height:1.9!important}
.rcs-otp-done{text-align:center;padding:18px 0}
.rcs-otp-check{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#edf9ef;color:#126d27;font-size:28px;font-weight:800}
.rcs-otp-done-text{margin:12px 0 0!important;color:#333!important;font-size:14px!important}
.rcs-otp-widget.is-busy{cursor:progress}

/* Modal */
html.rcs-otp-modal-lock,body.rcs-otp-modal-lock{overflow:hidden!important;overscroll-behavior:none!important}
.rcs-otp-modal[hidden]{display:none!important}
.rcs-otp-modal{position:fixed!important;inset:0!important;z-index:2147483000!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:18px!important;font-family:inherit!important;direction:rtl!important;isolation:isolate!important}
.rcs-otp-modal,.rcs-otp-modal *{box-sizing:border-box!important}
.rcs-otp-backdrop{position:absolute!important;inset:0!important;background:rgba(12,12,12,.62)!important;backdrop-filter:blur(5px)!important;-webkit-backdrop-filter:blur(5px)!important}
.rcs-otp-dialog{position:relative!important;z-index:1!important;width:min(100%,440px)!important;max-height:min(760px,calc(100dvh - 36px))!important;overflow:auto!important;overscroll-behavior:contain!important;background:var(--rcs-otp-bg)!important;color:var(--rcs-otp-ink)!important;border-radius:18px!important;padding:28px!important;box-shadow:0 28px 90px rgba(0,0,0,.25)!important;text-align:right!important;line-height:1.7!important;-webkit-overflow-scrolling:touch!important}
.rcs-otp-close{position:absolute!important;top:13px!important;left:13px!important;width:38px!important;height:38px!important;border:0!important;border-radius:50%!important;background:#f2f2f2!important;color:#333!important;font-size:24px!important;line-height:1!important;cursor:pointer!important;padding:0!important;box-shadow:none!important;min-height:0!important}
.rcs-otp-brand{font-weight:800!important;font-size:13px!important;margin:0 0 14px!important;color:var(--rcs-otp-accent)!important;letter-spacing:.02em}
.rcs-otp-title{font-family:inherit!important;font-size:clamp(22px,4vw,28px)!important;font-weight:800!important;line-height:1.35!important;margin:0 0 6px!important;color:var(--rcs-otp-ink)!important}
.rcs-otp-subtitle{margin:0 0 20px!important;color:var(--rcs-otp-muted)!important;font-size:13px!important;line-height:1.9!important}

/* My Account phone box */
.rcs-otp-account-phone{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 22px;padding:16px 18px;border:1px solid var(--rcs-otp-line);border-radius:12px;background:var(--rcs-otp-soft);direction:rtl}
.rcs-otp-account-phone p{margin:6px 0 0;color:var(--rcs-otp-muted);font-size:12.5px;line-height:1.8}
.rcs-otp-account-phone .rcs-otp-trigger{width:auto!important;white-space:nowrap}
.rcs-otp-account-number{margin-inline-start:10px}
.rcs-otp-account-number bdi{direction:ltr;display:inline-block;font-weight:700}
.rcs-otp-badge{display:inline-block;margin-inline-start:6px;padding:2px 9px;border-radius:99px;background:#edf9ef;color:#126d27;font-size:11px;font-weight:700}
.rcs-otp-badge.is-warn{background:#fff4d6;color:#7a5100}
.rcs-otp-forced .woocommerce-EditAccountForm fieldset{display:none!important}

@media(max-width:560px){
  .rcs-otp-modal{align-items:flex-end!important;padding:0!important}
  .rcs-otp-dialog{width:100%!important;max-width:none!important;max-height:94dvh!important;border-radius:20px 20px 0 0!important;padding:26px 20px calc(22px + env(safe-area-inset-bottom))!important}
  .rcs-otp-card{padding:20px;border-radius:14px}
  .rcs-otp-row{grid-template-columns:1fr}
  .rcs-otp-account-phone{flex-direction:column;align-items:stretch}
  .rcs-otp-account-phone .rcs-otp-trigger{width:100%!important}
}
@media(prefers-reduced-motion:no-preference){.rcs-otp-dialog{animation:rcsOtpIn .2s ease-out}@keyframes rcsOtpIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}}
@media(prefers-reduced-motion:reduce){.rcs-otp-skeleton{animation:none}}
