/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */

/* Custom CSS for Nexus Theme
 *
 * This file allows you to customize the theme colors and styles for the entire Nexus template.
 *
 * To customize colors:
 * - Replace the var() references with your own hex colors or other CSS values.
 * - For example, instead of --primary: #4b5563; use --primary: #your-color;
 * - You can also override any CSS properties here.
 */

:root {
    --white: #fff;

    /* Neutral shades */
    --neutral-50: #fbf9fa;
    --neutral-100: #f4f5f7;
    --neutral-200: #e4e4e7;
    --neutral-300: #d0d5dd;
    --neutral-400: #9ca3af;
    --neutral-500: #6b7280;
    --neutral-600: #4b5563;
    --neutral-700: #374151;
    --neutral-800: #1f2937;
    --neutral-900: #111827;
    --neutral-950: #030712;

    /* Neutral shades */
    /* define own pallet with brand colors */
    --primary-50: var(--neutral-50);
    --primary-100: var(--neutral-100);
    --primary-200: var(--neutral-200);
    --primary-300: var(--neutral-300);
    --primary-400: var(--neutral-400);
    --primary-500: var(--neutral-500);
    --primary-600: var(--neutral-600);
    --primary-700: var(--neutral-700);
    --primary-800: var(--neutral-800);
    --primary-900: var(--neutral-900);
    --primary-950: var(--neutral-900);

    /* Primary colors */
    /* Use shades from comments if `primary` colors use other colors, then neutral */
    --primary: var(--neutral-900);          /* var(--primary-600) */
    --primary-lifted: var(--neutral-800);   /* var(--primary-700) */
    --primary-accented: var(--neutral-700); /* var(--primary-800) */

    /* Secondary colors */
    --secondary: var(--neutral-500);
    --secondary-lifted: var(--neutral-600);
    --secondary-accented: var(--neutral-700);

    /* Success colors */
    --success: #00a63e;
    --success-lifted: #008236;
    --success-accented: #016630;

    /* Info colors */
    --info: #155dfc;
    --info-lifted: #1447e6;
    --info-accented: #193cb8;

    /* Notice colors */
    --notice: #7f22fe;
    --notice-lifted: #7008e7;
    --notice-accented: #5d0ec0;

    /* Warning colors */
    --warning: #f54a00;
    --warning-lifted: #ca3500;
    --warning-accented: #9f2d00;

    /* Error colors */
    --error: #e7000b;
    --error-lifted: #c10007;
    --error-accented: #9f0712;

    /* Grayscale colors */
    --grayscale: var(--neutral-900);
    --grayscale-lifted: var(--neutral-800);
    --grayscale-accented: var(--neutral-700);

    /* Neutral colors */
    --neutral: var(--neutral-500);
    --neutral-lifted: var(--neutral-600);
    --neutral-accented: var(--neutral-700);

    /* Text neutral colors */
    --text-inverted: var(--white);
    --text-muted: var(--neutral-400);
    --text-lifted: var(--neutral-500);
    --text-accented: var(--neutral-600);
    --text: var(--neutral-900);

    /* Border neutral colors */
    --border-muted: var(--neutral-200);
    --border: var(--neutral-300);
    --border-lifted: var(--neutral-400);
    --border-accented: var(--neutral-600);

    /* Background neutral colors */
    --bg: var(--white);
    --bg-muted: var(--neutral-50);
    --bg-lifted: var(--neutral-100);
    --bg-accented: var(--neutral-200);
    --bg-inverted: var(--neutral-900);

    /* Additional colors */
    --yellow-200: #fff085;
    --yellow-300: #ffdf20;
    --teal-300: #46edd5;
    --teal-400: #00d5be;
    --emerald-300: #5ee9b5;
    --pink-400: #fb64b6;

    /* Additional custom properties */
    /* Font sizes */
    --text-xs: 0.625rem;
    --text-sm: 0.75rem;
    --text-md: 0.875rem;
    --text-lg: 1rem;

    /* Spacing */
    --outline-sm: 1px;
    --outline-md: 2px;
    --outline-lg: 3px;

    /* Rounding */
    --rounding-sm: 0.25rem;
    --rounding-md: 0.5rem;
    --rounding-lg: 0.75rem;

    /* Other */
    --letter-spacing: 0em;
    --disabled-opacity: 25%;
}

/* ORBIT HOSTING: DARK DESIGN SYSTEM — matches orbithosting.net */
:root {
 --white:#ffffff;--primary:#3080ff;--primary-lifted:#4b93ff;--primary-accented:#246de4;
 --primary-50:#e9f2ff;--primary-100:#d1e5ff;--primary-200:#a9ceff;--primary-300:#80b4ff;--primary-400:#4b93ff;--primary-500:#3080ff;--primary-600:#246de4;--primary-700:#1b55b8;--primary-800:#153e84;--primary-900:#102a5b;
 --secondary:#95a2bc;--secondary-lifted:#b6c0d3;--secondary-accented:#6b7897;
 --neutral-50:#f1f4fb;--neutral-100:#dce3f0;--neutral-200:#b6c0d3;--neutral-300:#95a2bc;--neutral-400:#6b7897;--neutral-500:#56627c;--neutral-600:#3b475e;--neutral-700:#30394e;--neutral-800:#242b3e;--neutral-900:#181d29;--neutral-950:#0b0d13;
 --success:#00bb7f;--success-lifted:#12d79a;--success-accented:#008f63;
 --text:#eef2fb;--text-muted:#a5b1c8;--text-lifted:#f1f4fb;--text-accented:#ffffff;--text-inverted:#0b0d13;
 --bg:#0b0d13;--bg-muted:#11141d;--bg-lifted:#181d29;--bg-accented:#242b3e;--bg-inverted:#f1f4fb;
 --border-muted:#242b3e;--border:#30394e;--border-lifted:#45516b;--border-accented:#56627c;
 --grayscale:#181d29;--grayscale-lifted:#242b3e;--grayscale-accented:#30394e;
 --rounding-md:.65rem;--rounding-lg:.9rem;
}
html,body {background:#0b0d13!important;color:#eef2fb!important}
body {color-scheme:dark}
h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6,
.card-title,.panel-title,.page-header,.product-title {color:#f1f4fb}
a:not(.btn):not(.nav-link) {color:#80b4ff}
a:not(.btn):not(.nav-link):hover {color:#b4d2ff}
#header,.header,.header .navbar,.navbar-main,.navbar,.topbar,
#main-menu,.main-navbar,.primary-navbar,.navbar-light {background:#11141d!important;color:#eef2fb!important;border-color:#30394e!important}
#header a,.header a,.navbar a,.navbar .nav-link,.topbar a,
.navbar-light .navbar-nav .nav-link {color:#e5ebf8!important}
#header a:hover,.header a:hover,.navbar a:hover {color:#80b4ff!important}
#main-body,.main-content,.main-body,.content-area,
section#main-body,.section,#content,.content,
#order-standard_cart {background:#0b0d13!important;color:#eef2fb}
.master-breadcrumb,.breadcrumb,.breadcrumb-container,.breadcrumb-wrapper,
.page-header,.page-heading {background:#11141d!important;color:#a5b1c8!important;border-color:#30394e!important}
.card,.panel,.well,.list-group-item,.sidebar .panel,.sidebar .card,
.sidebar .list-group-item,.modal-content,.dropdown-menu,.tile,.stat,
.product-details,.product-info,.domain-checker-container,
.domain-pricing,.alert-info,.alert-secondary,
#order-standard_cart .products .product {background:#181d29!important;color:#eef2fb!important;border:1px solid #30394e!important;border-radius:.75rem}
.card-header,.card-footer,.panel-heading,.panel-footer,
.sidebar .panel-heading,.list-group-item.active {background:#242b3e!important;color:#eef2fb!important;border-color:#30394e!important}
.card-body,.panel-body,.panel-default,.sidebar,.sidebar .panel-body,
.product-details,.product-pricing,.product-description {color:#eef2fb!important}
.sidebar .list-group-item a,.sidebar a,.card a,.panel a {color:#dce7ff}
.sidebar .list-group-item.active a {color:#fff}
.text-muted,.text-secondary,small,.small,.help-block,.form-text {color:#a5b1c8!important}
.text-dark,.text-body {color:#eef2fb!important}
.table,.table td,.table th,.table-striped,.table-hover {color:#eef2fb!important;border-color:#30394e!important;background-color:transparent}
.table-striped tbody tr:nth-of-type(odd),.table-hover tbody tr:hover {background:#242b3e!important}
input:not([type=checkbox]):not([type=radio]),textarea,select,
.form-control,.custom-select,.input-group-text {background:#11141d!important;color:#eef2fb!important;border-color:#45516b!important}
input::placeholder,textarea::placeholder {color:#95a2bc!important}
.form-control:focus,select:focus,textarea:focus {border-color:#3080ff!important;box-shadow:0 0 0 .16rem rgba(48,128,255,.22)!important}
.btn-primary,.btn-success {background:#3080ff!important;border-color:#3080ff!important;color:#fff!important;border-radius:.6rem}
.btn-primary:hover,.btn-success:hover {background:#246de4!important;border-color:#246de4!important}
.btn-default,.btn-light,.btn-outline-secondary,.btn-outline-primary {background:#242b3e!important;color:#eef2fb!important;border-color:#45516b!important;border-radius:.6rem}
.btn-default:hover,.btn-light:hover,.btn-outline-secondary:hover {background:#30394e!important}
.btn-link {color:#80b4ff!important}
.badge-success,.label-success {background:#00bb7f!important;color:#06120f!important}
.alert-success {background:#0b3028!important;color:#d5ffef!important;border-color:#17664e!important}
.alert-warning {background:#382a14!important;color:#ffe4a5!important;border-color:#74531d!important}
.alert-danger {background:#381b23!important;color:#ffdce4!important;border-color:#7a2c3d!important}
#footer,.footer {background:#11141d!important;color:#a5b1c8!important;border-top:1px solid #30394e!important}
#footer a,.footer a {color:#dce7ff!important}
.dropdown-item,.dropdown-item:hover {color:#eef2fb!important}
.dropdown-item:hover {background:#30394e!important}
.modal-header,.modal-footer {border-color:#30394e!important}
hr {border-color:#30394e!important}
@media(max-width:767px){.sidebar,.main-content{background:transparent!important}}


/* =========================================================
   ORBIT HOSTING — GLOW / DEPTH / LOGIN REFINEMENT
   Append after original Nexus theme tokens.
   ========================================================= */
:root {
 --orbit-canvas:#0b0d13;
 --orbit-card:#171d2a;
 --orbit-card-raised:#1c2434;
 --orbit-border:#2b3650;
 --orbit-blue:#3080ff;
 --orbit-cyan:#00b7d7;
 --orbit-green:#00bb7f;
 --orbit-glow:0 0 0 1px rgba(48,128,255,.27),0 12px 32px rgba(9,20,49,.38),0 0 24px rgba(48,128,255,.10);
}
body {
 background:radial-gradient(ellipse 65% 45% at 50% -10%,rgba(35,91,192,.12),transparent 70%),#0b0d13!important;
}
.navbar-brand .logo-img {
 background:rgba(255,255,255,.96);
 border-radius:12px;
 padding:5px 9px;
 box-shadow:0 4px 22px rgba(0,0,0,.23);
 max-height:70px;
}
#header,.header,.main-navbar-wrapper,.navbar-light {
 background:linear-gradient(100deg,#101522 0%,#111827 50%,#0b2021 100%)!important;
}
.main-navbar-wrapper {border-bottom:2px solid transparent!important;border-image:linear-gradient(90deg,#3080ff,#00b7d7,#00bb7f) 1!important}
.card,.panel,.sidebar .panel,.sidebar .card,
.product-details,.tile,.stat,.modal-content,
#order-standard_cart .products .product {
 background:linear-gradient(155deg,#1b2232 0%,#141a26 100%)!important;
 border:1px solid #2b3650!important;
 border-radius:14px!important;
 box-shadow:0 5px 20px rgba(0,0,0,.15);
 transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background .22s ease;
}
.card:hover,.panel:hover,.sidebar .panel:hover,.tile:hover,.stat:hover,
#order-standard_cart .products .product:hover {
 transform:translateY(-3px);
 border-color:rgba(48,128,255,.56)!important;
 box-shadow:var(--orbit-glow);
}
.card-header,.panel-heading {
 background:linear-gradient(90deg,#242d43,#1d2537)!important;
}
.btn-primary,.btn-success,.btn.btn-primary,
button[type=submit].btn-primary {
 background:linear-gradient(105deg,#2469f8 0%,#3080ff 58%,#5264f6 100%)!important;
 color:#fff!important;
 border:1px solid #4a89ff!important;
 border-radius:9px!important;
 box-shadow:0 4px 14px rgba(48,128,255,.25),inset 0 1px 0 rgba(255,255,255,.15)!important;
 transition:transform .2s ease,box-shadow .2s ease,filter .2s ease!important;
}
.btn-primary:hover,.btn-success:hover,.btn.btn-primary:hover,
button[type=submit].btn-primary:hover {
 transform:translateY(-2px);
 filter:brightness(1.14);
 box-shadow:0 6px 22px rgba(48,128,255,.47),0 0 16px rgba(48,128,255,.24)!important;
}
.btn-default:hover,.btn-light:hover,.btn-outline-primary:hover,.btn-outline-secondary:hover {
 border-color:#3080ff!important;
 box-shadow:0 0 15px rgba(48,128,255,.18)!important;
 transform:translateY(-1px);
}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible {
 outline:2px solid #3080ff!important;
 outline-offset:2px;
}
.card-footer,.panel-footer {background:#222b3f!important;color:#d8e3fa!important}
.product-details-tab-container,.product-details-tab-container .tab-pane,
#tabOverview .tab-content,.tab-content.bg-white {
 background:#171d2a!important;
 color:#eef2fb!important;
 border:1px solid #2b3650;
 border-radius:0 0 12px 12px;
}
.product-details-tab-container a:not(.btn) {color:#82b5ff!important}
.product-details .product-icon,.product-details .product-icon-container {
 background:#222b3f!important;color:#eef2fb!important;
}
.product-details .product-icon * {color:#eef2fb}
.nav-tabs .nav-link {color:#d8e3fa!important;border-color:transparent!important}
.nav-tabs .nav-link.active {background:#1c2434!important;color:#fff!important;border:1px solid #2b3650!important;border-bottom-color:#1c2434!important}
.nav-tabs .nav-link:hover {color:#80b4ff!important}
.login-form .card {
 max-width:540px;
 margin-inline:auto;
 border:1px solid rgba(48,128,255,.48)!important;
 border-top:3px solid #3080ff!important;
 background:linear-gradient(155deg,#1d2536 0%,#111824 100%)!important;
 box-shadow:0 20px 55px rgba(0,0,0,.32),0 0 32px rgba(48,128,255,.14)!important;
}
.login-form .card:hover {transform:none}
.login-form .card-body {padding-top:2.25rem!important;padding-bottom:2.25rem!important}
.login-form h6.h3 {
 font-weight:750;
 font-size:1.8rem;
 letter-spacing:-.025em;
 color:#fff!important;
}
.login-form h6.h3:after {
 content:"";
 display:block;
 width:55px;
 height:3px;
 border-radius:3px;
 margin-top:14px;
 background:linear-gradient(90deg,#3080ff,#00b7d7,#00bb7f);
 box-shadow:0 0 16px rgba(48,128,255,.5);
}
.login-form .card-footer {border-top:1px solid #34415d!important}
.login-form .form-control-label,.login-form label {color:#e4edff!important}
.login-form .input-group-text {background:#222c42!important;color:#85b5ff!important}
.login-form .form-control:focus {box-shadow:0 0 0 .17rem rgba(48,128,255,.2)!important}
.login-form #login {min-width:120px;padding:.65rem 1.25rem}
.login-form a {color:#80b4ff!important}
.login-form a:hover {color:#b7d6ff!important}
@media(prefers-reduced-motion:reduce) {
 .card,.panel,.tile,.stat,.btn,.btn-primary {transition:none!important}
 .card:hover,.panel:hover,.tile:hover,.stat:hover,.btn:hover {transform:none!important}
}
@media(max-width:767px) {
 .card:hover,.panel:hover,.tile:hover,.stat:hover {transform:none}
 .login-form .card {margin:1rem auto}
 .navbar-brand .logo-img {max-height:54px}
}

/* Orbit Hosting / contrast and lighting pass — October 2026 */
:root{--orbit-glow-blue:rgba(48,128,255,.26);--orbit-glow-cyan:rgba(0,183,215,.16);--orbit-line:rgba(73,111,174,.33)}
/* Replace the flat look with the website's illuminated navy surfaces */
.card,.panel,.sidebar .panel,.tile,.stat,.product-details,
.modal-content,.list-group-item:not(.active){background:linear-gradient(145deg,#1c2435 0%,#151b28 76%,#111723 100%)!important}
.card,.panel,.tile,.stat,.product-details{border:1px solid #34425f!important}
.card:hover,.panel:hover,.tile:hover,.stat:hover{border-color:#428bff!important;box-shadow:0 12px 30px rgba(0,0,0,.25),0 0 22px rgba(48,128,255,.18)!important}
.card-header,.panel-heading{background:linear-gradient(100deg,#28334b 0%,#1b2437 100%)!important;border-bottom:1px solid #364766!important}
/* A restrained glowing top stripe on primary content panels */
#main-body .card:not(.sidebar .card),#main-body .panel:not(.sidebar .panel){border-top:2px solid #3080ff!important}
/* Keep the logo readable without a stark white pill */
.navbar-brand .logo-img{background:#dce7f7!important;border-radius:11px!important;padding:5px 9px!important;box-shadow:0 0 0 1px rgba(48,128,255,.35),0 0 17px rgba(48,128,255,.17)!important}
/* Restore proper text contrast on WHMCS / DataTables services list */
#tableServicesList,#tableServicesList_wrapper,
#tableServicesList thead,#tableServicesList tbody,
#tableServicesList tr,#tableServicesList th,#tableServicesList td,
.table-container,.dataTables_wrapper .dataTables_scroll,
.dataTables_wrapper .dataTables_scrollHead,
.dataTables_wrapper .dataTables_scrollBody{
 background:#181f2d!important;color:#edf3ff!important;border-color:#34415b!important
}
#tableServicesList thead th,#tableServicesList thead td{
 background:#253149!important;color:#f4f7ff!important;border-bottom:2px solid #3080ff!important
}
#tableServicesList tbody tr:nth-child(even){background:#1d2638!important}
#tableServicesList tbody tr:hover,#tableServicesList tbody tr:hover td{background:#253653!important}
#tableServicesList a,#tableServicesList td a{color:#86b7ff!important}
#tableServicesList .text-muted{color:#b0bdd5!important}
.dataTables_wrapper,.dataTables_wrapper label,.dataTables_info,.dataTables_length,
.dataTables_filter,.dataTables_paginate,.paginate_button{color:#dbe6fb!important}
.dataTables_wrapper .paginate_button:not(.current),.pagination .page-link{
 background:#1d2638!important;color:#dbe6fb!important;border-color:#34415b!important
}
.dataTables_wrapper .paginate_button.current,.pagination .page-item.active .page-link{
 background:#3080ff!important;color:#fff!important;border-color:#3080ff!important
}
/* Common tables and white utilities that the earlier version missed */
.table-responsive,.table-container,.dataTables_wrapper,
.table thead,.table tbody,.table tr,.table td,.table th,
.table-list,.table-list thead th,.table-list tbody td,
.table-list tbody tr,.dataTables_empty{
 background-color:#181f2d!important;color:#eef3ff!important;border-color:#34415b!important
}
.table-list tbody tr:nth-child(even),.table-striped tbody tr:nth-of-type(even){background-color:#1d2638!important}
.table-list tbody tr:hover,.table-list tbody tr:hover td{background-color:#253653!important}
/* Blue-cyan gradient accents, like Orbit's website sections */
.navbar-main,.main-navbar-wrapper{box-shadow:0 3px 22px rgba(0,183,215,.08)!important}
.btn-primary,.btn-success,.btn.btn-primary{background:linear-gradient(100deg,#2465f5,#3080ff 65%,#4c5ff3)!important;box-shadow:0 0 0 1px rgba(95,151,255,.2),0 6px 20px rgba(48,128,255,.26)!important}
.btn-primary:hover,.btn-success:hover,.btn.btn-primary:hover{box-shadow:0 0 24px rgba(48,128,255,.42),0 9px 24px rgba(48,128,255,.28)!important}
/* Cart listings outside the cart Shadow DOM (legacy Nexus orderform markup) */
#order-standard_cart .products .product,
#order-standard_cart .product,#order-standard_cart .product .product-header,
#order-standard_cart .products .product .header,
#order-standard_cart .products .product header,
#order-standard_cart .products .product .product-title,
#order-standard_cart .products .product .product-name,
#order-standard_cart .products .product .product-body{
 background:linear-gradient(150deg,#1d2638,#151b28)!important;color:#eef3ff!important;border-color:#34415b!important
}
#order-standard_cart .products .product .header,
#order-standard_cart .products .product .product-header{
 border-top:3px solid #3080ff!important;background:#253149!important
}
#order-standard_cart .products .product h3,#order-standard_cart .products .product h4,
#order-standard_cart .products .product p,#order-standard_cart .products .product li,
#order-standard_cart .products .product .price,#order-standard_cart .products .product .pricing,
#order-standard_cart .products .product .product-description{color:#eef3ff!important}
/* Consistent pill-like selected tabs, clear focus and reduced motion */
.nav-tabs .nav-link.active{border-top:2px solid #3080ff!important}
@media(prefers-reduced-motion:reduce){.card:hover,.panel:hover,.tile:hover,.stat:hover{transform:none!important}}


/* ================================================================
   ORBIT HOSTING / CINEMATIC THEME
   Inspired by the approved login concept; pure CSS, no mockup image.
   ================================================================ */
:root{--orbit-electric:#287dff;--orbit-sky:#00baf5;--orbit-teal:#00d0a2;--orbit-deep:#070c16;--orbit-panel:#111b2c;--orbit-line:#2c4770}
html,body{background:#070c16!important;color:#edf4ff!important}
body{background:radial-gradient(ellipse 70% 42% at 50% 8%,rgba(10,67,147,.16),transparent 72%),#070c16!important}
/* Night-sky lighting, rather than a large static screenshot */
#main-body,section#main-body,.main-body,.main-content,#content,.content-area{background:transparent!important}
#header,.header,.navbar,.navbar-light,.main-navbar-wrapper{background:linear-gradient(110deg,#071326 0%,#09162a 55%,#062225 100%)!important}
.main-navbar-wrapper,.navbar-main{border-bottom:3px solid transparent!important;border-image:linear-gradient(90deg,#287dff 0%,#00baf5 58%,#00d0a2 100%) 1!important;box-shadow:0 7px 26px rgba(0,98,190,.18)!important}
/* Existing dark-lettered brand artwork still requires a white-wordmark export.
   Remove the bulky white logo badge and use a restrained soft backing meanwhile. */
.navbar-brand .logo-img{background:rgba(231,242,255,.96)!important;border-radius:7px!important;padding:2px 5px!important;box-shadow:0 0 0 1px rgba(74,150,255,.28),0 0 22px rgba(48,128,255,.13)!important;max-height:67px}
/* Atmospheric login section, scoped so checkout forms remain untouched */
body:has(.orbit-login-form) #main-body,body:has(.orbit-login-form) section#main-body{
 position:relative;isolation:isolate;min-height:610px;
 background:radial-gradient(ellipse 42% 24% at 21% 85%,rgba(10,95,222,.26),transparent 75%),radial-gradient(ellipse 35% 30% at 80% 22%,rgba(5,54,128,.18),transparent 80%)!important
}
body:has(.orbit-login-form) #main-body:before,body:has(.orbit-login-form) section#main-body:before{
 content:"";position:absolute;z-index:-1;pointer-events:none;left:-10%;bottom:0;width:72%;height:42%;border-top:1px solid rgba(41,133,255,.38);border-radius:55% 55% 0 0;transform:rotate(-12deg);box-shadow:0 -10px 36px rgba(22,106,248,.14)
}
.orbit-login-form .card{
 max-width:690px!important;margin:42px auto 28px!important;
 background:radial-gradient(ellipse at 100% 0%,rgba(28,92,194,.16),transparent 55%),linear-gradient(145deg,#111d32 0%,#0b1527 100%)!important;
 border:1px solid rgba(67,138,255,.75)!important;border-radius:17px!important;
 box-shadow:0 24px 65px rgba(0,0,0,.45),0 0 38px rgba(29,108,248,.17)!important;
 overflow:hidden
}
.orbit-login-form .card:hover{transform:none!important}
.orbit-login-form .card-body{padding:39px 48px 35px!important}
.orbit-login-form .card-footer{background:rgba(32,49,78,.72)!important;padding:23px 48px!important;border-top:1px solid #294366!important}
.orbit-login-form h6.h3{font-size:30px!important;font-weight:750!important;letter-spacing:-.03em;color:#fff!important}
.orbit-login-form h6.h3:after{content:"";display:block;width:67px;height:3px;margin-top:15px;border-radius:10px;background:linear-gradient(90deg,#287dff,#00d0a2);box-shadow:0 0 15px rgba(32,156,255,.45)}
.orbit-login-form .text-muted{color:#b8c9e6!important}
.orbit-login-form .form-control-label{color:#f1f6ff!important;font-weight:550}
.orbit-login-form .form-control,.orbit-login-form .input-group-text,.orbit-login-form .btn-reveal-pw{
 background:#0a1221!important;border-color:#31578c!important;color:#eef4ff!important;min-height:46px
}
.orbit-login-form .input-group-text,.orbit-login-form .btn-reveal-pw{background:#1b2c48!important;color:#a4cbff!important}
.orbit-login-form .form-control:focus{border-color:#3d94ff!important;box-shadow:0 0 0 1px #3d94ff,0 0 20px rgba(48,128,255,.26)!important}
.orbit-login-form #login{min-width:190px;padding:12px 25px!important;background:linear-gradient(110deg,#1ca8ff,#356bff 64%,#6655f8)!important;box-shadow:0 0 23px rgba(36,130,255,.4)!important;font-weight:650}
.orbit-login-form #login:hover{box-shadow:0 0 30px rgba(36,130,255,.62)!important}
.orbit-login-form .card-footer a,.orbit-login-form a{color:#54c8ff!important}
.orbit-login-form .card-footer a:hover,.orbit-login-form a:hover{color:#a1e6ff!important}
/* Premium Orbit cards across client area */
.card,.panel,.tile,.stat,.sidebar .panel,.sidebar .card,.product-details,.modal-content{
 background:linear-gradient(155deg,#19253a,#111a2a 80%)!important;
 border:1px solid #2d4466!important;border-radius:14px!important;
 box-shadow:0 5px 20px rgba(0,0,0,.18)!important;
 transition:transform .23s ease,box-shadow .23s ease,border-color .23s ease!important
}
.card:hover,.panel:hover,.tile:hover,.stat:hover{transform:translateY(-3px);border-color:#3777d1!important;box-shadow:0 15px 36px rgba(0,0,0,.32),0 0 25px rgba(30,116,255,.15)!important}
.card-header,.panel-heading{background:linear-gradient(90deg,#233552,#1a2942)!important;border-color:#344b6b!important;color:#eef4ff!important}
.btn-primary,.btn-success,.btn.btn-primary{background:linear-gradient(110deg,#209fff,#2c6bff 64%,#5754f5)!important;border:1px solid #478aff!important;box-shadow:0 5px 19px rgba(41,117,255,.32)!important;border-radius:9px!important;color:white!important}
.btn-primary:hover,.btn-success:hover,.btn.btn-primary:hover{transform:translateY(-2px);box-shadow:0 9px 26px rgba(41,117,255,.53),0 0 20px rgba(41,117,255,.2)!important}
#footer,.footer{background:#0a1424!important;border-top:1px solid #253a59!important}
/* Table readability and form compatibility */
#tableServicesList,#tableServicesList td,#tableServicesList th,.table-list,.table-list td,.table-list th{background:#121d2e!important;color:#eef4ff!important;border-color:#2d4466!important}
#tableServicesList tr:hover td,.table-list tr:hover td{background:#1e3150!important}
.product-details-tab-container,.product-details-tab-container .tab-pane{background:#121d2e!important;color:#eef4ff!important}
/* OAuth button is provided by a separate plugin; don't replace its behavior */
@media(max-width:767px){.orbit-login-form .card{margin:24px 8px!important}.orbit-login-form .card-body{padding:28px 22px!important}.orbit-login-form .card-footer{padding:20px 22px!important}.orbit-login-form #login{min-width:120px}}
@media(prefers-reduced-motion:reduce){.card,.panel,.tile,.stat,.btn{transition:none!important}.card:hover,.panel:hover,.tile:hover,.stat:hover,.btn:hover{transform:none!important}}

/* Orbit Hosting: official transparent white-wordmark logo.
   Override previous light-badge styling without touching WHMCS branding. */
.navbar-brand .logo-img.orbit-logo-img {
  background:transparent!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  display:block;
  width:auto;
  height:auto;
  max-height:72px!important;
  max-width:180px!important;
  object-fit:contain;
  filter:drop-shadow(0 0 10px rgba(48,128,255,.20));
}
@media(max-width:767px){.navbar-brand .logo-img.orbit-logo-img{max-height:54px!important;max-width:145px!important}}

/* ================================================================
   ORBIT HOSTING / UNIVERSAL ATMOSPHERIC BACKGROUND — 2026-10-09
   Consistent on every Nexus client area page, not just login.
   ================================================================ */
html {background-color:#060b16!important;min-height:100%}
body {
  min-height:100vh;
  background-color:#060b16!important;
  background-image:
    radial-gradient(ellipse 52% 35% at 12% 77%,rgba(8,72,174,.23) 0%,rgba(8,72,174,.06) 50%,transparent 85%),
    radial-gradient(ellipse 48% 42% at 83% 14%,rgba(12,70,143,.17),transparent 75%),
    linear-gradient(160deg,#07101f 0%,#070c16 55%,#060b15 100%)!important;
  background-attachment:fixed!important;
  color:#eaf2ff!important;
}
/* Section wrappers must not cover the global canvas. */
#main-body,section#main-body,.main-body,.main-content,
#content,.content-area,.primary-content,
#order-standard_cart,.main-content .container,
section#main-body>.container,
#main-body>.container,
#main-body>.container-fluid {
  background-color:transparent!important;
  background-image:none!important;
}
/* The login used its own blue effect; avoid an abrupt visual change
   between the login and other screens. */
body:has(.orbit-login-form) #main-body,
body:has(.orbit-login-form) section#main-body {
  background:transparent!important;
}
body:has(.orbit-login-form) #main-body::before,
body:has(.orbit-login-form) section#main-body::before {
  display:none!important;
}
/* Page headers and breadcrumb surfaces: translucent rather than opaque. */
.breadcrumb-bar,.breadcrumb-container,.breadcrumb-section,
#main-body .page-header,.page-heading {
  background-color:rgba(11,20,36,.56)!important;
  color:#edf4ff!important;
}
/* Product cards should retain a distinct navy surface and readable titles. */
#order-standard_cart .products .product,
#order-standard_cart .products .product .product-body {
  background:linear-gradient(155deg,#1b273b,#111a2b)!important;
  color:#edf4ff!important;
  border-color:#2e496d!important;
}
#order-standard_cart .products .product .product-header,
#order-standard_cart .products .product .product-title,
#order-standard_cart .products .product .product-name,
#order-standard_cart .products .product h3,
#order-standard_cart .products .product h4,
#order-standard_cart .products .product h5,
#order-standard_cart .products .product .product-header * {
  color:#f5f8ff!important;
}
#order-standard_cart .products .product .product-header {
  background:linear-gradient(100deg,#243854,#19283e)!important;
  border-bottom:1px solid #3b5d86!important;
}
#order-standard_cart .products .product:hover {
  border-color:#3988ff!important;
  box-shadow:0 14px 34px rgba(0,0,0,.34),0 0 24px rgba(41,126,255,.20)!important;
}
/* Keep content readable on complex table views. */
.table,.table td,.table th,.dataTables_wrapper,.dataTables_wrapper label {
  color:#eaf2ff!important;
}
/* Make transparent logo blend into the shared header. */
.navbar-brand .logo-img.orbit-logo-img {
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  padding:0!important;
}
@media(max-width:767px){body{background-attachment:scroll!important}}

/* ===========================================================
   ORBIT HOSTING - PRODUCT AND ADDON TITLES (FINAL OVERRIDE)
   Matches the exact span confirmed using Firefox Inspector.
   =========================================================== */
#order-standard_cart .products .product > header,
#order-standard_cart .products .product header {
    background: linear-gradient(110deg,#142b4d,#1b3659) !important;
    border-bottom: 1px solid #318cff !important;
}

#order-standard_cart .products .product header span[id^="product"][id$="-name"],
#order-standard_cart .products .product header span[id$="-name"],
#order-standard_cart .products .product header > span:not(.qty),
#order-standard_cart .addons .panel-heading,
#order-standard_cart .addon-title {
    color: #318cff !important;
    -webkit-text-fill-color: #318cff !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: 0 0 12px rgba(49,140,255,.25) !important;
}