/* EVENT360 – login / forgot-password / set-password screens (E3A).
   Part 1 is the approved design (EVENT360-Login-Redesign-Demo) as delivered, with the fonts moved to local files and the
   design tokens scoped to .e3a-root. Part 2 (BRIDGE) dresses the existing shortcode markup. Loaded only on those screens. */
/* ═══════════════════════════════ Fonts (Rubik, from the EVENT360 app) ═══════════════════════════════ */
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;font-display:swap;src:url('fonts/rubik-hebrew.woff2') format('woff2');unicode-range:U+0307-0308,U+0590-05FF,U+200C-2010,U+20AA,U+25CC,U+FB1D-FB4F}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;font-display:swap;src:url('fonts/rubik-latin-ext.woff2') format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Rubik';font-style:normal;font-weight:300 900;font-display:swap;src:url('fonts/rubik-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ═══════════════════════════════ 1) E3A – design tokens (identical to the app) ═══════════════════════════════ */
.e3a-root{
  --e3-bg-top:#ffffff; --e3-bg-mid:#f3eefc; --e3-bg-bot:#e7e1fa;
  --e3-ink:#241f3d; --e3-ink-soft:#6b6488; --e3-label:#5a5379;
  --e3-purple:#7c3aed; --e3-purple-deep:#5b21b6; --e3-indigo:#4f46e5; --e3-violet-soft:#a78bfa;
  --e3-icon-tint:rgba(124,58,237,.26);
  --e3-card-bd:rgba(124,58,237,.16); --e3-field-bd:rgba(124,58,237,.20);
  --e3-shadow:0 18px 38px -18px rgba(124,58,237,.55);
  --e3-card-shadow:0 24px 50px -28px rgba(91,33,182,.35),0 2px 10px -4px rgba(36,31,61,.08);
  --e3-ok:#15803d; --e3-ok-bg:#f0fdf4; --e3-ok-bd:#bbf7d0;
  --e3-err:#b91c1c; --e3-err-bg:#fef2f2; --e3-err-bd:#fecaca;
  --e3-safe-t:env(safe-area-inset-top,0px); --e3-safe-b:env(safe-area-inset-bottom,0px);
  --e3-page-h:100dvh;
}

/* ═══════════════════════════════ 1) E3A – login / password screens ═══════════════════════════════
   One container: .e3a-page. Layout follows the width of its container (container queries),
   so the same CSS works on the real page and inside the device previews of this demo.          */
.e3a-root{container-type:inline-size;container-name:e3a}
.e3a-page{position:relative;min-height:var(--e3-page-h);display:flex;direction:rtl;font-family:'Rubik',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;color:var(--e3-ink);
  background:radial-gradient(120% 80% at 50% -8%,var(--e3-bg-top) 0%,var(--e3-bg-mid) 46%,var(--e3-bg-bot) 100%);overflow:hidden;-webkit-tap-highlight-color:transparent}
.e3a-page *,.e3a-page *::before,.e3a-page *::after{box-sizing:border-box}

/* floating outlined icons + dot grid – the app's background */
.e3a-floats{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.e3a-floats::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(124,58,237,.07) 1px,transparent 1.4px);background-size:22px 22px;opacity:.6}
.e3a-fic{position:absolute;color:var(--e3-icon-tint);opacity:.5;animation:e3-floaty 7s ease-in-out infinite;will-change:transform}
.e3a-fic svg{width:100%;height:100%;display:block}
.e3a-fic--heart{width:58px;height:58px;top:9%;inset-inline-start:8%}
.e3a-fic--mail{width:66px;height:66px;top:13%;inset-inline-end:7%;animation-delay:.9s}
.e3a-fic--gift{width:60px;height:60px;bottom:14%;inset-inline-start:9%;animation-delay:.5s}
.e3a-fic--users{width:62px;height:62px;bottom:11%;inset-inline-end:9%;animation-delay:2.1s}
@keyframes e3-floaty{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-14px) rotate(3deg)}}
@keyframes e3-rise{from{opacity:0;transform:translateY(16px) scale(.96)}to{opacity:1;transform:none}}
@keyframes e3-spin{to{transform:rotate(360deg)}}

/* main column */
.e3a-main{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;min-width:0}
.e3a-topbar{display:flex;align-items:center;gap:8px;padding:calc(var(--e3-safe-t) + 12px) 14px 12px;background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(124,58,237,.12)}
.e3a-topbar h2{flex:1;margin:0;text-align:center;font-size:18px;font-weight:700;color:var(--e3-ink)}
.e3a-back,.e3a-topbar-spacer{width:44px;height:44px;flex:0 0 auto}
.e3a-back{border:0;border-radius:12px;background:rgba(124,58,237,.10);color:var(--e3-purple-deep);display:grid;place-items:center;cursor:pointer;text-decoration:none}
.e3a-back svg{width:22px;height:22px}
/* top actions (login page): "חזרה לדף הבית" on the right, "אני רוצה להצטרף" (WhatsApp) on the left */
.e3a-actions{display:none;position:relative;z-index:2;align-items:center;justify-content:space-between;gap:10px;padding:calc(var(--e3-safe-t) + 14px) 14px 0}
.e3a-page.has-actions .e3a-actions{display:flex}
.e3a-page.has-actions .e3a-topbar{display:none}
.e3a-act{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;font:inherit;font-size:14.5px;font-weight:700;
  white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,background .2s ease}
.e3a-act:active{transform:scale(.97)}
.e3a-act svg{width:18px;height:18px;flex:0 0 auto}
.e3a-act--home{padding-inline-start:12px;color:var(--e3-purple-deep);background:rgba(255,255,255,.8);border:1px solid var(--e3-card-bd);
  -webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 24px -18px rgba(36,31,61,.45)}
.e3a-act--home:hover{background:#fff}
.e3a-act--join{padding-inline-start:6px;color:#fff;background:linear-gradient(135deg,var(--e3-purple),var(--e3-indigo));box-shadow:var(--e3-shadow)}
.e3a-act--join:hover{box-shadow:0 18px 36px -14px rgba(91,33,182,.6)}
.e3a-wa{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;box-shadow:0 0 0 2px rgba(255,255,255,.35)}
.e3a-wa svg{width:19px;height:19px}
@container e3a (max-width:374px){
  .e3a-actions{gap:8px;padding-inline:10px}
  .e3a-act{font-size:13px;padding:0 12px}
  .e3a-act--home{padding-inline-start:9px}
  .e3a-act--join{padding-inline-start:5px}
}
.e3a-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 20px calc(var(--e3-safe-b) + 24px)}

/* card */
.e3a-card{width:100%;max-width:440px;background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);
  border:1px solid var(--e3-card-bd);border-radius:26px;box-shadow:var(--e3-card-shadow);padding:30px 24px 24px;animation:e3-rise .5s both}
.e3a-logo{display:block;width:min(46vw,200px);height:auto;margin:2px auto 0;filter:drop-shadow(0 8px 20px rgba(124,58,237,.18))}
.e3a-icon{width:58px;height:58px;margin:0 auto 4px;border-radius:18px;display:grid;place-items:center;color:var(--e3-purple-deep);
  background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(79,70,229,.14))}
.e3a-icon svg{width:28px;height:28px}
.e3a-title{margin:18px 0 0;text-align:center;font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.2px;color:var(--e3-ink)}
.e3a-lead{margin:8px 0 22px;text-align:center;font-size:14.5px;font-weight:400;line-height:1.55;color:var(--e3-ink-soft)}
.e3a-lead strong{color:var(--e3-ink);font-weight:700}

/* alerts (server messages) */
.e3a-alert{display:flex;gap:10px;align-items:flex-start;margin:0 0 16px;padding:12px 14px;border-radius:14px;font-size:14px;line-height:1.5;border:1px solid}
.e3a-alert svg{flex:0 0 auto;width:20px;height:20px;margin-top:1px}
.e3a-alert ul{margin:0;padding:0 18px 0 0}
.e3a-alert li+li{margin-top:2px}
.e3a-alert--error{color:var(--e3-err);background:var(--e3-err-bg);border-color:var(--e3-err-bd)}
.e3a-alert--success{color:var(--e3-ok);background:var(--e3-ok-bg);border-color:var(--e3-ok-bd)}
.e3a-alert--info{color:var(--e3-purple-deep);background:rgba(124,58,237,.06);border-color:var(--e3-card-bd)}
.e3a-alert[hidden]{display:none}

/* form */
.e3a-form{display:flex;flex-direction:column;gap:16px;margin:0}
.e3a-field{display:flex;flex-direction:column;gap:7px}
.e3a-label{font-size:13px;font-weight:700;letter-spacing:.2px;color:var(--e3-label)}
.e3a-input-wrap{position:relative}
.e3a-input{width:100%;font:inherit;font-size:16px;color:var(--e3-ink);background:#fbfaff;border:1px solid var(--e3-field-bd);border-radius:15px;
  padding:15px 16px;outline:none;box-shadow:inset 0 1px 2px rgba(36,31,61,.03);transition:border-color .2s,box-shadow .2s,background .2s}
.e3a-input::placeholder{color:#a49dc2}
.e3a-input:focus{background:#fff;border-color:var(--e3-purple);box-shadow:0 0 0 3px rgba(124,58,237,.16)}
.e3a-input[dir="ltr"]{text-align:left}
.e3a-input--eye{padding-left:56px}
.e3a-eye{position:absolute;left:10px;top:50%;transform:translateY(-50%);width:38px;height:38px;border:0;border-radius:11px;padding:0;
  background:rgba(124,58,237,.08);color:var(--e3-purple-deep);display:grid;place-items:center;cursor:pointer}
.e3a-eye:active{background:rgba(124,58,237,.16)}
.e3a-eye svg{width:19px;height:19px}
.e3a-eye .e3a-eye-off{display:none}
.e3a-eye[aria-pressed="true"] .e3a-eye-on{display:none}
.e3a-eye[aria-pressed="true"] .e3a-eye-off{display:block}

/* buttons */
.e3a-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;margin-top:6px;padding:16px 18px;border:0;border-radius:16px;
  font:inherit;font-size:17px;font-weight:700;letter-spacing:.2px;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease}
.e3a-btn svg{width:20px;height:20px}
.e3a-btn:active{transform:scale(.98)}
.e3a-btn--primary{color:#fff;background:linear-gradient(135deg,var(--e3-purple),var(--e3-indigo));box-shadow:var(--e3-shadow)}
.e3a-btn--primary.is-idle{filter:saturate(.55) brightness(1.18);box-shadow:none;opacity:.78} /* visual only – fields still empty */
.e3a-btn--secondary{color:var(--e3-ink);background:#fff;border:1px solid var(--e3-card-bd);box-shadow:0 14px 30px -20px rgba(36,31,61,.28)}
.e3a-btn.is-busy{pointer-events:none}
.e3a-btn.is-busy>*{visibility:hidden}
.e3a-btn.is-busy::after{content:"";position:absolute;top:50%;left:50%;width:22px;height:22px;margin:-11px 0 0 -11px;border-radius:50%;
  border:2.5px solid rgba(255,255,255,.5);border-top-color:#fff;animation:e3-spin .8s linear infinite}

/* links */
.e3a-links{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:20px;padding-top:16px;border-top:1px solid rgba(124,58,237,.10)}
.e3a-linkrow{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px 12px}
.e3a-link{font-size:14.5px;font-weight:600;color:var(--e3-purple-deep);text-decoration:none;background:none;border:0;padding:4px 2px;cursor:pointer;font-family:inherit}
.e3a-link:hover{text-decoration:underline;text-underline-offset:3px}
.e3a-link--muted{font-size:13.5px;font-weight:500;color:var(--e3-ink-soft)}
.e3a-dot{width:4px;height:4px;border-radius:50%;background:var(--e3-violet-soft)}
.e3a-foot{position:relative;z-index:1;text-align:center;font-size:11.5px;color:var(--e3-ink-soft);opacity:.75;padding:0 16px calc(var(--e3-safe-b) + 18px)}

.e3a-page a:focus-visible,.e3a-page button:focus-visible{outline:3px solid rgba(124,58,237,.45);outline-offset:2px}

/* ── tablet & up: a little more air ── */
@container e3a (min-width:600px){
  .e3a-card{padding:38px 36px 30px}
  .e3a-title{font-size:30px}
  .e3a-fic{opacity:.75}
  .e3a-fic--heart{width:72px;height:72px} .e3a-fic--mail{width:82px;height:82px} .e3a-fic--gift{width:74px;height:74px} .e3a-fic--users{width:78px;height:78px}
}
/* ── desktop: login only, centred on the full screen (no side panel, no app top bar) ── */
@container e3a (min-width:960px){
  .e3a-topbar{display:none}
  .e3a-actions{padding:24px 32px 0}
  .e3a-act{font-size:15px;min-height:46px}
  .e3a-body{padding:56px 48px}
  .e3a-card{max-width:460px}
  .e3a-fic--heart{top:10%;inset-inline-start:12%} .e3a-fic--mail{top:14%;inset-inline-end:12%}
  .e3a-fic--gift{bottom:12%;inset-inline-start:13%} .e3a-fic--users{bottom:10%;inset-inline-end:13%}
}

@media (prefers-reduced-motion:reduce){
  .e3a-page *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
}

/* ═══════════════════════════════ BRIDGE – the existing shortcode markup in the approved design ═══════════════════════════════
   The three shortcodes keep printing their own markup (same forms, field names, nonces, buttons and messages, and every
   original class). These rules only dress that markup like the design, and only inside .e3a-root, which exists solely on
   the login / forgot-password / set-password screens. The site's global .i8w-* rules use !important, so the overrides
   here do too – always behind the .e3a-root .e3a-page scope, so nothing outside these screens is affected.          */
.e3a-root .e3a-page .i8w-wrap{max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:none!important;
  display:flex!important;justify-content:center!important;border:0!important;box-shadow:none!important}
.e3a-root .e3a-page .i8w-wrap,.e3a-root .e3a-page .i8w-wrap *{font-family:'Rubik',-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important;direction:rtl!important}

/* the card */
.e3a-root .e3a-page .i8w-card{width:100%!important;max-width:440px!important;margin:0!important;background:rgba(255,255,255,.92)!important;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--e3-card-bd)!important;border-radius:26px!important;
  box-shadow:var(--e3-card-shadow)!important;padding:30px 24px 24px!important;overflow:visible!important;text-align:right;color:var(--e3-ink)!important;animation:e3-rise .5s both}

/* header: logo (login) or icon, title, lead */
.e3a-root .e3a-page .i8w-login-header{display:flex!important;flex-direction:column!important;align-items:center!important;gap:0!important;
  margin:0!important;padding:0!important;background:none!important;border:0!important;text-align:center!important}
.e3a-root .e3a-page .i8w-login-icon,.e3a-root .e3a-page .e3a-icon{width:58px!important;height:58px!important;margin:0 auto 4px!important;border-radius:18px!important;
  display:grid!important;place-items:center!important;color:var(--e3-purple-deep)!important;background:linear-gradient(135deg,rgba(124,58,237,.14),rgba(79,70,229,.14))!important;box-shadow:none!important}
.e3a-root .e3a-page .i8w-login-icon svg,.e3a-root .e3a-page .e3a-icon svg{width:28px!important;height:28px!important}
.e3a-root .e3a-page .i8w-card h2,.e3a-root .e3a-page .i8w-card > h2{margin:18px 0 0!important;padding:0!important;background:none!important;border:0!important;
  text-align:center!important;font-size:26px!important;font-weight:800!important;line-height:1.2!important;letter-spacing:-.2px!important;
  color:var(--e3-ink)!important;-webkit-text-fill-color:var(--e3-ink)!important}
.e3a-root .e3a-page .e3a-logo + h2{margin-top:18px!important}
.e3a-root .e3a-page .e3a-lead,.e3a-root .e3a-page .i8w-loggedin > .i8w-muted,.e3a-root .e3a-page .e3a-card-lead{margin:8px 0 22px!important;text-align:center!important;
  font-size:14.5px!important;font-weight:400!important;line-height:1.55!important;color:var(--e3-ink-soft)!important;-webkit-text-fill-color:var(--e3-ink-soft)!important}
.e3a-root .e3a-page .e3a-lead strong,.e3a-root .e3a-page .i8w-loggedin > .i8w-muted strong{color:var(--e3-ink)!important;-webkit-text-fill-color:var(--e3-ink)!important;font-weight:700!important}
.e3a-root .e3a-page .i8w-login-body{padding:0!important;margin:0!important;background:none!important;border:0!important}
/* a username / address inside Hebrew text ("Event360-15") keeps its own direction and is never split across lines */
.e3a-root .e3a-page .i8w-card strong{unicode-bidi:plaintext!important;white-space:nowrap!important}

/* messages (server output, unchanged text) */
.e3a-root .e3a-page .e3a-alert{display:flex!important;gap:10px!important;align-items:flex-start!important;margin:0 0 16px!important;padding:12px 14px!important;
  border-radius:14px!important;font-size:14px!important;font-weight:400!important;line-height:1.5!important;border:1px solid!important;text-align:right!important;box-shadow:none!important}
.e3a-root .e3a-page .e3a-alert ul{margin:0!important;padding:0 18px 0 0!important}
.e3a-root .e3a-page .e3a-alert li{margin:0!important}
.e3a-root .e3a-page .e3a-alert li+li{margin-top:2px!important}
.e3a-root .e3a-page .e3a-alert--error{color:var(--e3-err)!important;-webkit-text-fill-color:var(--e3-err)!important;background:var(--e3-err-bg)!important;border-color:var(--e3-err-bd)!important}
.e3a-root .e3a-page .e3a-alert--success{color:var(--e3-ok)!important;-webkit-text-fill-color:var(--e3-ok)!important;background:var(--e3-ok-bg)!important;border-color:var(--e3-ok-bd)!important}
.e3a-root .e3a-page .e3a-alert--info{color:var(--e3-purple-deep)!important;-webkit-text-fill-color:var(--e3-purple-deep)!important;background:rgba(124,58,237,.06)!important;border-color:var(--e3-card-bd)!important}

/* form + fields */
.e3a-root .e3a-page .i8w-form{display:flex!important;flex-direction:column!important;gap:16px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
.e3a-root .e3a-page .i8w-field-group,.e3a-root .e3a-page .e3a-field{display:flex!important;flex-direction:column!important;gap:7px!important;margin:0!important}
.e3a-root .e3a-page .i8w-field-group label,.e3a-root .e3a-page .e3a-label{display:block!important;margin:0!important;padding:0!important;font-size:13px!important;font-weight:700!important;
  letter-spacing:.2px!important;color:var(--e3-label)!important;-webkit-text-fill-color:var(--e3-label)!important;text-align:right!important}
.e3a-root .e3a-page .i8w-field-group > div,.e3a-root .e3a-page .e3a-input-wrap{position:relative!important}
.e3a-root .e3a-page .i8w-form input[type="text"],.e3a-root .e3a-page .i8w-form input[type="password"],.e3a-root .e3a-page .i8w-form input[type="email"]{
  width:100%!important;max-width:none!important;height:auto!important;min-height:0!important;margin:0!important;font-size:16px!important;font-weight:400!important;
  color:var(--e3-ink)!important;-webkit-text-fill-color:var(--e3-ink)!important;background:#fbfaff!important;border:1px solid var(--e3-field-bd)!important;
  border-radius:15px!important;padding:15px 16px!important;outline:none!important;box-shadow:inset 0 1px 2px rgba(36,31,61,.03)!important;
  transition:border-color .2s,box-shadow .2s,background .2s!important}
.e3a-root .e3a-page .i8w-form input::placeholder{color:#a49dc2!important;-webkit-text-fill-color:#a49dc2!important}
.e3a-root .e3a-page .i8w-form input[type="text"]:focus,.e3a-root .e3a-page .i8w-form input[type="password"]:focus,.e3a-root .e3a-page .i8w-form input[type="email"]:focus{
  background:#fff!important;border-color:var(--e3-purple)!important;box-shadow:0 0 0 3px rgba(124,58,237,.16)!important}
.e3a-root .e3a-page .i8w-form input[dir="ltr"]{direction:ltr!important;text-align:left!important}
.e3a-root .e3a-page .i8w-form input[dir="auto"]{unicode-bidi:plaintext!important;text-align:right!important}
.e3a-root .e3a-page .i8w-form input.e3a-input--eye{padding-left:56px!important}
.e3a-root .e3a-page .i8w-form .e3a-eye{position:absolute!important;left:10px!important;right:auto!important;top:50%!important;transform:translateY(-50%)!important;
  width:38px!important;height:38px!important;min-width:0!important;margin:0!important;padding:0!important;border:0!important;border-radius:11px!important;
  background:rgba(124,58,237,.08)!important;color:var(--e3-purple-deep)!important;display:grid!important;place-items:center!important;cursor:pointer!important;box-shadow:none!important;line-height:0!important}
.e3a-root .e3a-page .i8w-form .e3a-eye:active{background:rgba(124,58,237,.16)!important}
.e3a-root .e3a-page .i8w-form .e3a-eye svg{width:19px!important;height:19px!important}

/* terms row of "יצירת סיסמא" (unchanged markup and behaviour) */
.e3a-root .e3a-page #i8w-terms-row{margin:0!important;gap:9px!important}
.e3a-root .e3a-page #i8w-terms-row input{accent-color:var(--e3-purple)!important;width:17px!important;height:17px!important}
.e3a-root .e3a-page #i8w-terms-row span,.e3a-root .e3a-page #i8w-terms-row label{font-size:13px!important;color:var(--e3-ink-soft)!important;-webkit-text-fill-color:var(--e3-ink-soft)!important;white-space:normal!important}
.e3a-root .e3a-page #i8w-terms-row a{font-size:13px!important;color:var(--e3-purple-deep)!important;-webkit-text-fill-color:var(--e3-purple-deep)!important}
.e3a-root .e3a-page #i8w-terms-err{margin:-8px 0 0!important;color:var(--e3-err)!important;-webkit-text-fill-color:var(--e3-err)!important}

/* buttons */
.e3a-root .e3a-page .e3a-btn{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;
  width:100%!important;max-width:none!important;margin:6px 0 0!important;padding:16px 18px!important;border:0!important;border-radius:16px!important;
  font-size:17px!important;font-weight:700!important;letter-spacing:.2px!important;line-height:1.2!important;text-decoration:none!important;cursor:pointer!important;
  transition:transform .12s ease,box-shadow .2s ease,opacity .2s ease,filter .2s ease!important}
.e3a-root .e3a-page .e3a-btn svg{width:20px!important;height:20px!important}
.e3a-root .e3a-page .e3a-btn--primary{color:#fff!important;-webkit-text-fill-color:#fff!important;background:linear-gradient(135deg,var(--e3-purple),var(--e3-indigo))!important;box-shadow:var(--e3-shadow)!important}
.e3a-root .e3a-page .e3a-btn--primary:hover{transform:none!important;box-shadow:var(--e3-shadow)!important;color:#fff!important}
.e3a-root .e3a-page .e3a-btn:active{transform:scale(.98)!important}
.e3a-root .e3a-page .e3a-btn--primary.is-idle{filter:saturate(.55) brightness(1.18)!important;box-shadow:none!important;opacity:.78!important} /* visual only – never disabled */

/* links under the card */
.e3a-root .e3a-page .i8w-actions{display:flex!important;flex-direction:column!important;align-items:center!important;gap:12px!important;margin:20px 0 0!important;
  padding:16px 0 0!important;border-top:1px solid rgba(124,58,237,.10)!important;background:none!important;text-align:center!important}
.e3a-root .e3a-page .i8w-login-card > .i8w-actions{flex-direction:row!important;flex-wrap:wrap!important;justify-content:center!important;gap:6px 12px!important}
.e3a-root .e3a-page .i8w-link,.e3a-root .e3a-page .e3a-link{font-size:14.5px!important;font-weight:600!important;color:var(--e3-purple-deep)!important;
  -webkit-text-fill-color:var(--e3-purple-deep)!important;text-decoration:none!important;background:none!important;border:0!important;padding:4px 2px!important;margin:0!important}
.e3a-root .e3a-page .i8w-link:hover{text-decoration:underline!important;text-underline-offset:3px}
/* the design order on the login card: "שכחתי סיסמה • שינוי סיסמה" (same two links, same addresses) */
.e3a-root .e3a-page .i8w-login-card > .i8w-actions > .i8w-link{order:1}
.e3a-root .e3a-page .i8w-login-card > .i8w-actions > .i8w-dot{order:2;font-size:0!important;width:4px!important;height:4px!important;border-radius:50%!important;
  background:var(--e3-violet-soft)!important;color:transparent!important;padding:0!important;margin:0!important;display:inline-block!important}
.e3a-root .e3a-page .i8w-login-card > .i8w-actions > .i8w-link[href*="action=change"]{order:3}
/* "כבר מחובר/ת": the logout link sits under the button, as in the design */
.e3a-root .e3a-page .i8w-loggedin > .i8w-link{display:block!important;margin:20px 0 0!important;padding:16px 2px 4px!important;border-top:1px solid rgba(124,58,237,.10)!important;text-align:center!important}

/* "בחירת אירוע" after a login that fits several events: its own list keeps its look, inside the new card */
.e3a-root .e3a-page .i8w-login-pick .i8w-lp-lead{text-align:center!important;margin-top:8px!important}
.e3a-root .e3a-page .i8w-login-pick .i8w-lp-sub{text-align:center!important;color:var(--e3-ink-soft)!important}
.e3a-root .e3a-page .i8w-login-pick .i8w-lp-ev{border-color:var(--e3-card-bd)!important;border-radius:16px!important}
.e3a-root .e3a-page .i8w-login-pick .i8w-lp-ico{background:rgba(124,58,237,.10)!important;color:var(--e3-purple-deep)!important}

@container e3a (min-width:600px){
  .e3a-root .e3a-page .i8w-card{padding:38px 36px 30px!important}
  .e3a-root .e3a-page .i8w-card h2,.e3a-root .e3a-page .i8w-card > h2{font-size:30px!important}
}
@container e3a (min-width:960px){
  .e3a-root .e3a-page .i8w-card{max-width:460px!important}
}

/* ═══════════════════════════════ FULL SCREEN – login pages only (body.e3a-full, set by the module) ═══════════════════════════════
   The page is printed without the theme's chrome (template-full-screen.php). What can still sit between the screen edge and
   the design – the body's own margin, the blocks the page content wraps the shortcode in (paragraph, Gutenberg group,
   Elementor section / column / widget), and the width a block theme's "constrained" layout gives the design's own outer box –
   adds no spacing. Only the elements that CONTAIN the design, and its outer box, are touched; the design itself is unchanged. */
html body.e3a-full{margin:0!important;padding:0!important}
body.e3a-full .e3a-full-main{display:block;margin:0;padding:0}
body.e3a-full :is(main,article,section,div,p,span,figure):has(.e3a-root){max-width:none!important;margin:0!important;padding:0!important;border:0!important;gap:0!important}
body.e3a-full .e3a-root{max-width:none!important;margin:0!important;padding:0!important}
/* a shortcode typed inside a paragraph (<p>[i8w_events_login]</p>) leaves an empty paragraph on each side of the design */
body.e3a-full p:empty:has(+ .e3a-root),body.e3a-full .e3a-root + p:empty{display:none!important}