/* =========================================================
   ZenoxTV register + password reset pages (use zenox-login.css + this file)
   Loaded on those pages only by includes/hooks/zenox_site.php
   ========================================================= */
body.page-password-reset-container,body:has(.zlg-main){background:#050817!important}
.page-password-reset-container .main-header,.page-password-reset-container .main-sidebar,.page-password-reset-container .sidebar,.page-password-reset-container .breadcrumb,
body:has(.zlg-main) .main-header,body:has(.zlg-main) .main-sidebar,body:has(.zlg-main) .breadcrumb{display:none!important}
.main-body.zlg-main{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:#050817!important}
body:has(.zlg-main) .zf{margin-top:0}
body.page-clientregister{background:#050817!important}
.page-clientregister .main-header,.page-clientregister .main-sidebar,.page-clientregister .sidebar,.page-clientregister .breadcrumb,.page-clientregister .header-lined{display:none!important}
.page-clientregister .main-body.zlg-main{display:block!important;width:100%!important;max-width:none!important;padding:0!important;margin:0!important;background:#050817!important}
.page-clientregister .zf{margin-top:0}

.zlg-reg .zlg-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.zlg-reg .zlg-card{max-width:580px}
.zlg-reg .zlg-intro{align-self:end}
.zlg .zlg-hide{display:none!important}
.zlg-tabs-top{margin:0 0 22px}
.zlg a.zlg-tab,.zlg span.zlg-tab{text-decoration:none;color:var(--soft)}
.zlg a.zlg-tab:hover{color:#fff}
.zlg span.zlg-tab[aria-selected=true]{color:#fff}
.zlg-regform{gap:16px}
.zlg-g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#containerNewUserSignup,#containerNewUserSecurity,#containerPassword{display:flex;flex-direction:column;gap:16px}
#containerNewUserSecurity.hidden,#containerPassword.hidden,.zlg .hidden{display:none!important}
.zlg-addr{display:flex;flex-direction:column;gap:16px}
.zlg-help{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:var(--mut)}
.zlg-or{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mut)}
.zlg-or:before,.zlg-or:after{content:"";flex:1;height:1px;background:var(--line)}
.zlg .zlg-tos span,.zlg .zlg-rem span{line-height:1.45}
.zlg .zlg-rem a{color:var(--ice);text-decoration:underline;text-underline-offset:2px}

/* WHMCS inputs that keep Lagom's form-control class (phone, address, selects, custom fields) */
.zlg .form-control,.zlg select,.zlg .zlg-cf input[type=text],.zlg .zlg-cf input[type=email],.zlg .zlg-cf input[type=password],.zlg .zlg-cf textarea{
  display:block;width:100%;height:54px;margin:0;padding:0 16px;border-radius:14px;border:1px solid var(--line2);background:rgba(4,8,22,.6);color:var(--tx);font:400 16px var(--fh);box-shadow:none;outline:0;-webkit-appearance:none;appearance:none}
.zlg textarea.form-control{height:auto;min-height:100px;padding:12px 16px}
.zlg select,.zlg select.form-control{padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23A9C4FF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
.zlg select option{background:#0B1230;color:#E6ECF8}
.zlg .form-control:focus,.zlg select:focus{border-color:var(--blue2);box-shadow:0 0 0 4px rgba(61,107,255,.22)}
.zlg .form-control::placeholder{color:#7E8AA8;opacity:1}
.zlg .form-control:-webkit-autofill{-webkit-text-fill-color:#E6ECF8;-webkit-box-shadow:0 0 0 1000px #0B1230 inset}
.zlg.zlg-reg .zlg-touched input:invalid,.zlg .zlg-touched select:invalid{border-color:rgba(255,138,149,.7)}

/* phone with country flag (intl-tel-input) */
.zlg .iti,.zlg .intl-tel-input{display:block;width:100%}
.zlg .iti input,.zlg .intl-tel-input input{padding-left:96px!important}
.zlg .iti__flag-container,.zlg .intl-tel-input .flag-container{border-radius:14px 0 0 14px}
.zlg .iti__selected-flag,.zlg .intl-tel-input .selected-flag{padding:0 10px 0 16px;border-radius:14px 0 0 14px;background:rgba(169,196,255,.06)!important;color:var(--tx)}
.zlg .iti__selected-dial-code,.zlg .intl-tel-input .selected-dial-code{color:var(--tx)}
.zlg .iti__country-list,.zlg .intl-tel-input .country-list{background:#0B1230;border:1px solid var(--line2);color:var(--tx);border-radius:12px;box-shadow:0 20px 40px rgba(2,6,30,.6);max-width:calc(100vw - 48px)}
.zlg .iti__country.iti__highlight,.zlg .intl-tel-input .country.highlight{background:rgba(61,107,255,.25)}
.zlg .iti__dial-code,.zlg .intl-tel-input .dial-code{color:var(--mut)}

/* password strength + match tick */
.zlg .progress,.zlg .password-strength-meter{height:6px;margin:10px 0 0;border-radius:6px;background:rgba(169,196,255,.12);box-shadow:none;overflow:hidden}
.zlg .progress-bar{border-radius:6px}
.zlg-match{position:absolute;right:16px;top:50%;margin-top:-9px;color:var(--ok);opacity:0;transform:scale(.6);transition:opacity .2s,transform .2s}
.zlg-pw2.zlg-ok .zlg-match{opacity:1;transform:none}
.zlg-pw2.zlg-ok input{border-color:rgba(91,227,161,.6)!important}
.zlg #newPassword1 .zlg-inp input{padding-right:54px}
.zlg .generate-password,.zlg [data-target="#modalGeneratePassword"]{display:none!important}

/* captcha (image + box) */
.zlg-captcha{color:var(--mut);font-size:12.5px;line-height:1.45;text-align:center}
.zlg-captcha:empty{display:none}
.zlg-captcha p,.zlg-captcha .text-center{margin:0 0 10px!important;color:var(--mut)}
.zlg-captcha .captchaimage,.zlg-captcha .captcha-container,.zlg-captcha .row{display:flex!important;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;margin:0!important}
.zlg-captcha img{border-radius:10px;max-width:100%}
.zlg-captcha input{max-width:180px;height:48px;border-radius:12px;text-align:center}
.zlg-captcha [class*=col-]{width:auto!important;float:none!important;padding:0!important}

/* Lagom toggle markup for mailing list, if WHMCS prints it */
.zlg .marketing-email-optin,.zlg .marketing-optin{border:0;background:none;padding:0}

/* password reset extras */
.zlg-pwr .zlg-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}
.zlg-pwr .zlg-card{max-width:500px}
.zlg-big-ic{display:flex;align-items:center;justify-content:center;width:64px;height:64px;margin-bottom:16px;border-radius:20px;background:radial-gradient(circle at 30% 30%,#7EA0FF,#3D6BFF 60%,#1C3AA8);color:#fff;box-shadow:0 0 34px rgba(61,107,255,.6)}
.zlg .zlg-sub b{color:var(--tx)}
.zlg .zlg-mt{margin-top:18px}
.zlg .zlg-mt-s{margin-top:10px}
.zlg a.zlg-alt{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border-radius:16px;background:rgba(61,107,255,.1);border:1px solid rgba(86,130,255,.28);color:var(--soft);font-size:13.5px;line-height:1.45;transition:background .2s,border-color .2s}
.zlg a.zlg-alt:hover{background:rgba(61,107,255,.18);border-color:rgba(86,130,255,.5);color:#fff}
.zlg-alt b{color:#fff}
.zlg-alt-ic{flex:0 0 auto;width:38px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:rgba(61,107,255,.22);color:var(--ice)}
.zlg-steps-list li{align-items:flex-start!important}
.zlg-steps-list li>span:last-child{display:flex;flex-direction:column;font-size:13px;color:var(--mut)}
.zlg-steps-list b{font-size:14.5px;font-weight:600;color:var(--tx)}
.zlg-num{flex:0 0 auto;width:30px;height:30px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#5682FF,#3D6BFF);color:#fff;font-weight:700;font-size:13px;box-shadow:0 0 18px rgba(61,107,255,.45)}
.zlg-more .zlg-steps-list{gap:14px}

@media (max-width:1000px){
 .zlg-reg .zlg-grid,.zlg-pwr .zlg-grid{grid-template-columns:minmax(0,1fr)}
 .zlg-pwr .zlg-card{max-width:none}
 .zlg-reg .zlg-card{max-width:none}
}
@media (max-width:640px){
 .zlg-g2{grid-template-columns:minmax(0,1fr);gap:16px}
 .zlg-g2.zlg-g2n{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .zlg-g2n .zlg-inp>svg{display:none}
 .zlg .zlg-g2n .zlg-inp input{padding-left:16px}
 .zlg-tabs-top{margin-bottom:18px}
 .zlg-reg .zlg-intro .zlg-h b{display:inline}
}
@media (max-width:330px){.zlg-g2.zlg-g2n{grid-template-columns:minmax(0,1fr)}}

/* ---------- v2.5.1: password strength text sits under the box, never on top of it ---------- */
#zlg .input-password-strenght{position:relative}
#zlg .input-password-strenght>span,#zlg .input-password-strenght .zlg-help,#zlg .input-password-strenght .text-small,#zlg #passwordStrengthTextLabel{
  position:static!important;display:block!important;inset:auto!important;transform:none!important;width:auto!important;height:auto!important;margin:6px 0 0!important;padding:0!important;background:none!important;border:0!important;
  font:400 12px/1.4 var(--fh)!important;color:var(--mut)!important;-webkit-text-fill-color:var(--mut)!important;text-align:left!important;pointer-events:none;white-space:normal!important}
#zlg #passwordStrengthTextLabel{display:inline!important;margin:0!important}
#zlg .zlg-touched input:invalid{border-color:rgba(255,138,149,.75)!important}
#zlg #inputNewPassword2Msg,#zlg .field-error-msg,#zlg .help-block.error{margin-top:6px;font-size:12.5px;color:#FF9AA4}

/* =====================================================================
   v3 · ICE STUDIO light theme (register + password reset extras)
   ===================================================================== */
body.page-clientregister,body.page-password-reset-container,body:has(.zlg-main){background:#F6F8FD!important}
.page-clientregister .main-body.zlg-main,.main-body.zlg-main{background:#F6F8FD!important}
.zlg select,.zlg select.form-control{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%232F5BFF' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")}
.zlg .iti__selected-flag,.zlg .intl-tel-input .selected-flag{background:#EEF2FF!important;color:#0A1230}
.zlg .iti__selected-dial-code,.zlg .intl-tel-input .selected-dial-code{color:#0A1230}
.zlg .iti__country-list,.zlg .intl-tel-input .country-list{background:#FFFFFF;border-color:#E3E9F5;color:#0A1230;box-shadow:0 20px 40px rgba(10,18,48,.15)}
.zlg .iti__country.iti__highlight,.zlg .intl-tel-input .country.highlight{background:#EEF2FF}
.zlg .progress,.zlg .password-strength-meter{background:#E3E9F5}
#zlg .input-password-strenght>span,#zlg .input-password-strenght .zlg-help,#zlg .input-password-strenght .text-small,#zlg #passwordStrengthTextLabel{color:#636E8C!important;-webkit-text-fill-color:#636E8C!important}
.zlg-match{color:#12A971}
.zlg-pw2.zlg-ok input{border-color:rgba(18,169,113,.6)!important}
.zlg-captcha,.zlg-captcha p,.zlg-captcha .text-center{color:#636E8C}
.zlg-big-ic{background:radial-gradient(circle at 30% 30%,#7EA0FF,#2F5BFF 60%,#1E3FD9);box-shadow:0 12px 30px rgba(47,91,255,.35)}
.zlg a.zlg-alt{background:#F2F5FF;border-color:#DCE4FF;color:#3A4566}
.zlg a.zlg-alt:hover{background:#EEF2FF;border-color:#B9C8FF;color:#0A1230}
.zlg-alt b{color:#0A1230}
.zlg-alt-ic{background:#E1E8FF;color:#2F5BFF}
.zlg-or:before,.zlg-or:after{background:#E3E9F5}
#zlg #inputNewPassword2Msg,#zlg .field-error-msg,#zlg .help-block.error{color:#C2253A}