:root{--ara-auth-primary:var(--ara-primary,#5C1F5A)}
.ara-auth-shell{direction:rtl;max-width:540px;margin:34px auto 60px;padding:0 16px;font-family:inherit;color:#1f2937}
.ara-auth-card{background:#fff;border:1px solid #eee;border-radius:22px;padding:clamp(22px,5vw,38px);box-shadow:0 12px 40px rgba(35,20,35,.08)}
.ara-auth-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.ara-auth-brand strong,.ara-auth-brand small{display:block}.ara-auth-brand strong{font-size:16px;color:var(--ara-auth-primary)}.ara-auth-brand small{font-size:12px;color:#888;margin-top:3px}
.ara-auth-mark{width:44px;height:44px;border-radius:14px;background:var(--ara-auth-primary);color:#fff;display:grid;place-items:center;font-size:22px;font-weight:800}
.ara-auth-card h2{font-size:25px;margin:0 0 6px;color:#211b22}.ara-auth-intro{font-size:13px;color:#777;margin:0 0 22px}
.ara-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f6f2f6;padding:5px;border-radius:12px;margin-bottom:22px;gap:5px}
.ara-auth-tabs button{border:0;background:transparent;border-radius:9px;padding:11px 8px;font:inherit;font-size:13px;color:#777;cursor:pointer}.ara-auth-tabs button.is-active{background:#fff;color:var(--ara-auth-primary);font-weight:700;box-shadow:0 2px 8px #0000000d}
.ara-auth-form label{display:block;font-size:13px;font-weight:600;margin:14px 0 7px}.ara-auth-form input{width:100%;height:48px;border:1px solid #e5e1e6;border-radius:11px;padding:0 14px;font:inherit;font-size:14px;outline:none;background:#fff;box-shadow:none}.ara-auth-form input:focus{border-color:var(--ara-auth-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ara-auth-primary) 12%,transparent)}
.ara-auth-password-wrap{position:relative}.ara-auth-password-wrap input{padding-left:48px}.ara-auth-eye{position:absolute;left:8px;top:6px;height:36px;width:36px;border:0;background:#f7f5f7;border-radius:8px;cursor:pointer}
.ara-auth-submit,.ara-auth-send{width:100%;height:49px;border:0;border-radius:11px;background:var(--ara-auth-primary);color:#fff;font:inherit;font-weight:700;margin-top:20px;cursor:pointer;transition:transform .15s,opacity .15s}.ara-auth-send{background:#f3eaf2;color:var(--ara-auth-primary);margin-top:18px}.ara-auth-submit:hover,.ara-auth-send:hover{transform:translateY(-1px)}.ara-auth-submit:disabled,.ara-auth-send:disabled{opacity:.6;cursor:wait}
.ara-auth-code-row{margin-top:16px}.ara-auth-notice{min-height:22px;margin-top:14px;font-size:13px;color:var(--ara-auth-primary)}.ara-auth-notice.is-error{color:#dc2626}.ara-auth-foot{font-size:11px;color:#999;text-align:center;line-height:1.8;margin:20px 0 0}
@media(max-width:480px){.ara-auth-shell{margin:16px auto 35px;padding:0 12px}.ara-auth-card{border-radius:18px;padding:22px 18px}.ara-auth-card h2{font-size:22px}}

.ara-auth-fields-title{font-size:13px;font-weight:800;color:var(--ara-auth-primary);margin:22px 0 8px;padding-bottom:8px;border-bottom:1px solid #f0eaf0}
.ara-auth-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.ara-auth-fields-grid>div{min-width:0}.ara-auth-field-wide{grid-column:1/-1}
.ara-auth-registration-fields input{font-size:13px}.ara-auth-registration-fields label{margin-top:10px}
@media(max-width:420px){.ara-auth-fields-grid{grid-template-columns:1fr}.ara-auth-field-wide{grid-column:auto}}

.ara-auth-brand{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}
.ara-auth-brand img{display:block;width:auto;height:auto;max-width:150px;max-height:76px;object-fit:contain}
.ara-auth-brand small{font-size:12px;color:#888}
.ara-auth-phone-step,.ara-auth-existing-step,.ara-auth-registration-step{width:100%}
.ara-auth-methods{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:5px;background:#f6f2f6;border-radius:12px;margin:16px 0}
.ara-auth-methods button{border:0;background:transparent;border-radius:9px;padding:10px;font:inherit;font-size:13px;color:#777;cursor:pointer}
.ara-auth-methods button.is-active{background:#fff;color:var(--ara-auth-primary);font-weight:700;box-shadow:0 2px 8px #0000000d}
.ara-auth-account-message{font-size:13px;line-height:1.9;color:#555;margin:12px 0}
.ara-auth-password-submit,.ara-auth-back-otp,.ara-auth-resend,.ara-auth-change-phone{width:100%;border:0;background:#f3eaf2;color:var(--ara-auth-primary);border-radius:10px;padding:12px;margin-top:10px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}
.ara-auth-change-phone{background:transparent;color:#888;text-decoration:underline}
.ara-auth-fields-title{margin-top:18px}
.ara-auth-registration-step .ara-auth-submit{margin-top:18px}
.ara-auth-form [hidden],.ara-auth-shell [hidden]{display:none!important}

/* Ara auth page: suppress the Irankala theme header logo and prevent layout collisions. */
body.woocommerce-account .logo-desktop{display:none!important}
body.woocommerce-account .ara-auth-shell{width:100%;max-width:440px;box-sizing:border-box;margin:28px auto 48px;padding:0 14px}
body.woocommerce-account .ara-auth-card{width:100%;box-sizing:border-box;overflow:hidden}
body.woocommerce-account .ara-auth-brand{width:100%;min-height:0;margin:0 auto 24px;gap:0}
body.woocommerce-account .ara-auth-brand img{width:auto;height:auto;max-width:min(180px,70%);max-height:120px;object-fit:contain}
body.woocommerce-account .ara-auth-brand small{display:none}
body.woocommerce-account .ara-auth-form,body.woocommerce-account .ara-auth-form section{width:100%;min-width:0;box-sizing:border-box}
body.woocommerce-account .ara-auth-form input{max-width:100%;min-width:0;box-sizing:border-box}
@media(max-width:480px){body.woocommerce-account .ara-auth-shell{margin:16px auto 30px;padding:0 12px}body.woocommerce-account .ara-auth-card{padding:24px 18px}}

/* Full-screen focused authentication page: no theme header, footer or sticky page chrome. */
html,body{min-height:100%;margin:0!important}
body.woocommerce-account:has(.ara-auth-shell){overflow:hidden!important}
body.woocommerce-account:has(.ara-auth-shell) header,
body.woocommerce-account:has(.ara-auth-shell) footer,
body.woocommerce-account:has(.ara-auth-shell) .site-header,
body.woocommerce-account:has(.ara-auth-shell) .site-footer,
body.woocommerce-account:has(.ara-auth-shell) .header-wrapper,
body.woocommerce-account:has(.ara-auth-shell) .footer-wrapper,
body.woocommerce-account:has(.ara-auth-shell) .logo-desktop,
body.woocommerce-account:has(.ara-auth-shell) .page-title,
body.woocommerce-account:has(.ara-auth-shell) .breadcrumbs,
body.woocommerce-account:has(.ara-auth-shell) .woocommerce-breadcrumb{display:none!important}
body.woocommerce-account:has(.ara-auth-shell) #page,
body.woocommerce-account:has(.ara-auth-shell) .site,
body.woocommerce-account:has(.ara-auth-shell) main,
body.woocommerce-account:has(.ara-auth-shell) .site-main,
body.woocommerce-account:has(.ara-auth-shell) .content-area,
body.woocommerce-account:has(.ara-auth-shell) .woocommerce{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;min-height:100vh!important}
body.woocommerce-account:has(.ara-auth-shell) .ara-auth-shell{position:fixed;inset:0;z-index:99999;width:100vw;height:100vh;height:100dvh;max-width:none;margin:0!important;padding:24px;display:flex;align-items:center;justify-content:center;overflow-y:auto;box-sizing:border-box;background:#fff}
body.woocommerce-account:has(.ara-auth-shell) .ara-auth-card{width:min(100%,440px);max-height:calc(100vh - 48px);overflow-y:auto;box-sizing:border-box;margin:auto;border-radius:20px}
body.woocommerce-account:has(.ara-auth-shell) .ara-auth-brand{margin:0 auto 24px}
body.woocommerce-account:has(.ara-auth-shell) .ara-auth-brand img{max-width:180px;max-height:110px}
.ara-auth-forgot,.ara-auth-back-password{display:block;width:100%;border:0;background:transparent;color:var(--ara-auth-primary);font:inherit;font-size:12px;text-align:center;text-decoration:underline;padding:12px 6px 2px;cursor:pointer}
.ara-auth-account-message{margin:8px 0 14px}
.ara-auth-foot{margin-top:22px}
@media(max-width:480px){body.woocommerce-account:has(.ara-auth-shell) .ara-auth-shell{padding:14px}body.woocommerce-account:has(.ara-auth-shell) .ara-auth-card{max-height:calc(100dvh - 28px);padding:24px 18px}}

.ara-auth-show-username{display:block;width:100%;margin:12px 0 0;padding:10px;border:0;background:transparent;color:var(--ara-auth-primary);font:inherit;font-size:12px;text-align:center;text-decoration:underline;cursor:pointer}
.ara-auth-username-step,.ara-auth-recovery-step{width:100%}
.ara-auth-username-step .ara-auth-password-submit,.ara-auth-recovery-step .ara-auth-submit{width:100%}
.ara-auth-return-phone{display:block;width:100%;margin-top:12px;padding:10px;border:0;background:transparent;color:#777;font:inherit;font-size:12px;cursor:pointer}
.ara-auth-recovery-step .ara-auth-account-message{margin-bottom:14px}

/* Click / tap feedback for every button */
.ara-auth-shell button{-webkit-tap-highlight-color:transparent;touch-action:manipulation;position:relative;overflow:hidden;transition:transform .12s ease,box-shadow .15s ease,filter .15s ease,background-color .15s ease,opacity .15s}
.ara-auth-shell button:not(:disabled):hover{filter:brightness(.96)}
.ara-auth-shell button:not(:disabled):active{transform:scale(.96);filter:brightness(.88);box-shadow:inset 0 3px 8px rgba(0,0,0,.18)}
.ara-auth-shell button:focus-visible{outline:3px solid color-mix(in srgb,var(--ara-auth-primary) 35%,transparent);outline-offset:2px}
.ara-auth-submit:not(:disabled):active,.ara-auth-password-submit:not(:disabled):active{transform:scale(.97)}
.ara-auth-shell button.is-loading{cursor:wait;pointer-events:none}
.ara-auth-shell button.is-loading::after{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;vertical-align:-2px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:ara-auth-spin .7s linear infinite}
@keyframes ara-auth-spin{to{transform:rotate(360deg)}}
.ara-auth-shell button:disabled{opacity:.65}

.ara-auth-phone-confirmed{margin:10px 0}.ara-auth-phone-confirmed input[readonly]{width:100%;opacity:.8;direction:ltr;text-align:right;background:#f6f4f7}