/* ECONUR customer sign-in / create-account page 1.1 (inc/econur-login.php, templates/econur-login.php)
   Left: deep ECONUR teal with the sign-in form. Right: warm cream with what an account offers.
   Colours are the site's own (checkout / header teal #0D585F, #0A474D, ink #183F43, cream), fonts the site's
   Hind Siliguri / Inter set (--ecn-font-bn, --ecn-font-body). Everything is scoped to body.econur-login-page. */

body.econur-login-page{
  --elg-deep:#0A474D; --elg-teal:#0D585F; --elg-btn:#1B7A80; --elg-btn-d:#16676C; --elg-focus:#7DC0B3; --elg-ink:#183F43;
  --elg-cream:#FBF9F4; --elg-muted:#5F6A65; --elg-line:#E8E3D8; --elg-mint:#EAF1E8; --elg-ease:cubic-bezier(.22, 1, .36, 1);
  --elg-bn:var(--ecn-font-bn, "Hind Siliguri", "Noto Sans Bengali", sans-serif);
  margin:0 !important; background:var(--elg-cream) !important; color:var(--elg-ink); font-family:var(--elg-bn);
}
body.econur-login-page .econur-login-sr{ position:absolute !important; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; border:0; }
/* site-wide floating extras step aside on this focused page */
body.econur-login-page :is(.ecn-wa-float, #ast-scroll-top, .ast-scroll-top-icon){ display:none !important; }

.econur-login-layout{ display:grid; grid-template-columns:minmax(0,51fr) minmax(0,49fr); min-height:100vh; min-height:100dvh; }
.econur-login-deco{ position:absolute; z-index:0; height:auto !important; max-width:none; margin:0; border-radius:0; box-shadow:none !important; pointer-events:none; user-select:none;
  -webkit-mask-image:radial-gradient(closest-side, #000 64%, rgba(0, 0, 0, 0) 100%); mask-image:radial-gradient(closest-side, #000 64%, rgba(0, 0, 0, 0) 100%); } /* soft edges, never a hard rectangle */

/* ---------------------------------------------------------------- left: sign in */
.econur-login-left{ position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:64px clamp(36px, 6vw, 96px);
  background:radial-gradient(120% 85% at 28% 18%, #10606A 0%, var(--elg-deep) 52%, #083E44 100%); color:#fff; }
.econur-login-deco--leaves{ top:-46px; left:-58px; width:250px !important; transform:rotate(-6deg); opacity:.95; }
.econur-login-deco--leaves2{ bottom:-58px; left:-66px; width:210px !important; transform:rotate(168deg); opacity:.8; }
.econur-login-inner{ position:relative; z-index:1; width:100%; max-width:500px; }

.econur-login-brand{ display:inline-block; margin:0; padding:0; border:0; border-radius:0; background:transparent; box-shadow:none; line-height:0; text-decoration:none !important; }
.econur-login-brand:focus-visible{ outline:2px solid var(--elg-focus); outline-offset:3px; }
.econur-login-logo{ display:block; width:210px !important; max-width:100%; height:auto !important; object-fit:contain; box-shadow:none !important; } /* the light version of the official logo, directly on the teal */

h1.econur-login-h{ margin:32px 0 0 !important; padding:0; font-family:var(--elg-bn) !important; font-size:42px !important; font-weight:600 !important; line-height:1.2 !important; letter-spacing:0 !important; color:#fff !important; }
.econur-login-lead{ max-width:440px; margin:10px 0 0 !important; font-size:16.5px; line-height:1.6; color:rgba(255, 255, 255, .74); }

/* WooCommerce notices (errors, password reset) */
.econur-login-notices:empty{ display:none; }
.econur-login-notices{ margin-top:22px; }
.econur-login-notices :is(.woocommerce-error, .woocommerce-message, .woocommerce-info){ position:relative; margin:0 !important; padding:12px 14px 12px 42px !important; list-style:none !important; border:1px solid rgba(255, 160, 145, .45) !important; border-radius:10px !important;
  background:rgba(214, 84, 66, .16) !important; color:#FFE3DD !important; font-family:var(--elg-bn); font-size:14.5px; line-height:1.55; box-shadow:none !important; }
.econur-login-notices :is(.woocommerce-error, .woocommerce-message, .woocommerce-info)::before{ content:"!" !important; position:absolute; left:14px; top:12px; display:grid; place-items:center; width:18px; height:18px; border-radius:50%;
  background:rgba(255, 190, 178, .9); color:#7A2418; font:700 12px/1 var(--ecn-font-en, Inter, sans-serif); }
.econur-login-notices .woocommerce-message{ border-color:rgba(150, 215, 190, .45) !important; background:rgba(84, 170, 136, .16) !important; color:#DDF5EA !important; }
.econur-login-notices .woocommerce-message::before{ content:"\2713" !important; background:rgba(170, 225, 200, .95); color:#14513C; }
.econur-login-notices li{ margin:0 !important; padding:0 !important; list-style:none !important; }
.econur-login-notices a{ color:#fff !important; text-decoration:underline; text-underline-offset:2px; }
.econur-login-notices .woocommerce-error + .woocommerce-message, .econur-login-notices > * + *{ margin-top:8px !important; }

/* fields */
.econur-login-form{ margin:26px 0 0 !important; padding:0 !important; border:0 !important; }
.econur-login-field{ position:relative; margin:0 0 14px; }
.econur-login-fic{ position:absolute; top:0; left:16px; display:grid; place-items:center; height:56px; color:rgba(255, 255, 255, .62); pointer-events:none; }
.econur-login-fic svg{ width:20px; height:20px; }
body.econur-login-page .econur-login-input{ box-sizing:border-box; width:100% !important; height:56px !important; margin:0 !important; padding:0 16px 0 48px !important; border:1px solid rgba(255, 255, 255, .2) !important; border-radius:12px !important;
  background:rgba(255, 255, 255, .06) !important; box-shadow:none !important; outline:0; color:#fff !important; font-family:var(--elg-bn) !important; font-size:16px !important; line-height:54px; -webkit-appearance:none; appearance:none;
  transition:border-color .2s ease, box-shadow .2s ease, background-color .2s ease; }
body.econur-login-page .econur-login-input.has-eye{ padding-right:54px !important; }
body.econur-login-page .econur-login-input::placeholder{ color:rgba(255, 255, 255, .5); opacity:1; }
body.econur-login-page .econur-login-input:hover{ border-color:rgba(255, 255, 255, .32) !important; }
body.econur-login-page .econur-login-input:focus{ border-color:var(--elg-focus) !important; background:rgba(255, 255, 255, .09) !important; box-shadow:0 0 0 3px rgba(125, 192, 179, .24) !important; }
body.econur-login-page .econur-login-input[aria-invalid="true"]{ border-color:rgba(255, 160, 145, .8) !important; }
body.econur-login-page .econur-login-input:-webkit-autofill{ -webkit-box-shadow:0 0 0 1000px #0F535A inset !important; -webkit-text-fill-color:#fff !important; caret-color:#fff; transition:background-color 9999s ease 0s; }
.econur-login-eye{ position:absolute; top:6px; right:6px; display:grid !important; place-items:center; width:44px; height:44px; margin:0; padding:0 !important; border:0 !important; border-radius:10px !important;
  background:transparent !important; box-shadow:none !important; color:rgba(255, 255, 255, .7) !important; cursor:pointer; transition:color .2s ease, background-color .2s ease; }
.econur-login-eye span{ display:grid; place-items:center; }
.econur-login-eye span[hidden]{ display:none; }
.econur-login-eye svg{ width:20px; height:20px; }
.econur-login-eye:hover{ color:#fff !important; background:rgba(255, 255, 255, .08) !important; }
.econur-login-eye:focus-visible{ outline:2px solid var(--elg-focus) !important; outline-offset:0; }
.econur-login-ferr{ display:block; margin:6px 0 0 2px; font-size:13.5px; line-height:1.4; color:#FFC9BF; }
.econur-login-ferr[hidden]{ display:none; }

/* remember me + forgot password */
.econur-login-row{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:10px 16px; margin:4px 0 22px; }
.econur-login-remember{ display:inline-flex !important; align-items:center; gap:10px; margin:0 !important; font-size:15px; line-height:1.3; color:rgba(255, 255, 255, .86); cursor:pointer; }
.econur-login-remember input{ flex:none; width:18px; height:18px; margin:0 !important; accent-color:var(--elg-btn); cursor:pointer; }
.econur-login-remember input:focus-visible{ outline:2px solid var(--elg-focus); outline-offset:2px; }
.econur-login-forgot{ font-size:15px; font-weight:600; color:#fff !important; text-decoration:underline !important; text-decoration-color:rgba(255, 255, 255, .5) !important; text-underline-offset:4px; transition:text-decoration-color .2s ease; }
.econur-login-forgot:hover{ text-decoration-color:#fff !important; }
.econur-login-forgot:focus-visible{ outline:2px solid var(--elg-focus); outline-offset:3px; border-radius:4px; }

/* sign in */
body.econur-login-page .econur-login-submit{ display:flex !important; align-items:center; justify-content:center; width:100% !important; height:56px; margin:0 !important; padding:0 20px !important; border:0 !important; border-radius:12px !important;
  background:var(--elg-btn) !important; box-shadow:0 8px 20px rgba(0, 20, 22, .22) !important; color:#fff !important; font-family:var(--elg-bn) !important; font-size:17px !important; font-weight:600 !important; line-height:1 !important; letter-spacing:0 !important;
  text-transform:none !important; cursor:pointer; transition:background-color .2s ease, transform .2s ease, box-shadow .2s ease; }
@media (hover:hover) and (pointer:fine){ body.econur-login-page .econur-login-submit:hover:not(:disabled){ background:var(--elg-btn-d) !important; transform:translateY(-1px); } }
body.econur-login-page .econur-login-submit:focus-visible{ outline:2px solid var(--elg-focus) !important; outline-offset:3px; }
body.econur-login-page .econur-login-submit:disabled{ opacity:.85; cursor:progress; transform:none; }

/* optional real social sign-in (only when a provider is configured) */
.econur-login-or{ display:flex; align-items:center; gap:14px; margin:24px 0 16px; color:rgba(255, 255, 255, .62); font-size:14px; }
.econur-login-or::before, .econur-login-or::after{ content:""; flex:1; height:1px; background:rgba(255, 255, 255, .3); }
.econur-login-social{ display:grid; grid-auto-flow:column; grid-auto-columns:minmax(0, 1fr); gap:12px; }
body.econur-login-page .econur-social-btn{ display:flex; align-items:center; justify-content:center; gap:10px; min-width:0; height:54px; padding:0 14px; border:1px solid rgba(24, 63, 67, .14); border-radius:12px;
  background:#fff; box-shadow:0 1px 2px rgba(0, 20, 22, .08); color:var(--elg-ink) !important; font-family:var(--elg-bn); font-size:15px; font-weight:600; line-height:1.2; text-decoration:none !important;
  white-space:nowrap; transition:background-color .2s ease, border-color .2s ease, transform .2s ease; }
body.econur-login-page .econur-social-btn span{ overflow:hidden; text-overflow:ellipsis; }
body.econur-login-page .econur-social-btn .econur-social-ic{ flex:none; width:20px; height:20px; box-shadow:none !important; }
@media (hover:hover) and (pointer:fine){ body.econur-login-page .econur-social-btn:hover{ background:#F6F4EF; border-color:rgba(24, 63, 67, .24); transform:translateY(-1px); } }
body.econur-login-page .econur-social-btn:focus-visible{ outline:2px solid var(--elg-focus); outline-offset:3px; }
/* side by side only while each button has room for its full label (form column 440px+); otherwise one under the other */
.econur-login-inner{ container-type:inline-size; }
@container (max-width:439px){ .econur-login-social{ grid-auto-flow:row; } }
@media (max-width:479px){ .econur-login-social{ grid-auto-flow:row; } }

/* create account / sign in switch: one quiet line, the link part bright and underlined */
.econur-login-alt{ margin:24px 0 0 !important; font-size:15px; line-height:1.6; text-align:center; color:rgba(255, 255, 255, .7); }
.econur-login-alt a{ display:inline-flex; align-items:center; gap:6px; white-space:nowrap; color:#fff !important; font-weight:600; text-decoration:underline !important; text-decoration-color:rgba(255, 255, 255, .55) !important; text-underline-offset:4px; transition:text-decoration-color .2s ease; }
.econur-login-alt a:hover{ text-decoration-color:#fff !important; }
.econur-login-alt a svg{ flex:none; width:16px; height:16px; transition:transform .2s ease; }
.econur-login-alt a:hover svg{ transform:translateX(2px); }
.econur-login-alt a:focus-visible{ outline:2px solid var(--elg-focus); outline-offset:3px; border-radius:4px; }

/* create account: WooCommerce's password strength message under the password */
.econur-register-form .woocommerce-password-strength{ margin:8px 0 0; padding:7px 12px; border-radius:8px; font-size:13.5px; font-weight:600; line-height:1.4; text-align:left;
  background:rgba(255, 255, 255, .08); color:#fff; border:1px solid rgba(255, 255, 255, .16); }
.econur-register-form .woocommerce-password-strength.short{ background:rgba(214, 84, 66, .2); border-color:rgba(255, 160, 145, .45); color:#FFE3DD; }
.econur-register-form .woocommerce-password-strength.bad{ background:rgba(222, 140, 60, .2); border-color:rgba(245, 190, 130, .45); color:#FFEBD6; }
.econur-register-form .woocommerce-password-strength.good{ background:rgba(214, 186, 80, .18); border-color:rgba(240, 220, 140, .45); color:#FFF6D6; }
.econur-register-form .woocommerce-password-strength.strong{ background:rgba(84, 170, 136, .2); border-color:rgba(150, 215, 190, .5); color:#DDF5EA; }
.econur-register-form .woocommerce-password-hint{ display:block; margin:6px 2px 0; font-size:13px; line-height:1.5; color:rgba(255, 255, 255, .72); }
body.econur-login-page .econur-register-form .econur-login-submit:disabled:not([aria-busy]){ opacity:.55; cursor:not-allowed; box-shadow:none !important; }
.econur-register-form .woocommerce-privacy-policy-text p{ margin:4px 0 16px !important; font-size:13px; line-height:1.55; color:rgba(255, 255, 255, .66); }
.econur-register-form .woocommerce-privacy-policy-text a{ color:#fff; }
body.econur-login-page .econur-register-form .econur-login-submit{ margin-top:8px !important; }

/* phones only: the account reasons in one short list after the form */
.econur-login-mbenefits{ display:none; }

/* ---------------------------------------------------------------- right: account benefits */
.econur-login-right{ position:relative; isolation:isolate; overflow:hidden; display:flex; align-items:center; justify-content:center; padding:64px clamp(32px, 5vw, 88px);
  background:radial-gradient(90% 70% at 70% 15%, #FFFFFF 0%, var(--elg-cream) 60%, #F6F3EB 100%); }
.econur-login-deco--sprig{ top:-28px; right:-46px; width:300px !important; transform:scaleX(-1) rotate(-8deg); opacity:.95; }
.econur-login-deco--decor{ bottom:-34px; right:-70px; width:310px !important; opacity:.96; }
.econur-login-right-inner{ position:relative; z-index:1; width:100%; max-width:640px; text-align:center; }
.econur-login-avatar{ display:inline-grid; place-items:center; width:80px; height:80px; border-radius:50%; background:var(--elg-mint); color:var(--elg-teal); }
.econur-login-avatar svg{ width:36px; height:36px; }
h2.econur-login-rh{ margin:22px 0 0 !important; font-family:var(--elg-bn) !important; font-size:37px !important; font-weight:600 !important; line-height:1.28 !important; letter-spacing:0 !important; color:var(--elg-ink) !important; }
.econur-login-rlead{ margin:14px 0 0 !important; font-size:16px; line-height:1.65; color:var(--elg-muted); }
.econur-login-benefits{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px; margin:34px 0 0 !important; padding:0 !important; list-style:none; text-align:left; }
.econur-login-benefit{ display:flex; align-items:center; gap:16px; min-height:116px; margin:0 !important; padding:20px 22px; border:1px solid var(--elg-line); border-radius:16px; background:rgba(255, 255, 255, .78);
  box-shadow:0 2px 10px rgba(48, 60, 44, .04); list-style:none; }
.econur-login-bic{ display:grid; place-items:center; flex:none; width:54px; height:54px; border-radius:50%; background:var(--elg-mint); color:var(--elg-teal); }
.econur-login-bic svg{ width:24px; height:24px; }
.econur-login-benefit b{ display:block; font-size:17px; font-weight:600; line-height:1.35; color:var(--elg-ink); }
.econur-login-benefit small{ display:block; margin-top:4px; font-size:14px; line-height:1.5; color:var(--elg-muted); }
.econur-login-trust{ display:flex; justify-content:center; gap:0; margin:30px 0 0 !important; padding:26px 0 0 !important; border-top:1px solid var(--elg-line); list-style:none; }
.econur-login-trust li{ display:flex; align-items:center; gap:14px; margin:0 !important; padding:0 30px; text-align:left; list-style:none; }
.econur-login-trust li + li{ border-left:1px solid var(--elg-line); }
.econur-login-tic{ display:grid; place-items:center; flex:none; color:var(--elg-teal); }
.econur-login-tic svg{ width:36px; height:36px; stroke-width:1.5; }
.econur-login-trust b{ display:block; font-size:17px; font-weight:600; line-height:1.3; color:var(--elg-ink); }
.econur-login-trust small{ display:block; margin-top:2px; font-size:14px; color:var(--elg-muted); }

/* ---------------------------------------------------------------- entrance (once, short; none with reduced motion) */
@keyframes econur-login-up{ from{ opacity:0; transform:translateY(8px); } to{ opacity:1; transform:none; } }
.econur-login-inner, .econur-login-right-inner > :not(.econur-login-benefits), .econur-login-benefit{ animation:econur-login-up .42s var(--elg-ease) both; }
.econur-login-right-inner > :not(.econur-login-benefits){ animation-delay:.08s; }
.econur-login-benefit{ animation-delay:calc(.14s + var(--i, 0) * .06s); }
@media (prefers-reduced-motion:reduce){
  .econur-login-inner, .econur-login-right-inner > *, .econur-login-benefit{ animation:none !important; }
  body.econur-login-page *{ transition-duration:0s !important; }
}

/* ---------------------------------------------------------------- laptops / tablets */
@media (max-width:1199px){
  .econur-login-benefits{ gap:12px; }
  .econur-login-benefit{ min-height:0; padding:16px 16px; gap:12px; }
  .econur-login-bic{ width:46px; height:46px; }
  .econur-login-bic svg{ width:21px; height:21px; }
  .econur-login-benefit b{ font-size:15.5px; }
  .econur-login-benefit small{ font-size:13px; }
  h2.econur-login-rh{ font-size:32px !important; }
  .econur-login-trust li{ padding:0 18px; }
  .econur-login-deco--decor{ bottom:-46px; right:-84px; width:250px !important; }
  .econur-login-deco--sprig{ width:250px !important; }
}
@media (max-width:1023px){
  .econur-login-layout{ grid-template-columns:minmax(0,56fr) minmax(0,44fr); }
  .econur-login-left{ padding:56px 40px; }
  .econur-login-right{ padding:56px 28px; }
  .econur-login-benefits{ grid-template-columns:minmax(0,1fr); }
  h2.econur-login-rh{ font-size:28px !important; }
  .econur-login-rlead br{ display:none; }
  .econur-login-trust{ flex-direction:column; align-items:flex-start; gap:16px; max-width:300px; margin-left:auto !important; margin-right:auto !important; }
  .econur-login-trust li{ padding:0; }
  .econur-login-trust li + li{ border-left:0; }
  .econur-login-deco--sprig{ top:-40px; right:-60px; width:190px !important; }
  .econur-login-deco--decor{ display:none; }
  .econur-login-deco--leaves2{ width:170px !important; }
}

/* ---------------------------------------------------------------- phones: one column, the form first */
@media (max-width:767px){
  .econur-login-layout{ display:block; min-height:100vh; min-height:100dvh; background:var(--elg-deep); }
  .econur-login-left{ display:block; min-height:100vh; min-height:100dvh; padding:40px 22px 44px; }
  .econur-login-right{ display:none; }
  .econur-login-deco--leaves{ top:-34px; left:auto; right:-46px; width:150px !important; transform:scaleX(-1) rotate(-6deg); opacity:.85; }
  .econur-login-deco--leaves2{ display:none; }
  .econur-login-logo{ width:168px !important; }
  h1.econur-login-h{ margin-top:28px !important; font-size:32px !important; }
  .econur-login-lead{ font-size:15.5px; }
  .econur-login-notices{ margin-top:18px; }
  .econur-login-form{ margin-top:22px !important; }
  .econur-login-forgot, .econur-login-remember{ font-size:14.5px; }
  .econur-login-mbenefits{ display:block; margin-top:30px; padding:18px 18px 16px; border:1px solid rgba(255, 255, 255, .14); border-radius:14px; background:rgba(255, 255, 255, .05); }
  .econur-login-mbenefits-h{ margin:0 0 10px !important; font-size:16px; font-weight:600; color:#fff; }
  .econur-login-mbenefits ul{ display:grid; gap:8px; margin:0 !important; padding:0 !important; list-style:none; }
  .econur-login-mbenefits li{ display:flex; align-items:center; gap:10px; margin:0 !important; font-size:15px; color:rgba(255, 255, 255, .82); list-style:none; }
  .econur-login-mbenefits svg{ flex:none; width:18px; height:18px; color:var(--elg-focus); }
}
@media (max-width:359px){
  .econur-login-left{ padding:34px 18px 40px; }
  h1.econur-login-h{ font-size:29px !important; }
  .econur-login-logo{ width:158px !important; }
}