/* Wonderweb Public Console v4.0.0 - scoped to unauthenticated WHMCS pages. */
body.wwg-public{padding-top:68px;--wwg-side:248px;--wwg-navy:#0c1129;--wwg-purple:#7047f5;--wwg-bg:#f5f7fc;overflow-x:hidden;background:var(--wwg-bg)!important;color:#111a38}
body.wwg-public .ww-utility,body.wwg-public #header.header,body.wwg-public .ww-page-accent{display:none!important}
body.wwg-public .master-breadcrumb{margin-left:248px!important;width:calc(100% - 248px)!important;padding:10px clamp(16px,2vw,30px) 0!important;background:transparent!important;border:0!important;box-sizing:border-box}
body.wwg-public .master-breadcrumb>.container{max-width:1510px!important;width:100%!important;padding:0!important}
body.wwg-public>.wwv27-cart-nav-container{margin-left:248px!important;width:calc(100% - 248px)!important;box-sizing:border-box}
body.wwg-public>form#frmDomainHomepage{margin-left:248px!important;width:calc(100% - 248px)!important;box-sizing:border-box}
body.wwg-public>form#frmDomainHomepage .container{max-width:1510px!important;width:100%!important}

body.wwg-public .wwg-sidebar{position:fixed;z-index:1110;inset:0 auto 0 0;width:248px;background:#0c1129;color:#ebefff;display:flex;flex-direction:column;box-shadow:3px 0 16px rgba(0,0,0,.08);font-family:inherit}
body.wwg-public .wwg-brand{padding:22px 18px 18px;border-bottom:1px solid rgba(255,255,255,.09)}
body.wwg-public .wwg-brand-link{display:block;max-width:205px}
body.wwg-public .wwg-brand img{display:block;max-width:100%;width:198px;height:auto;object-fit:contain}
body.wwg-public .wwg-brand>span{display:block;margin:17px 6px 0;font-size:10px;font-weight:750;letter-spacing:.19em;color:#b3bce0}
body.wwg-public .wwg-nav{padding:21px 12px 25px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin;scrollbar-color:#59617c transparent}
body.wwg-public .wwg-nav-label{padding:15px 16px 8px;color:#8d9abd;font-size:10px;letter-spacing:.12em;font-weight:800}
body.wwg-public .wwg-nav>a{display:flex;align-items:center;gap:13px;padding:13px 15px;margin:3px 0;border-radius:9px;text-decoration:none!important;color:#c4cce0!important;font-size:14px;line-height:1.3;font-weight:650;transition:background .15s ease,color .15s ease}
body.wwg-public .wwg-nav>a i{width:17px;text-align:center;font-size:15px;color:#a5b0ce}
body.wwg-public .wwg-nav>a:hover{color:white!important;background:#1b2443}
body.wwg-public .wwg-nav>a.wwg-current,body.wwg-public .wwg-nav>a.wwg-current:hover{background:#7047f5;color:white!important}
body.wwg-public .wwg-nav>a.wwg-current i{color:white}
body.wwg-public .wwg-side-bottom{flex:0 0 auto;display:flex;gap:11px;align-items:center;padding:17px 20px;border-top:1px solid rgba(255,255,255,.12);background:#0a0f25}
body.wwg-public .wwg-side-bottom>i{font-size:25px;color:#afa0ff}
body.wwg-public .wwg-side-bottom>span{display:flex;flex-direction:column;gap:2px}
body.wwg-public .wwg-side-bottom strong{font-size:13px;color:#fff}
body.wwg-public .wwg-side-bottom small{font-size:11px;color:#a9b4d3}
body.wwg-public .wwg-topbar{position:fixed!important;top:0;left:248px;right:0;height:68px;z-index:1000;background:#fff;border-bottom:1px solid #e3e8f0;box-shadow:0 1px 0 rgba(12,17,41,.02);box-sizing:border-box}
body.wwg-public .wwg-topbar-inner{height:100%;padding:9px clamp(16px,2vw,30px);display:flex;align-items:center;gap:19px}
body.wwg-public .wwg-page-name{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}
body.wwg-public .wwg-page-name small{font-size:10px;line-height:1.2;font-weight:800;letter-spacing:.09em;color:#687693}
body.wwg-public .wwg-page-name strong{font-size:18px;line-height:1.3;color:#121a36;font-weight:800}
body.wwg-public .wwg-search{height:40px;flex:0 1 280px;display:flex;gap:9px;align-items:center;margin:0;padding:0 13px;background:#f6f7fb;border:1px solid #e4e9f2;border-radius:10px;color:#66748d}
body.wwg-public .wwg-search i{font-size:14px}
body.wwg-public .wwg-search input{border:0!important;box-shadow:none!important;outline:none!important;background:transparent!important;font-size:13px;color:#23304e;width:100%;min-width:0;height:38px;padding:0}
body.wwg-public .wwg-top-actions{display:flex;gap:9px;align-items:center}
body.wwg-public .wwg-top-btn,body.wwg-public .wwg-mobile-menu{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:41px;padding:9px 12px;border:1px solid #e3e7f0;border-radius:9px;background:#fff;color:#182341!important;font-size:13px;font-weight:750;text-decoration:none!important;white-space:nowrap;cursor:pointer}
body.wwg-public .wwg-top-btn:hover{background:#f7f4ff;color:#633ae4!important;border-color:#d8ccff}
body.wwg-public .wwg-top-cta{color:white!important;background:#7047f5;border-color:#7047f5}
body.wwg-public .wwg-top-cta:hover{background:#5935d3;color:white!important}
body.wwg-public .wwg-mobile-menu{display:none;font-size:17px;width:43px;padding:0}
body.wwg-public #main-body,body.wwg-public #footer{margin-left:248px!important;width:calc(100% - 248px)!important;box-sizing:border-box}
body.wwg-public #main-body{padding:18px 0 65px!important;min-height:calc(100vh - 160px);background:transparent!important}
body.wwg-public #main-body>.container{max-width:1510px!important;width:100%!important;padding:0 clamp(16px,2vw,30px)!important}
body.wwg-public #main-body>.container>.row{margin-left:0!important;margin-right:0!important}
body.wwg-public #main-body .primary-content{min-width:0;padding-left:0!important;padding-right:0!important}
body.wwg-public #main-body .ww-auth-layout{display:block!important;width:min(100%,600px)!important;max-width:600px!important;min-width:0!important;margin:0 auto!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible!important}
body.wwg-public #main-body .ww-auth-side{display:none!important}
body.wwg-public #main-body .ww-auth-form-area{display:block!important;min-width:0!important;max-width:none!important;width:100%!important;margin:0!important;padding:0!important;background:transparent!important}
body.wwg-public #main-body .ww-auth-form-area .card{width:100%!important;max-width:100%!important;margin:0!important;border:1px solid #e3e9f2!important;border-radius:17px!important;box-shadow:0 14px 40px rgba(12,17,41,.065)!important;background:#fff!important;overflow:hidden!important}
body.wwg-public #main-body .ww-auth-form-area .card-body{padding:clamp(26px,3vw,44px)!important}
body.wwg-public #main-body .ww-auth-form-area .card-footer{padding:19px clamp(26px,3vw,44px)!important;background:#fbfcff!important;border-top:1px solid #e6eaf2!important}
body.wwg-public #main-body .ww-auth-form-area .h3{font-size:30px!important;line-height:1.25!important;font-weight:750!important;color:#121a36!important}
body.wwg-public #main-body .ww-auth-form-area .text-muted{color:#75839b!important}
body.wwg-public #main-body .ww-auth-form-area .form-control-label{font-size:14px!important;font-weight:650!important;color:#17213d!important}
body.wwg-public #main-body .ww-auth-form-area .form-control{font-size:14px!important;min-height:46px!important}
body.wwg-public #main-body .ww-auth-form-area .input-group-text,body.wwg-public #main-body .ww-auth-form-area .btn-reveal-pw{min-height:46px!important}
body.wwg-public #main-body .ww-auth-form-area .btn-primary{min-height:46px!important;padding:10px 22px!important;font-size:14px!important;font-weight:750!important;border-radius:9px!important;background:#7047f5!important;border-color:#7047f5!important}
body.wwg-public #main-body .ww-auth-form-area .btn-primary:hover{background:#5935d3!important;border-color:#5935d3!important}
body.wwg-public #main-body .ww-auth-form-area a{color:#6039dd}
body.wwg-public #footer{border-top:1px solid #e3e9f2!important;background:transparent!important;padding:14px 25px!important}
body.wwg-public #footer .ww-footer-grid,body.wwg-public #footer ul.nav{display:none!important}
body.wwg-public #footer>.container{max-width:none!important;width:100%!important;padding:0!important}
body.wwg-public #footer .copyright{color:#677590!important}
body.wwg-public .wwg-backdrop{display:none;position:fixed;inset:0;z-index:1080;background:rgba(4,8,22,.58);border:0;padding:0}
@media(max-width:991px){
 body.wwg-public .wwg-sidebar{width:min(288px,85vw);transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s ease}
 body.wwg-public.wwg-drawer-open .wwg-sidebar{transform:translateX(0);visibility:visible}
 body.wwg-public.wwg-drawer-open .wwg-backdrop{display:block}
 body.wwg-public .wwg-topbar{left:0}
 body.wwg-public .wwg-mobile-menu{display:inline-flex}
 body.wwg-public #main-body,body.wwg-public #footer{margin-left:0!important;width:100%!important}
 body.wwg-public{padding-top:60px}
 body.wwg-public .wwg-topbar{height:60px}
 body.wwg-public .master-breadcrumb,body.wwg-public>.wwv27-cart-nav-container,body.wwg-public>form#frmDomainHomepage{margin-left:0!important;width:100%!important}
 body.wwg-public #main-body{padding:16px 0 44px!important}
 body.wwg-public #main-body>.container{padding:0 16px!important}
}
@media(max-width:680px){
 body.wwg-public .wwg-search{display:none}
 body.wwg-public .wwg-topbar-inner{padding:8px 14px;gap:10px}
 body.wwg-public .wwg-page-name strong{font-size:16px}
 body.wwg-public .wwg-top-btn:not(.wwg-top-cta){display:none}
 body.wwg-public .wwg-top-cta span{display:none}
 body.wwg-public .wwg-top-cta{width:41px;padding:0}
 body.wwg-public #main-body{padding:12px 0 32px!important}
 body.wwg-public #main-body .ww-auth-form-area .card-body{padding:27px 23px!important}
 body.wwg-public #main-body .ww-auth-form-area .card-footer{padding:18px 23px!important}
 body.wwg-public #main-body .ww-auth-form-area .h3{font-size:27px!important}
}
@media(prefers-reduced-motion:reduce){body.wwg-public .wwg-sidebar{transition:none!important}}

/* Keep page-specific WHMCS modules and contextual sidebars intact. */
body.wwg-public .primary-content .card,body.wwg-public .sidebar .card{box-sizing:border-box}
body.wwg-public #main-body>.container{max-width:1510px!important}
body.wwg-public .wwg-page-name strong{display:block;max-width:min(29vw,350px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:991px){body.wwg-public .wwg-page-name strong{max-width:38vw}}
@media(max-width:680px){body.wwg-public .wwg-page-name strong{max-width:calc(100vw - 145px)}}


/* Wonderweb Guest Navigation V4.1 — scoped visitor improvements */
body.wwg-public .wwg-nav{padding:15px 10px 22px}
body.wwg-public .wwg-brand>span{color:#b3bce0}
body.wwg-public .wwg-nav-label{padding:13px 15px 9px;font-size:10px;color:#8999bc}
body.wwg-public .wwg-nav>a.wwg-direct{padding:12px 13px;margin:2px 0}
body.wwg-public .wwg-nav-group{margin:9px 0 0;border-radius:10px}
body.wwg-public .wwg-group-toggle{width:100%;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 13px;background:transparent;color:#c4cce0;border:0;border-radius:9px;cursor:pointer;font:inherit;font-size:13px;font-weight:750;text-align:left;transition:background .14s ease,color .14s ease}
body.wwg-public .wwg-group-label{display:inline-flex;gap:11px;align-items:center;min-width:0}
body.wwg-public .wwg-group-label i{font-size:15px;color:#a5b0ce;width:18px;text-align:center}
body.wwg-public .wwg-group-chevron{font-size:11px;opacity:.72;transition:transform .18s ease}
body.wwg-public .wwg-group-toggle:hover,body.wwg-public .wwg-group-toggle:focus-visible{background:#1b2443;color:#fff}
body.wwg-public .wwg-group-toggle[aria-expanded="true"]{background:#18213e;color:#fff}
body.wwg-public .wwg-group-toggle[aria-expanded="true"] .wwg-group-chevron{transform:rotate(180deg)}
body.wwg-public .wwg-group-content{padding:5px 0 7px 14px}
body.wwg-public .wwg-group-content[hidden]{display:none!important}
body.wwg-public .wwg-group-content>a{display:flex;align-items:center;gap:10px;color:#bfc8df!important;text-decoration:none!important;font-size:13px;font-weight:600;line-height:1.35;min-height:37px;padding:9px 12px;margin:1px 0;border-radius:8px;transition:background .14s ease,color .14s ease}
body.wwg-public .wwg-group-content>a i{font-size:12px}
body.wwg-public .wwg-group-content>a:hover{background:#222b4c;color:#fff!important}
body.wwg-public .wwg-group-content>a.wwg-current{background:#7047f5;color:#fff!important}
body.wwg-public .wwg-nav .wwg-current{background:#7047f5!important;color:#fff!important}
body.wwg-public .wwg-signin-panel{flex:0 0 auto;padding:18px 15px 17px;background:#0a0f25;border-top:1px solid rgba(255,255,255,.12)}
body.wwg-public .wwg-signin-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:14px}
body.wwg-public .wwg-signin-heading>span:last-child{display:flex;flex-direction:column;gap:4px;min-width:0}
body.wwg-public .wwg-signin-heading strong{font-size:13px;font-weight:750;line-height:1.3;color:#fff}
body.wwg-public .wwg-signin-heading small{font-size:11px;line-height:1.45;color:#aab6d5}
body.wwg-public .wwg-signin-icon{width:30px;height:30px;display:inline-flex;flex:0 0 30px;align-items:center;justify-content:center;border-radius:9px;color:#d9d0ff;background:#221c4b;font-size:13px}
body.wwg-public a.wwg-signin-button{display:flex;min-height:42px;align-items:center;justify-content:center;gap:9px;width:100%;padding:10px 12px;border-radius:9px;border:1px solid #7047f5;text-decoration:none!important;background:#7047f5;color:#fff!important;font-size:13px;font-weight:800;line-height:1.3;text-align:center;transition:background .15s ease}
body.wwg-public a.wwg-signin-button:hover{background:#5a36d6;border-color:#5a36d6}
body.wwg-public a.wwg-create-link{display:flex;justify-content:center;align-items:center;gap:6px;padding:11px 0 0;color:#c6c9ee!important;text-decoration:none!important;font-weight:650;font-size:12px}
body.wwg-public a.wwg-create-link:hover{color:#fff!important;text-decoration:underline!important}
body.wwg-public .wwg-top-login{border-color:#d9dded!important;background:#fff!important;color:#293451!important}
body.wwg-public .wwg-top-login:hover{background:#f7f4ff!important;color:#603adf!important}
body.wwg-public .wwg-group-toggle:focus-visible,body.wwg-public .wwg-nav a:focus-visible,body.wwg-public .wwg-signin-panel a:focus-visible,body.wwg-public .wwg-top-login:focus-visible{outline:2px solid #bfb3ff;outline-offset:2px}
@media(max-width:680px){
 body.wwg-public .wwg-top-btn.wwg-top-login{display:inline-flex!important;min-height:38px;padding:8px 10px;font-size:12px}
 body.wwg-public .wwg-top-btn.wwg-top-login span{display:inline}
 body.wwg-public .wwg-top-btn.wwg-top-cta{width:40px;min-width:40px}
 body.wwg-public .wwg-top-actions{gap:6px}
}
@media(max-width:400px){
 body.wwg-public .wwg-top-btn.wwg-top-cta{display:none!important}
 body.wwg-public .wwg-page-name small{font-size:9px}
 body.wwg-public .wwg-page-name strong{font-size:14px}
}
@media(prefers-reduced-motion:reduce){body.wwg-public .wwg-group-chevron,body.wwg-public .wwg-signin-button{transition:none!important}}