/*
 * Account popups in the v3 design (docs/EatOnline_login_registrering_design_v3.html).
 * Phase 1: account-type chooser, Firmakonto (CVR) and EAN-konto signup.
 * Everything is scoped under .eo-acct so the other popups are unaffected.
 */
.eo-acct{--eo-red:#bd161a;--eo-red-hover:#a90f14;--eo-ink:#222;--eo-line:#cbcbcb;--eo-blue:#eaf2ff;--eo-blue-ink:#34547c;--eo-blue-border:#cbdcf3;--eo-ok:#28784d;--eo-bad:#bd181e;color:var(--eo-ink)}
.login-inner.eo-acct{max-width:720px;padding:34px 39px 38px;text-align:left}
.eo-acct *{box-sizing:border-box}
.eo-acct .eo-heading{font-size:31px;letter-spacing:-.6px;line-height:1.2;margin:0;text-align:center;font-weight:700}
.eo-acct .eo-subheading{font-size:18px;text-align:center;color:#888;margin:12px 0 27px;font-weight:400}
.eo-acct .eo-back{background:none;border:0;color:#999;font-size:13px;padding:3px 1px;display:inline-flex;align-items:center;gap:5px;margin-bottom:15px;cursor:pointer}
.eo-acct .eo-back:hover{color:var(--eo-red)}
.eo-acct .eo-back svg{width:17px;height:17px}
.eo-acct .eo-accountbar{background:var(--eo-red);border-radius:6px;color:#fff;text-align:center;font-size:15px;font-weight:700;padding:15px;margin:0 0 24px;text-transform:uppercase}

/* Account-type chooser */
.eo-acct .eo-choices{display:grid;gap:15px;max-width:485px;margin:29px auto 6px}
.eo-acct .eo-choice{min-height:71px;border:1px solid #efd1d1;border-radius:9px;background:#fff;color:#222;display:flex;align-items:center;gap:18px;padding:13px 17px;text-align:left;width:100%;cursor:pointer;transition:background .15s,border-color .15s}
.eo-acct .eo-choice:hover,.eo-acct .eo-choice:focus-visible{background:#fff7f7;border-color:var(--eo-red)}
.eo-acct .eo-choice svg{width:27px;height:27px;fill:none;stroke:var(--eo-red);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
.eo-acct .eo-choice strong{font-size:15px;display:block}
.eo-acct .eo-choice span{font-size:13px;color:#7d7d7d;display:block;margin-top:3px;line-height:1.4}

/* Form sections and fields */
.eo-acct .eo-sect{font-size:15px;font-weight:700;border-bottom:1px solid #eee;padding:0 0 11px;margin:23px 0 14px;color:#3c3c3c}
.eo-acct .eo-sect.first{margin-top:0}
.eo-acct .eo-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 16px}
.eo-acct .eo-field{min-width:0;position:relative;margin:0}
.eo-acct .eo-field.full{grid-column:1/-1}
.eo-acct .eo-field input{width:100%;height:58px;border:1px solid var(--eo-line);border-radius:9px;background:#fff;outline:none;padding:12px 14px 12px 45px;color:#222;font-size:16px;margin:0}
.eo-acct .eo-field input:focus{border-color:#bb3434;box-shadow:0 0 0 2px #bd161a12}
.eo-acct .eo-field input::placeholder{color:#858585;opacity:1}
.eo-acct .eo-field input.invalid{border-color:#bf262a;background:#fffafa}
.eo-acct .eo-field input[readonly]{background:#fafafa}
.eo-acct .eo-field > svg{width:21px;height:21px;position:absolute;left:15px;top:18px;stroke:#929292;fill:none;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.eo-acct .eo-field:focus-within > svg{stroke:var(--eo-red)}
.eo-acct .eo-hint{display:block;font-size:12px;color:#848484;line-height:1.5;margin:6px 2px 0}
.eo-acct .eo-hint:empty{display:none}
.eo-acct .eo-hint.positive{color:var(--eo-ok)}
.eo-acct .eo-hint.negative{color:var(--eo-bad)}
.eo-acct .eo-hint.info{color:var(--eo-blue-ink)}
.eo-acct .eo-hint .spinner-border{width:12px;height:12px;border-width:2px;vertical-align:-1px;margin-right:6px}
.eo-acct .eo-notice{padding:12px 14px;border-radius:8px;background:var(--eo-blue);border:1px solid var(--eo-blue-border);color:var(--eo-blue-ink);font-size:13px;line-height:1.6;margin:15px 0}
.eo-acct .eo-notice strong{color:#2b4e7e}
.eo-acct .eo-checkrow{display:flex;align-items:flex-start;gap:11px;border:1px solid #ddd;border-radius:8px;background:#fff;padding:12px 13px;margin:12px 0;cursor:pointer;font-weight:400}
.eo-acct .eo-checkrow input{width:18px;height:18px;accent-color:var(--eo-red);margin:1px 0 0;flex:none;position:static;opacity:1}
.eo-acct .eo-checkrow strong{font-size:14px;display:block}
.eo-acct .eo-checkrow small{font-size:12px;color:#777;display:block;line-height:1.45;margin-top:4px}
.eo-acct .eo-checkrow a{color:#d9292e}
.eo-acct .eo-smalltext{font-size:13px;color:#777;line-height:1.6;margin:11px 0}
.eo-acct .eo-terms{display:flex;gap:11px;align-items:flex-start;background:#fff6f6;padding:13px 11px;font-size:13px;line-height:1.7;margin:19px 0 22px;font-weight:400;cursor:pointer}
.eo-acct .eo-terms input{width:18px;height:18px;accent-color:#31baa5;flex:none;margin:3px 0 0;position:static;opacity:1}
.eo-acct .eo-terms a{color:#d9292e;text-decoration:none}
.eo-acct .eo-terms a:hover{text-decoration:underline}
.eo-acct .eo-recaptcha{margin:15px 0 0}
.eo-acct .eo-primary{min-height:51px;width:100%;border:0;border-radius:6px;background:var(--eo-red);font-size:16px;font-weight:700;color:#fff;cursor:pointer}
.eo-acct .eo-primary:hover{background:var(--eo-red-hover)}
.eo-acct .eo-primary:disabled{opacity:.65;cursor:wait}
.eo-acct .eo-inline-message{display:none;margin:14px 0 0;padding:12px 13px;border-radius:7px;font-size:13px;line-height:1.55;border:1px solid #ecc4c8;color:#a51b22;background:#fff2f3}
.eo-acct .eo-inline-message.on{display:block}
.eo-acct .hidden{display:none!important}

/* Start screen, login and forgot password */
.eo-acct .eo-bodycopy{color:#777;line-height:1.65;text-align:center;margin:14px auto 24px;font-size:15px;max-width:450px}
.eo-acct .eo-account-actions{max-width:480px;margin:0 auto}
.eo-acct .eo-account-actions .eo-fields{grid-template-columns:1fr}
.eo-acct .eo-field.with-toggle input{padding-right:56px}
.eo-acct .eo-password-toggle{position:absolute;right:10px;top:9px;background:#fff;border:0;color:#858585;min-height:40px;padding:0 4px;font-size:12px;cursor:pointer}
.eo-acct .eo-forgot{display:flex;justify-content:space-between;align-items:center;gap:9px;margin:15px 0 24px;color:#777;font-size:13px}
.eo-acct .eo-forgot label{display:flex;align-items:center;gap:7px;margin:0;font-weight:400;cursor:pointer}
.eo-acct .eo-forgot input{accent-color:var(--eo-red);width:16px;height:16px;position:static;opacity:1;margin:0}
.eo-acct .eo-textlink{border:0;background:none;padding:0;color:#d9292e;font-size:inherit;text-decoration:none;cursor:pointer}
.eo-acct .eo-textlink:hover{text-decoration:underline}
.eo-acct .eo-splitter{display:flex;align-items:center;gap:12px;color:#999;font-size:13px;margin:19px 0}
.eo-acct .eo-splitter:before,.eo-acct .eo-splitter:after{content:'';height:1px;background:#ddd;flex:1}
.eo-acct .eo-secondary{min-height:48px;width:100%;border:1px solid #dfb2b2;border-radius:6px;background:#fff;color:var(--eo-red);font-size:15px;font-weight:700;cursor:pointer}
.eo-acct .eo-secondary:hover{background:#fff5f5}
.eo-acct .eo-alternate{margin:24px 0 0;text-align:center;font-size:14px;color:#838383}
.eo-acct .eo-inline-message.success{border-color:#bde4ce;color:#216b40;background:#eefaf3}
.eo-acct .eo-foot{text-align:center;font-size:13px;line-height:1.65;color:#929292;margin:22px 0 0}
.eo-acct .eo-foot a{color:#d62a2d}

/* The site caps popups at 500px; the two-column company forms use the design's 790px. */
.modal .modal-dialog.eo-acct-dialog{max-width:min(790px,calc(100% - 32px))}
.eo-acct-dialog .login-inner.eo-acct{max-width:none}

@media(max-width:700px){
  .modal .modal-dialog.eo-acct-dialog{max-width:calc(100% - 14px);margin-left:auto;margin-right:auto}
  .login-inner.eo-acct{padding:28px 21px 30px}
  .eo-acct .eo-fields{grid-template-columns:1fr;gap:13px}
  .eo-acct .eo-field.full{grid-column:auto}
  .eo-acct .eo-heading{font-size:29px}
  .eo-acct .eo-subheading{font-size:17px}
}
@media(max-width:365px){
  .login-inner.eo-acct{padding:24px 15px 25px}
  .eo-acct .eo-choice{gap:12px;padding:12px}
  .eo-acct .eo-choice strong{font-size:14px}
}