/* Hosting100 Cloud — WHMCS Six child theme. Application markup and logic remain in the parent. */
:root { --h100-bg:#050b16; --h100-surface:#101c30; --h100-line:#263850; --h100-text:#edf5ff; --h100-muted:#a6b8ce; --h100-blue:#60a5fa; }
body { background:var(--h100-bg); color:#17283b; font-family:Inter,system-ui,-apple-system,"Segoe UI",Tahoma,sans-serif; line-height:1.6; }
a { color:#1554a0; }
a:hover, a:focus { color:#103d76; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid #93c5fd; outline-offset:2px; }
section#header { background:#081322; border-bottom:1px solid var(--h100-line); padding:24px 0; }
section#header .logo, section#header .logo-text { font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif; color:#f3f8ff; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
#header .top-nav > li > a, #header .top-nav .primary-action { color:#c5d6e9; }
.navbar-main, .navbar-default.navbar-main { background:#0b1728; border:0; border-bottom:1px solid var(--h100-line); border-radius:0; }
.navbar-main .navbar-nav > li > a, .navbar-default.navbar-main .navbar-nav > li > a { color:#d7e5f5; }
.navbar-main .navbar-nav > li > a:hover, .navbar-main .navbar-nav > li > a:focus, .navbar-main .navbar-nav > .open > a, .navbar-default.navbar-main .navbar-nav > .open > a { color:#fff; background:#172a42; }
.navbar-main .navbar-toggle { border-color:#536980; }
.navbar-main .navbar-toggle .icon-bar { background:#d7e5f5; }
.dropdown-menu { background:#13233a; border:1px solid #31435b; box-shadow:0 16px 36px rgba(0,0,0,.35); }
.dropdown-menu > li > a { color:#e2edf9; }
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus { background:#223a59; color:#fff; }
section#main-body { background:#f3f7fc; color:#17283b; padding:42px 0 70px; min-height:55vh; }
.header-lined { border-bottom:1px solid #d3e0ed; margin-bottom:28px; }
div.header-lined h1 { color:#14283f; }
div.header-lined h1 small { color:#64748b; }
.logincontainer { max-width:520px; margin:24px auto; padding:32px; background:linear-gradient(145deg,#12213a,#0c1728); border:1px solid #2a405d; border-radius:18px; box-shadow:0 24px 70px rgba(0,0,0,.3); }
.logincontainer { color:#edf5ff; }
.logincontainer a:not(.btn) { color:#9cccff; }
.logincontainer .header-lined { margin-top:0; border-color:#2a405d; }
.logincontainer div.header-lined h1 { color:#f1f7ff; }
.logincontainer div.header-lined h1 small { color:#a6b8ce; }
.form-control { background:#f8fbff; color:#102238; border:1px solid #b8c8dc; border-radius:8px; min-height:42px; box-shadow:none; }
.form-control:focus { border-color:#60a5fa; box-shadow:0 0 0 3px rgba(96,165,250,.22); }
.form-control::placeholder { color:#64748b; opacity:1; }
.btn { border-radius:8px; font-weight:600; padding:10px 18px; transition:background-color .15s,border-color .15s; }
.btn-primary, .btn-success { background:#2563eb; border-color:#2563eb; color:#fff; }
.btn-primary:hover, .btn-primary:focus, .btn-success:hover, .btn-success:focus { background:#1d4ed8; border-color:#1d4ed8; color:#fff; }
.btn-default { background:#e9f1fb; border-color:#b9cbe0; color:#14283f; }
.btn-default:hover, .btn-default:focus { background:#d7e8fb; border-color:#99bce2; color:#102238; }
.panel { border-radius:10px; }
section#footer { background:#081322; border-top:1px solid var(--h100-line); color:#a8bbd1; padding:28px 0; }
#footer a { color:#a6cfff; }
@media (max-width:767px) { section#header { padding:16px 0; } section#main-body { padding:24px 0 45px; } .logincontainer { margin:12px 0; padding:22px; border-radius:14px; } .navbar-main .navbar-nav .open .dropdown-menu > li > a { color:#e2edf9; } }
@media (prefers-reduced-motion:reduce) { .btn { transition:none; } }
/* Portal home and standard-cart details observed on the current installation. */
section#home-banner { background:#101f35; color:#f1f7ff; }
.home-shortcuts { background:#172b46; color:#fff; }
.home-shortcuts li, .home-shortcuts li:first-child { border-color:#38506b; }
.home-shortcuts li a, .home-shortcuts li a:hover, .home-shortcuts li a:focus { color:#fff; }
section#main-body #order-standard_cart .products .product { border-color:#d6e2ef; border-radius:10px; box-shadow:0 4px 16px rgba(20,40,63,.06); }
section#main-body #order-standard_cart .products .product header { border-radius:9px 9px 0 0; }
.logincontainer.with-social { max-width:650px; }
.btn-sm { padding:5px 10px; }
.btn-xs { padding:1px 5px; }