/* NexHost guest checkout, v1.5.5. Scoped: registration portion only. */
/* Hide the initial guest signup briefly while enhanced markup is prepared.
   Remove the pending class on JS failure or after window load. */
html.nx-co-pending body .nx-co-target {visibility:hidden!important;}
html.nx-co-pending body form:has([name="firstname"][name]) [name="firstname"],
html.nx-co-pending body form:has([name="lastname"][name]) [name="lastname"] {visibility:hidden!important;}
#containerNewUserSignup.nx-co-enhanced {color:#20314f;}
.nx-co-target .nx-co-hide {display:none!important;}
.nx-co-target .nx-co-hide-heading,
#containerNewUserSecurity.nx-co-security .nx-co-hide-heading {display:none!important;}
.nx-co-target .nx-co-panel {margin:0 0 19px;padding:24px 25px 15px;border-radius:14px;background:#fff;border:1px solid #e5eaf5;box-shadow:0 10px 32px rgba(22,45,84,.045);}
.nx-co-target .nx-co-heading {margin-bottom:22px;}
.nx-co-target .nx-co-heading h2 {font-size:23px;font-weight:750;letter-spacing:-.03em;color:#172744;line-height:1.25;margin:0 0 9px;}
.nx-co-target .nx-co-heading p {font-size:13px;color:#7685a0;line-height:1.55;margin:0;}
.nx-co-target .nx-co-label, #containerNewUserSecurity.nx-co-security .nx-co-label {display:block;font-size:12px;font-weight:650;color:#2c3e5a;margin:0 0 8px;}
.nx-co-target .nx-co-fields>div {margin-bottom:18px;}
.nx-co-target .nx-co-email [class*="col-"] {float:none;width:100%;max-width:100%;padding:0;margin:0;}
.nx-co-target .nx-co-email .form-group {margin:0;}
.nx-co-target .nx-co-email .field-icon,
.nx-co-target .nx-co-email .prepend-icon>.field-icon {display:none!important;}
.nx-co-target .nx-co-email input {padding-left:14px!important;}
.nx-co-target .nx-co-fields input.form-control,
#containerNewUserSecurity.nx-co-security .nx-co-password-group input.form-control {width:100%;height:44px;min-height:44px;line-height:1.4;padding:10px 12px;border:1px solid #dfe6f1;border-radius:9px;background:#fff;color:#20314f;font-size:13px;box-shadow:none;}
.nx-co-target .nx-co-fields input:focus,
#containerNewUserSecurity.nx-co-security .nx-co-password-group input:focus {outline:none;border-color:#5077e8;box-shadow:0 0 0 3px rgba(74,112,231,.1);}
#containerNewUserSecurity.nx-co-security {margin:0 0 17px;}
#containerNewUserSecurity.nx-co-security .nx-co-credentials {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;}
#containerNewUserSecurity.nx-co-security .nx-co-credentials>[class*="col-"] {float:none;width:100%;min-width:0;max-width:none;padding:0;margin:0;}
#containerNewUserSecurity.nx-co-security .nx-co-credentials>.col-sm-12 {grid-column:1/-1;}
#containerNewUserSecurity.nx-co-security .nx-co-password-group {position:relative;margin-bottom:0;}
#containerNewUserSecurity.nx-co-security .nx-co-password-group>.field-icon {display:none!important;}
#containerNewUserSecurity.nx-co-security .nx-co-password-group input {padding-right:55px!important;padding-left:12px!important;}
#containerNewUserSecurity.nx-co-security .nx-co-toggle {position:absolute;right:7px;top:33px;min-height:24px;padding:2px 5px;font-size:11px;font-weight:650;color:#4168df;background:transparent;border:none;cursor:pointer;}
#containerNewUserSecurity.nx-co-security .nx-co-pass-message {font-size:11px;min-height:0;margin:5px 0 0;color:#258765;}
#containerNewUserSecurity.nx-co-security .nx-co-pass-message.nx-co-error {color:#c03b53;}
@media(max-width:600px){
 .nx-co-target .nx-co-panel{padding:22px 18px 10px;}
 #containerNewUserSecurity.nx-co-security .nx-co-credentials{grid-template-columns:1fr;}
}

/* Applies also to Lagom order forms without #containerNewUserSignup. */
.nx-co-target .nx-co-country {width:min(100%,210px);margin:2px 0 18px;}
.nx-co-target .nx-co-country .form-group, .nx-co-target .nx-co-email .form-group {margin-bottom:0;}
.nx-co-target .nx-co-country select {width:100%;min-height:42px;border:1px solid #dfe6f1;border-radius:9px;}
.nx-co-target .nx-co-label {font-weight:650;}
.nx-co-target .nx-co-panel:focus-within {border-color:#e1e7f7;}
/* Prevent a second card inside Lagom's existing checkout card. */
.nx-co-target .nx-co-panel {padding:3px 0 12px;border:0;box-shadow:none;border-radius:0;background:transparent;}
.nx-co-target .nx-co-country, .nx-co-target .nx-co-state {display:inline-block;vertical-align:top;width:calc(50% - 8px);min-width:0;margin:0 12px 20px 0;}
.nx-co-target .nx-co-country > [class*="col-"], .nx-co-target .nx-co-state > [class*="col-"] {width:100%;padding:0;float:none;max-width:none;}
.nx-co-target .nx-co-country label:not(.nx-co-label),.nx-co-target .nx-co-state label:not(.nx-co-label){display:none!important;}
.nx-co-target .nx-co-country select,.nx-co-target .nx-co-state select,.nx-co-target .nx-co-state input {width:100%;min-height:42px;}
.nx-co-target .nx-co-country .form-group,.nx-co-target .nx-co-state .form-group {margin:0;}
.nx-co-target .nx-co-email .form-group > label:not(.field-icon){display:none!important;}
.nx-co-target .nx-co-email .form-group .field-icon {display:none!important;}
.nx-co-active .nx-co-password-group {position:relative;}
.nx-co-active .nx-co-password-group input {padding-right:60px!important;}
.nx-co-active .nx-co-toggle{position:absolute;right:8px;top:50%;transform:translateY(-17%);border:0;background:transparent;color:#4266dd;cursor:pointer;font-size:11px;z-index:2;}
.nx-co-active .nx-co-pass-message{color:#258765;font-size:11px;margin:5px 0 8px;}
.nx-co-active .nx-co-pass-message.nx-co-error{color:#c03b53;}
@media (max-width:600px) {.nx-co-target .nx-co-country, .nx-co-target .nx-co-state {display:block;width:100%;margin-right:0;}}

.nx-co-active .nx-co-native-label {display:none!important;}
.nx-co-active .nx-co-password-group .nx-co-toggle {top:auto;bottom:10px;transform:none;}

/* v1.5.5: hide an empty billing heading in both standard_cart and Lagom */
.nx-co-target .nx-co-hide-heading {display:none!important;}

/* Suppress native Lagom Account Security title, including div/span variants. */
.nx-co-active .nx-co-hide-heading {display:none!important;}

/* v1.5.5: only text-only LEAF headings are hidden; never hide credential containers. */
.nx-co-active .nx-co-title-leaf-hidden {display:none!important;}

/* v1.5.5: keep password inputs visually aligned even when only one column
   contains helper text such as "at least 5 characters". The exact offset is
   measured in JS and applied only on wider screens. */
#containerNewUserSecurity.nx-co-security .nx-co-password-group{display:flex;flex-direction:column;}
#containerNewUserSecurity.nx-co-security .nx-co-align-spacer{display:block;flex:0 0 auto;height:var(--nx-co-spacer,0px);}
