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

    ** MW Next Game Host Custom Theme **
    Optimised for the uploaded MW Next Game Host logo
    and WHMCS Twenty-One / 9.0.x.

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

:root {
    --primary: #6a3bff;
    --secondary: #55eaff;
    --success: #1ee3b1;
    --info: #55eaff;
    --warning: #ffad42;
    --danger: #ff5fe6;
    --light: #f4fbff;
    --dark: #070a19;

    --brand-bg: #050814;
    --brand-bg-lift: #0b1027;
    --brand-bg-soft: #12193a;
    --brand-surface: rgba(10, 14, 34, 0.88);
    --brand-surface-strong: rgba(17, 24, 54, 0.94);
    --brand-border: rgba(99, 227, 255, 0.18);
    --brand-border-strong: rgba(240, 98, 255, 0.35);
    --brand-text: #eaf8ff;
    --brand-text-muted: #9fb2cb;
    --brand-cyan: #63e3ff;
    --brand-cyan-deep: #18ccff;
    --brand-purple: #5e35ff;
    --brand-violet: #8840ff;
    --brand-pink: #f062ff;
    --brand-pink-deep: #d847ff;
    --brand-shadow: rgba(0, 0, 0, 0.45);
}

html {
    font-size: 15px;
}

body,
body.primary-bg-color {
    color: var(--brand-text);
    background:
        radial-gradient(circle at top left, rgba(99, 227, 255, 0.12), transparent 32%),
        radial-gradient(circle at top right, rgba(240, 98, 255, 0.11), transparent 28%),
        linear-gradient(180deg, #060816 0%, #090d20 35%, #050814 100%);
    min-height: 100vh;
}

a {
    color: var(--brand-cyan);
    transition: color 0.22s ease, opacity 0.22s ease, transform 0.22s ease;
}

a:hover,
a:focus {
    color: #a6f4ff;
    text-decoration: none;
}

.primary-bg-color {
    background-color: transparent;
}

header.header {
    background: transparent;
    box-shadow: none;
}

header.header .topbar {
    position: relative;
    z-index: 4;
    padding: 0.35rem 0;
    background: linear-gradient(90deg, rgba(8, 11, 28, 0.96), rgba(22, 12, 52, 0.96));
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(234, 248, 255, 0.78);
}

header.header .topbar .btn,
header.header .topbar .active-client .btn,
header.header .topbar .active-client .input-group-text {
    color: rgba(234, 248, 255, 0.78);
}

header.header .topbar .active-client .btn.btn-active-client span {
    border-bottom-color: rgba(99, 227, 255, 0.55);
}

.brand-stage {
    position: relative;
    overflow: hidden;
    padding: 1rem 0 1.4rem;
    background:
        radial-gradient(circle at 18% 30%, rgba(99, 227, 255, 0.18), transparent 30%),
        radial-gradient(circle at 82% 24%, rgba(240, 98, 255, 0.18), transparent 26%),
        linear-gradient(135deg, rgba(5, 8, 20, 0.98), rgba(14, 10, 34, 0.98) 48%, rgba(6, 9, 26, 0.98));
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.brand-stage-home {
    padding-top: 1.35rem;
    padding-bottom: 1.95rem;
}

.brand-stage-link {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: min(100%, 760px);
    min-height: 180px;
    padding: clamp(1rem, 2vw, 1.5rem);
    border-radius: 28px;
    border: 1px solid var(--brand-border);
    background:
        linear-gradient(145deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.015)),
        linear-gradient(135deg, rgba(10, 14, 34, 0.88), rgba(20, 11, 45, 0.92));
    box-shadow:
        0 28px 70px var(--brand-shadow),
        0 0 35px rgba(99, 227, 255, 0.09),
        inset 0 1px 0 rgba(255, 255, 255, 0.06);
    isolation: isolate;
}

.brand-stage-link::before,
.brand-stage-link::after {
    content: "";
    position: absolute;
    inset: auto;
    width: 220px;
    height: 220px;
    border-radius: 50%;
    filter: blur(30px);
    opacity: 0.55;
    z-index: 0;
}

.brand-stage-link::before {
    top: -80px;
    left: -40px;
    background: rgba(99, 227, 255, 0.22);
}

.brand-stage-link::after {
    right: -35px;
    bottom: -95px;
    background: rgba(240, 98, 255, 0.24);
}

.brand-stage-logo {
    position: relative;
    z-index: 1;
    width: min(430px, 72vw);
    height: auto;
    max-width: 100%;
    image-rendering: auto;
    filter:
        drop-shadow(0 0 20px rgba(99, 227, 255, 0.18))
        drop-shadow(0 0 28px rgba(240, 98, 255, 0.16))
        drop-shadow(0 8px 26px rgba(0, 0, 0, 0.34));
}

.brand-stage-inner .brand-stage-logo {
    width: min(340px, 62vw);
}

header.header .navbar.navbar-light,
header.header .main-navbar-wrapper {
    background: rgba(7, 10, 25, 0.86);
    backdrop-filter: blur(12px);
}

header.header .navbar.navbar-light {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

header.header .main-navbar-wrapper {
    padding: 0;
    border-bottom: 1px solid rgba(99, 227, 255, 0.08);
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.18);
}

header.header .main-navbar-wrapper .navbar-collapse {
    padding: 0.75rem 1rem;
}

header.header .navbar a,
header.header .navbar-nav a,
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-brand {
    color: var(--brand-text);
}

.navbar-light .navbar-nav .nav-link {
    opacity: 0.88;
}

.navbar-light .navbar-nav .nav-link:hover,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .show > .nav-link {
    color: #ffffff;
    opacity: 1;
}

header.header .navbar-brand {
    display: inline-flex;
    align-items: center;
    margin-right: 1.25rem !important;
    padding: 0.75rem 0;
}

header.header .logo-img {
    width: min(230px, 40vw);
    max-width: 100%;
    max-height: none;
    height: auto;
    image-rendering: auto;
    filter:
        drop-shadow(0 0 14px rgba(99, 227, 255, 0.18))
        drop-shadow(0 0 18px rgba(240, 98, 255, 0.16));
}

header.header .toolbar .nav-link {
    border-color: rgba(99, 227, 255, 0.16);
    background: rgba(255, 255, 255, 0.035);
    color: var(--brand-text);
}

header.header .toolbar .nav-link:hover {
    color: #fff;
    border-color: rgba(240, 98, 255, 0.34);
    background: rgba(255, 255, 255, 0.07);
}

header.header .toolbar .nav-link .badge {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink));
    color: #06101d;
    font-weight: 700;
    opacity: 1;
}

header.header .search {
    border-color: rgba(99, 227, 255, 0.18);
    background: rgba(255, 255, 255, 0.045);
    border-radius: 999px;
}

header.header .search:focus-within {
    border-color: rgba(240, 98, 255, 0.45);
    box-shadow: 0 0 0 4px rgba(99, 227, 255, 0.08);
}

header.header .search .btn {
    color: var(--brand-cyan);
    background: transparent;
}

header.header .search .form-control,
.form-control,
.custom-select,
.form-control:disabled,
.form-control[readonly] {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(99, 227, 255, 0.12);
    color: var(--brand-text);
}

header.header .search .form-control {
    background: transparent;
    border: 0;
}

.form-control::placeholder,
header.header .search .form-control::placeholder {
    color: var(--brand-text-muted);
}

.form-control:focus,
.custom-select:focus {
    color: var(--brand-text);
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(240, 98, 255, 0.38);
    box-shadow: 0 0 0 4px rgba(99, 227, 255, 0.08);
}

.master-breadcrumb {
    background: transparent;
    border: 0;
}

.breadcrumb {
    padding: 0.85rem 1.1rem;
    border: 1px solid rgba(99, 227, 255, 0.1);
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(8px);
}

.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
    color: var(--brand-text-muted);
}

#main-body {
    padding-top: 2rem;
}

h1, h2, h3, h4, h5, h6,
.card-title,
.section-title {
    color: #ffffff;
    letter-spacing: 0.01em;
}

p,
.text-muted,
.small,
small {
    color: var(--brand-text-muted) !important;
}

.card,
.panel,
.sidebar .card,
.modal-content,
.list-group-item,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate,
.table-container {
    color: var(--brand-text);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.94), rgba(18, 24, 56, 0.9));
    border: 1px solid rgba(99, 227, 255, 0.12);
    box-shadow: 0 18px 45px rgba(0, 0, 0, 0.22);
}

.card,
.panel,
.modal-content {
    border-radius: 24px;
    overflow: hidden;
}

.card-body,
.panel-body,
.modal-body,
.modal-footer,
.modal-header {
    border-color: rgba(255, 255, 255, 0.08);
}

.dropdown-menu,
.dropdown-item,
.popover,
.list-group-item {
    background-color: rgba(10, 14, 34, 0.98);
    color: var(--brand-text);
    border-color: rgba(99, 227, 255, 0.12);
}

.dropdown-item:hover,
.dropdown-item:focus,
.dropdown-item.active,
.dropdown-item:active {
    background: rgba(99, 227, 255, 0.12);
    color: #fff;
}

.nav-tabs {
    border-bottom-color: rgba(99, 227, 255, 0.14);
}

.nav-tabs .nav-link {
    color: var(--brand-text-muted);
    border: 1px solid transparent;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link.active {
    color: #fff;
    border-color: rgba(99, 227, 255, 0.16);
    background: rgba(255, 255, 255, 0.04);
}

.table,
.table td,
.table th {
    color: var(--brand-text);
    border-color: rgba(255, 255, 255, 0.08);
}

.table thead th {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.035);
}

.list-group-item {
    border-color: rgba(255, 255, 255, 0.06);
}

.btn {
    border-radius: 999px;
    font-weight: 600;
    letter-spacing: 0.01em;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}

.btn:hover,
.btn:focus {
    transform: translateY(-1px);
}

.btn-primary,
.btn.btn-primary,
.btn-success {
    color: #06101d;
    border: 0;
    background: linear-gradient(135deg, var(--brand-cyan) 0%, var(--brand-purple) 48%, var(--brand-pink) 100%);
    box-shadow: 0 14px 30px rgba(94, 53, 255, 0.25);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-success:hover,
.btn-success:focus {
    color: #06101d;
    box-shadow: 0 18px 34px rgba(94, 53, 255, 0.34);
}

.btn-outline-primary,
.btn-default,
.btn-outline-secondary {
    color: var(--brand-cyan);
    border-color: rgba(99, 227, 255, 0.26);
    background: rgba(255, 255, 255, 0.03);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus,
.btn-default:hover,
.btn-default:focus,
.btn-outline-secondary:hover,
.btn-outline-secondary:focus {
    color: #fff;
    border-color: rgba(240, 98, 255, 0.4);
    background: rgba(240, 98, 255, 0.12);
    box-shadow: 0 12px 26px rgba(240, 98, 255, 0.12);
}

.badge-info,
.badge-primary {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-purple));
    color: #06101d;
}

.alert,
.alert-info,
.alert-warning,
.alert-success,
.alert-danger {
    color: var(--brand-text);
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.045);
}

.action-icon-btns [class*="col-"] {
    margin-bottom: 1.5rem;
}

.action-icon-btns a[class*="card-accent-"] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    min-height: 100%;
    padding: 1.6rem 1rem;
    border-radius: 24px;
    color: var(--brand-text);
    overflow: hidden;
    border: 1px solid rgba(99, 227, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.015)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.96), rgba(18, 24, 56, 0.92));
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.22);
    text-decoration: none;
}

.action-icon-btns a[class*="card-accent-"]::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--accent, var(--brand-cyan)), rgba(255, 255, 255, 0));
}

.action-icon-btns a[class*="card-accent-"]:hover,
.action-icon-btns a[class*="card-accent-"]:focus {
    transform: translateY(-6px);
    border-color: rgba(240, 98, 255, 0.24);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.3);
}

.action-icon-btns figure.ico-container {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 76px;
    height: 76px;
    margin: 0;
    border-radius: 22px;
    background: linear-gradient(135deg, rgba(99, 227, 255, 0.18), rgba(240, 98, 255, 0.18));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.action-icon-btns figure.ico-container i {
    font-size: 1.9rem;
    color: #ffffff;
}

.card-accent-teal,
.card-accent-green,
.card-accent-midnight-blue {
    --accent: var(--brand-cyan);
}

.card-accent-pomegranate,
.card-accent-sun-flower {
    --accent: var(--brand-pink);
}

.card-accent-asbestos {
    --accent: var(--brand-purple);
}

.home .card,
.card-columns.home .card {
    border-radius: 26px;
}

.home .pricing-card-title {
    font-size: 1.45rem;
    margin-bottom: 0.75rem;
}

.sidebar .sidebar,
.sidebar .card {
    border-radius: 22px;
}

.panel-sidebar a.list-group-item.active,
.list-group-item.active {
    color: #fff;
    background: linear-gradient(135deg, rgba(99, 227, 255, 0.2), rgba(240, 98, 255, 0.16));
    border-color: rgba(240, 98, 255, 0.22);
}

.modal-header .close,
.close {
    color: #fff;
    opacity: 0.85;
    text-shadow: none;
}

footer.footer {
    margin-top: 4rem;
    padding-top: 2rem;
    padding-bottom: 2rem;
    color: var(--brand-text-muted);
    background:
        linear-gradient(180deg, rgba(7, 10, 25, 0), rgba(7, 10, 25, 0.84) 15%, rgba(7, 10, 25, 0.96));
    border-top: 1px solid rgba(99, 227, 255, 0.08);
}

footer.footer .nav-link,
footer.footer .btn,
footer.footer .copyright {
    color: var(--brand-text-muted);
}

footer.footer .nav-link:hover,
footer.footer .btn:hover {
    color: #ffffff;
}

.pagination .page-link {
    color: var(--brand-text);
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(99, 227, 255, 0.12);
}

.pagination .page-item.active .page-link,
.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #06101d;
    border-color: transparent;
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink));
    box-shadow: none;
}

.domain-search-bg,
.domain-search-result,
.featured-tld,
.landing-page {
    color: var(--brand-text);
}

@media (max-width: 1199.98px) {
    header.header .search {
        width: 260px;
    }
}

@media (max-width: 991.98px) {
    .brand-stage-home {
        padding-top: 1rem;
        padding-bottom: 1.4rem;
    }

    .brand-stage-link {
        min-height: 150px;
        border-radius: 22px;
    }

    header.header .logo-img {
        width: min(180px, 42vw);
    }

    header.header .main-navbar-wrapper .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }

    .breadcrumb {
        padding: 0.75rem 0.95rem;
    }
}

@media (max-width: 767.98px) {
    html {
        font-size: 14px;
    }

    .brand-stage {
        padding-top: 0.85rem;
        padding-bottom: 1.15rem;
    }

    .brand-stage-link {
        min-height: 120px;
        width: 100%;
        padding: 0.9rem;
    }

    .brand-stage-logo,
    .brand-stage-inner .brand-stage-logo {
        width: min(270px, 72vw);
    }

    header.header .logo-img {
        width: min(150px, 42vw);
    }

    header.header .toolbar .nav-link {
        padding: 0.5rem 0.75rem;
    }

    #main-body {
        padding-top: 1.5rem;
    }

    .card,
    .panel,
    .modal-content {
        border-radius: 20px;
    }
}


/* *****************************************************
   Refinement pass based on live screenshots
***************************************************** */

.brand-stage {
    display: none !important;
}

header.header .navbar.navbar-light,
header.header .main-navbar-wrapper {
    position: relative;
    z-index: 30;
}

header.header .navbar.navbar-light .container,
header.header .main-navbar-wrapper .container {
    align-items: center;
}

header.header .navbar-brand {
    min-height: 92px;
    padding: 0.4rem 0;
}

header.header .logo-img {
    width: min(210px, 33vw);
}

header.header .search {
    width: min(430px, 36vw);
}

header.header .main-navbar-wrapper .navbar-nav > li > a {
    display: flex;
    align-items: center;
    min-height: 52px;
    padding: 0.85rem 1rem;
    border-radius: 14px;
}

header.header .main-navbar-wrapper .navbar-nav > li > a:hover,
header.header .main-navbar-wrapper .navbar-nav > li.show > a,
header.header .main-navbar-wrapper .navbar-nav > li.active > a {
    background: rgba(255, 255, 255, 0.045);
}

header.header .main-navbar-wrapper .dropdown-toggle::after {
    margin-left: 0.45rem;
}

header.header .main-navbar-wrapper .dropdown-menu {
    margin-top: 0.55rem;
    padding: 0.55rem;
    min-width: 250px;
    border-radius: 18px;
    border: 1px solid rgba(99, 227, 255, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.98), rgba(18, 24, 56, 0.96)) !important;
    box-shadow: 0 26px 48px rgba(0, 0, 0, 0.38);
}

header.header .main-navbar-wrapper .dropdown-menu li.dropdown-item {
    padding: 0 !important;
    margin: 0;
    background: transparent !important;
    border: 0 !important;
}

header.header .main-navbar-wrapper .dropdown-menu a.dropdown-item {
    display: block;
    padding: 0.8rem 0.95rem !important;
    margin-bottom: 0.3rem;
    border-radius: 12px;
    white-space: normal;
    line-height: 1.35;
    color: var(--brand-text) !important;
    background: transparent !important;
}

header.header .main-navbar-wrapper .dropdown-menu li:last-child > a.dropdown-item {
    margin-bottom: 0;
}

header.header .main-navbar-wrapper .dropdown-divider {
    margin: 0.4rem 0;
    border-top-color: rgba(255, 255, 255, 0.08);
}

.panel-heading,
.card-header,
.panel-footer,
.card-footer,
.modal-header,
.modal-footer {
    background: rgba(255, 255, 255, 0.035) !important;
    color: #ffffff !important;
    border-color: rgba(99, 227, 255, 0.12) !important;
}

.panel-title,
.panel-heading h2,
.panel-heading h3,
.panel-heading h4,
.card-header h2,
.card-header h3,
.card-header h4 {
    color: #ffffff !important;
}

.dataTables_wrapper table.table-list,
table.table-list {
    border-color: rgba(99, 227, 255, 0.14) !important;
    background: transparent !important;
}

.dataTables_wrapper table.table-list thead th,
table.table-list thead th {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(99, 227, 255, 0.14) !important;
}

.table-list > tbody > tr > td,
table.table-list tbody td,
.table-list > tbody > tr > td a {
    background: rgba(8, 12, 31, 0.86) !important;
    color: var(--brand-text) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

.table-list > tbody > tr:hover > td,
table.table-list tbody tr:hover > td {
    background: rgba(99, 227, 255, 0.08) !important;
}

textarea,
textarea.form-control,
input.form-control,
select.form-control,
.custom-select,
.input-group-text {
    background: rgba(255, 255, 255, 0.045) !important;
    border-color: rgba(99, 227, 255, 0.14) !important;
    color: var(--brand-text) !important;
}

.input-group-text {
    color: var(--brand-text-muted) !important;
}

textarea::placeholder,
input::placeholder {
    color: var(--brand-text-muted) !important;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--brand-cyan);
}

.form-check-label,
.custom-control-label,
.checkbox-inline,
.radio-inline,
label {
    color: var(--brand-text) !important;
}

.sub-heading,
.sub-heading-borderless {
    color: #ffffff !important;
    border-bottom-color: rgba(99, 227, 255, 0.14) !important;
}

.sub-heading span {
    background: transparent !important;
    color: #ffffff !important;
}

.product-details-tab-container,
div.product-details div.product-icon,
.featured-tld,
.domain-pricing .tld-pricing-header .col-sm-2,
.domain-pricing .tld-pricing-header .col-sm-4,
.domain-pricing .tld-pricing-header .col-xs-2,
.domain-pricing .tld-pricing-header .col-xs-4,
.domain-pricing .tld-row.highlighted {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.94), rgba(18, 24, 56, 0.9)) !important;
    border-color: rgba(99, 227, 255, 0.14) !important;
    color: var(--brand-text) !important;
}

.bootstrap-switch {
    border-radius: 999px !important;
    overflow: hidden;
    border: 1px solid rgba(99, 227, 255, 0.18) !important;
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-label {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-purple)) !important;
    color: #06101d !important;
}

.bootstrap-switch .bootstrap-switch-handle-off {
    background: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

/* Standard cart/order form hard overrides */
#order-standard_cart .panel,
#order-standard_cart .panel-default,
#order-standard_cart .order-summary,
#order-standard_cart .summary-container,
#order-standard_cart .promo-container,
#order-standard_cart .cart-body,
#order-standard_cart .products,
#order-standard_cart .product,
#order-standard_cart .product-info,
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-item,
#order-standard_cart .view-cart-tabs,
#order-standard_cart .field-container,
#order-standard_cart .payment-methods,
#order-standard_cart .logincontainer,
#order-standard_cart .sub-heading,
#order-standard_cart .sub-heading-borderless,
#order-standard_cart .addon-selector-container,
#order-standard_cart .domain-selection-options .option,
#order-standard_cart .empty-cart,
#order-standard_cart .checkout-security,
#order-standard_cart .secondary-cart-sidebar,
#order-standard_cart .cart-sidebar {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.96), rgba(18, 24, 56, 0.92)) !important;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
    color: var(--brand-text) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
}

#order-standard_cart .panel-heading,
#order-standard_cart .summary-container .panel-heading,
#order-standard_cart .promo-container .header,
#order-standard_cart .view-cart-items-header,
#order-standard_cart .cart-heading,
#order-standard_cart .section-heading {
    background: rgba(255, 255, 255, 0.04) !important;
    color: #ffffff !important;
    border-bottom: 1px solid rgba(99, 227, 255, 0.14) !important;
}

#order-standard_cart .summary-container,
#order-standard_cart .order-summary,
#order-standard_cart .promo-container,
#order-standard_cart .panel,
#order-standard_cart .product,
#order-standard_cart .view-cart-items,
#order-standard_cart .view-cart-item {
    border-radius: 24px !important;
    overflow: hidden;
}

#order-standard_cart .panel-body,
#order-standard_cart .summary-body,
#order-standard_cart .summary-totals,
#order-standard_cart .summary-total,
#order-standard_cart .subtotal,
#order-standard_cart .total-due-today,
#order-standard_cart .line-item,
#order-standard_cart .item,
#order-standard_cart .item-title,
#order-standard_cart .product-title,
#order-standard_cart .product-desc,
#order-standard_cart .pricing,
#order-standard_cart .feature,
#order-standard_cart .field,
#order-standard_cart p,
#order-standard_cart label,
#order-standard_cart span,
#order-standard_cart div {
    color: inherit;
}

#order-standard_cart table,
#order-standard_cart table td,
#order-standard_cart table th {
    background: transparent !important;
    color: var(--brand-text) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
}

#order-standard_cart textarea,
#order-standard_cart textarea.form-control,
#order-standard_cart input.form-control,
#order-standard_cart select.form-control,
#order-standard_cart .input-group-text,
#order-standard_cart .form-control,
#order-standard_cart .custom-select {
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--brand-text) !important;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
    box-shadow: none !important;
}

#order-standard_cart .btn-default,
#order-standard_cart .btn-secondary,
#order-standard_cart .btn-link,
#order-standard_cart .secondary-cart-sidebar .btn {
    color: var(--brand-cyan) !important;
}

#order-standard_cart .btn-danger,
#order-standard_cart .btn-remove-from-cart {
    border: 1px solid rgba(240, 98, 255, 0.24) !important;
    background: rgba(240, 98, 255, 0.12) !important;
    color: #ffffff !important;
}

#order-standard_cart .text-muted,
#order-standard_cart small,
#order-standard_cart .small {
    color: var(--brand-text-muted) !important;
}

#order-standard_cart .checkbox,
#order-standard_cart .radio,
#order-standard_cart .form-check,
#order-standard_cart .custom-control {
    color: var(--brand-text) !important;
}

#order-standard_cart .checkbox input,
#order-standard_cart .radio input,
#order-standard_cart .form-check input,
#order-standard_cart .custom-control input {
    accent-color: var(--brand-cyan);
}

#order-standard_cart .alert-info,
#order-standard_cart .alert-warning,
#order-standard_cart .alert-danger,
#order-standard_cart .alert-success {
    background: rgba(255, 255, 255, 0.05) !important;
    color: var(--brand-text) !important;
}

@media (max-width: 1199.98px) {
    header.header .navbar-brand {
        min-height: 80px;
    }

    header.header .logo-img {
        width: min(180px, 44vw);
    }

    header.header .main-navbar-wrapper .dropdown-menu {
        position: static !important;
        float: none;
        width: 100%;
        min-width: 100%;
        margin-top: 0.25rem;
        transform: none !important;
    }

    header.header .main-navbar-wrapper .navbar-nav > li > a {
        min-height: 48px;
        padding: 0.75rem 0.9rem;
    }
}

@media (max-width: 767.98px) {
    header.header .navbar-brand {
        min-height: 70px;
    }

    header.header .logo-img {
        width: min(155px, 44vw);
    }

    header.header .toolbar .nav-link {
        padding: 0.5rem 0.75rem;
    }
}


/* *****************************************************
   V3 refinement pass: menu, admin link, client area cards
***************************************************** */

@media (min-width: 1200px) {
    .container {
        max-width: 1320px;
    }

    header.header .navbar.navbar-light .container,
    header.header .main-navbar-wrapper .container {
        max-width: 1380px;
    }
}

header.header .navbar.navbar-light .container {
    display: flex;
    align-items: center;
    gap: 1rem;
}

header.header .navbar-brand {
    min-height: 76px;
    padding: 0.25rem 0;
    margin-right: 0.75rem !important;
}

header.header .logo-img {
    width: min(148px, 24vw);
}

header.header .search {
    width: min(390px, 32vw);
}

header.header .toolbar {
    display: flex;
    align-items: center;
    margin-left: 0.25rem;
}

header.header .toolbar .nav-item {
    margin-left: 0.65rem !important;
}

header.header .main-navbar-wrapper .navbar-collapse {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
}

header.header .main-navbar-wrapper .primary-nav-list,
header.header .main-navbar-wrapper .secondary-nav-list {
    align-items: center;
    gap: 0.25rem;
}

header.header .main-navbar-wrapper .primary-nav-list {
    flex: 1 1 auto;
}

header.header .main-navbar-wrapper .secondary-nav-list {
    flex: 0 0 auto;
}

header.header .main-navbar-wrapper .navbar-nav > li {
    margin: 0;
}

header.header .main-navbar-wrapper .navbar-nav > li > a,
header.header .main-navbar-wrapper .navbar-nav > li > .nav-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 46px;
    padding: 0.72rem 0.92rem;
    font-size: 0.98rem;
    font-weight: 600;
    border-radius: 14px;
    white-space: nowrap;
}

header.header .main-navbar-wrapper .secondary-nav-list > li > a {
    padding-left: 0.82rem;
    padding-right: 0.82rem;
}

header.header .main-navbar-wrapper .nav-item-admin .nav-admin-link {
    background: linear-gradient(135deg, rgba(99, 227, 255, 0.14), rgba(240, 98, 255, 0.14));
    border: 1px solid rgba(99, 227, 255, 0.16);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
}

header.header .main-navbar-wrapper .nav-item-admin .nav-admin-link:hover,
header.header .main-navbar-wrapper .nav-item-admin .nav-admin-link:focus {
    background: linear-gradient(135deg, rgba(99, 227, 255, 0.22), rgba(240, 98, 255, 0.22));
}

header.header .main-navbar-wrapper .nav-item-admin .nav-admin-link i {
    margin-right: 0.5rem;
    color: var(--brand-cyan);
}

header.header .main-navbar-wrapper .dropdown-menu {
    min-width: 280px;
}

header.header .main-navbar-wrapper .collapsable-dropdown {
    margin-left: 0.15rem;
}

.tiles .tile,
a.tile {
    position: relative;
    display: block;
    overflow: hidden;
    min-height: 192px;
    padding: 1.6rem 1.4rem 1.2rem;
    border-radius: 24px;
    border: 1px solid rgba(99, 227, 255, 0.14);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.015)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.96), rgba(18, 24, 56, 0.92)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24);
    color: var(--brand-text) !important;
}

.tiles .tile i,
.tiles .tile .stat,
.tiles .tile .title,
.tiles .tile .highlight {
    position: relative;
    z-index: 1;
}

.tiles .tile i {
    color: rgba(255, 255, 255, 0.72) !important;
}

.tiles .tile .stat {
    color: var(--brand-cyan) !important;
}

.tiles .tile .title {
    color: rgba(255, 255, 255, 0.82) !important;
}

.tiles .tile .highlight {
    height: 3px;
    opacity: 0.9;
}

#main-body input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),
#main-body select,
#main-body textarea,
.dataTables_wrapper .dataTables_length select,
.dataTables_wrapper .dataTables_filter input {
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--brand-text) !important;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
    box-shadow: none !important;
}

.dataTables_wrapper .dataTables_filter label .form-control {
    background: rgba(255, 255, 255, 0.045) !important;
    padding-left: 1rem !important;
}

.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_paginate {
    color: var(--brand-text) !important;
}

.dataTables_wrapper .paginate_button,
.dataTables_wrapper .paginate_button a,
.dataTables_wrapper .paginate_button .page-link,
.pagination .page-link,
.page-item .page-link {
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--brand-text) !important;
    border-color: rgba(99, 227, 255, 0.14) !important;
    box-shadow: none !important;
}

.dataTables_wrapper .paginate_button.current,
.dataTables_wrapper .paginate_button.current a,
.dataTables_wrapper .paginate_button:hover,
.dataTables_wrapper .paginate_button:hover a,
.dataTables_wrapper .paginate_button .page-link:hover,
.pagination .page-item.active .page-link,
.pagination .page-link:hover,
.pagination .page-link:focus {
    color: #06101d !important;
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink)) !important;
    border-color: transparent !important;
}

.status,
.label.status {
    border-radius: 999px;
    padding: 0.36rem 0.72rem;
    font-weight: 700;
}

.bootstrap-switch {
    min-width: 136px;
    border-radius: 999px !important;
}

.bootstrap-switch .bootstrap-switch-container {
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    padding: 0.45rem 0.8rem !important;
    font-size: 0.95rem !important;
    line-height: 1.2 !important;
}

.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
    min-width: 58px;
}

.bootstrap-switch .bootstrap-switch-label {
    background: rgba(255, 255, 255, 0.06) !important;
    color: transparent !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
    -webkit-text-fill-color: var(--brand-text) !important;
    box-shadow: 0 0 0 1000px rgba(16, 21, 46, 1) inset !important;
    transition: background-color 99999s ease-in-out 0s;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
}

.btn-return-to-admin {
    position: static !important;
    inset: auto !important;
    transform: none !important;
    border-radius: 999px !important;
}

@media (max-width: 1199.98px) {
    header.header .navbar.navbar-light .container {
        gap: 0.5rem;
    }

    header.header .navbar-brand {
        min-height: 70px;
    }

    header.header .logo-img {
        width: min(132px, 36vw);
    }

    header.header .search {
        width: 100%;
        max-width: none;
    }

    header.header .main-navbar-wrapper .navbar-collapse {
        display: block;
    }

    header.header .main-navbar-wrapper .primary-nav-list,
    header.header .main-navbar-wrapper .secondary-nav-list {
        display: block;
    }

    header.header .main-navbar-wrapper .navbar-nav > li > a,
    header.header .main-navbar-wrapper .navbar-nav > li > .nav-link {
        justify-content: flex-start;
        width: 100%;
    }

    header.header .main-navbar-wrapper .nav-item-admin .nav-admin-link {
        margin-top: 0.35rem;
    }
}

@media (max-width: 767.98px) {
    .tiles .tile,
    a.tile {
        min-height: 160px;
        padding: 1.25rem 1rem 1rem;
    }
}


/* *****************************************************
   V4 refinement pass: breadcrumb cleanup, service page fixes,
   pricing cards and native control overrides
***************************************************** */

header.header .main-navbar-wrapper .primary-nav-list {
    gap: 0.08rem;
    flex-wrap: nowrap;
}

header.header .main-navbar-wrapper .navbar-nav > li > a,
header.header .main-navbar-wrapper .navbar-nav > li > .nav-link {
    padding: 0.72rem 0.82rem;
}

header.header .main-navbar-wrapper .secondary-nav-list {
    margin-left: 1rem;
}

.master-breadcrumb:empty,
.master-breadcrumb .breadcrumb:empty {
    display: none !important;
}

.product-status .product-icon .fa-circle,
.product-status .product-icon .fa-stack-2x {
    color: rgba(99, 227, 255, 0.16) !important;
}

.product-status .product-icon .fa-stack-1x,
.product-status .product-icon .fa-inverse {
    color: var(--brand-cyan) !important;
}

.product-status .product-status-text {
    background: rgba(255, 255, 255, 0.05) !important;
    color: #ffffff !important;
    border-top: 1px solid rgba(99, 227, 255, 0.12) !important;
}

#main-body select option,
#main-body .custom-select option,
#order-standard_cart select option,
#order-standard_cart .custom-select option {
    background: #101634 !important;
    color: #f4fbff !important;
}

.bootstrap-select .dropdown-menu,
.bootstrap-select .dropdown-menu .dropdown-item,
.select2-dropdown,
.select2-results__option,
.selectize-dropdown,
.selectize-dropdown .option,
.dropdown-menu.inner,
.dropdown-menu.inner .dropdown-item {
    background: #101634 !important;
    color: #f4fbff !important;
}

#order-standard_cart .products .product,
#order-standard_cart .products .product .header,
#order-standard_cart .products .product .body,
#order-standard_cart .products .product .footer,
#order-standard_cart .products .product ul,
#order-standard_cart .products .product ul li,
#order-standard_cart .products .product div,
#order-standard_cart .products .product p,
#order-standard_cart .products .product span,
#order-standard_cart .product-price,
#order-standard_cart .product-pricing,
#order-standard_cart .package-features,
#order-standard_cart .package-features li,
#order-standard_cart .price-table-container,
#order-standard_cart .price-table-container .panel,
#order-standard_cart .price-table-container .panel-body,
#order-standard_cart .price-table-container .panel-footer,
#order-standard_cart .price-table-container .panel-heading {
    color: var(--brand-text) !important;
}

#order-standard_cart .products .product,
#order-standard_cart .price-table-container .panel,
#order-standard_cart .package-features,
#order-standard_cart .products .product ul {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.96), rgba(18, 24, 56, 0.92)) !important;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.24) !important;
}

#order-standard_cart .products .product .header,
#order-standard_cart .price-table-container .panel-heading {
    background: linear-gradient(180deg, rgba(14, 111, 163, 0.9), rgba(13, 84, 129, 0.9)) !important;
    color: #ffffff !important;
}

#order-standard_cart .products .product .body,
#order-standard_cart .products .product .footer,
#order-standard_cart .products .product ul li,
#order-standard_cart .package-features li,
#order-standard_cart .price-table-container .panel-body,
#order-standard_cart .price-table-container .panel-footer {
    background: transparent !important;
}

#order-standard_cart .view-cart-item,
#order-standard_cart .view-cart-item > div,
#order-standard_cart .view-cart-items .item,
#order-standard_cart .view-cart-items .item > div,
#order-standard_cart .promo-container,
#order-standard_cart .promo-container > div,
#order-standard_cart .promo-code,
#order-standard_cart .promo-code > div,
#order-standard_cart .promo-code form,
#order-standard_cart .promo-code .form-group,
#order-standard_cart .view-cart-tabs,
#order-standard_cart .tab-content,
#order-standard_cart .tab-pane,
#order-standard_cart .cart-body {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.96), rgba(18, 24, 56, 0.92)) !important;
    color: var(--brand-text) !important;
    border-color: rgba(99, 227, 255, 0.14) !important;
}

#order-standard_cart .view-cart-item *,
#order-standard_cart .promo-container *,
#order-standard_cart .promo-code *,
#order-standard_cart .tab-content * {
    color: inherit;
}

#order-standard_cart .view-cart-item .form-control,
#order-standard_cart .promo-container .form-control,
#order-standard_cart .promo-code .form-control,
#order-standard_cart .view-cart-item input,
#order-standard_cart .promo-container input,
#order-standard_cart .promo-code input {
    background: rgba(255, 255, 255, 0.045) !important;
    color: var(--brand-text) !important;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
}

#main-body a.btn[href*="action=cancel"],
#main-body a.btn[href*="cancel="],
#main-body .product-actions-wrapper .btn-danger,
#main-body .product-actions-wrapper .btn[href*="cancel"],
#main-body .btn.btn-secondary,
#main-body .btn.btn-default {
    color: var(--brand-cyan) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    border: 1px solid rgba(99, 227, 255, 0.26) !important;
    box-shadow: none !important;
}

#main-body a.btn[href*="action=cancel"]:hover,
#main-body a.btn[href*="cancel="]:hover,
#main-body .product-actions-wrapper .btn-danger:hover,
#main-body .product-actions-wrapper .btn[href*="cancel"]:hover,
#main-body .btn.btn-secondary:hover,
#main-body .btn.btn-default:hover {
    color: #ffffff !important;
    background: rgba(240, 98, 255, 0.12) !important;
    border-color: rgba(240, 98, 255, 0.34) !important;
}

@media (min-width: 1200px) {
    header.header .main-navbar-wrapper .primary-nav-list {
        margin-right: 0.5rem;
    }
}


/* *****************************************************
   V5 cleanup pass: admin link removal, ticket label, breadcrumb/title,
   promo/cart polish and editor/file input dark mode
***************************************************** */

header.header .main-navbar-wrapper .nav-item-admin,
header.header .main-navbar-wrapper a[href*="returntoadmin"],
header.header .main-navbar-wrapper a[href*="Admin/Login"],
header.header .main-navbar-wrapper a[href*="admin/login"] {
    display: none !important;
}

.master-breadcrumb {
    display: none;
}

#order-standard_cart .view-cart-tabs .nav-link,
#order-standard_cart .view-cart-tabs .nav-item > a,
#order-standard_cart .promo-code .nav-tabs .nav-link,
#order-standard_cart .promo-code .nav-tabs > li > a,
#order-standard_cart .promo-container .nav-tabs .nav-link,
#order-standard_cart .promo-container .nav-tabs > li > a,
#order-standard_cart .view-cart-tabs .nav-tabs .nav-link,
#order-standard_cart .view-cart-tabs .nav-tabs > li > a {
    background: linear-gradient(145deg, rgba(18, 24, 56, 0.96), rgba(11, 18, 43, 0.94)) !important;
    color: var(--brand-text) !important;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
    border-bottom-color: rgba(99, 227, 255, 0.14) !important;
}

#order-standard_cart .view-cart-tabs .nav-link.active,
#order-standard_cart .view-cart-tabs .nav-item.active > a,
#order-standard_cart .promo-code .nav-tabs .nav-link.active,
#order-standard_cart .promo-code .nav-tabs > li.active > a,
#order-standard_cart .promo-container .nav-tabs .nav-link.active,
#order-standard_cart .promo-container .nav-tabs > li.active > a,
#order-standard_cart .view-cart-tabs .nav-tabs > li.active > a {
    background: linear-gradient(135deg, rgba(99, 227, 255, 0.16), rgba(240, 98, 255, 0.12)) !important;
    color: #ffffff !important;
}

#order-standard_cart .products .product,
#order-standard_cart .products .product > div,
#order-standard_cart .products .product ul,
#order-standard_cart .products .product ul li,
#order-standard_cart .products .product .package-features,
#order-standard_cart .products .product .package-features li,
#order-standard_cart .products .product .feature,
#order-standard_cart .products .product .feature-value,
#order-standard_cart .products .product .pricing,
#order-standard_cart .products .product .price,
#order-standard_cart .products .product .description {
    background-color: transparent !important;
}

#order-standard_cart .products .product,
#order-standard_cart .products .product * {
    color: var(--brand-text) !important;
}

#order-standard_cart .products .product .header,
#order-standard_cart .products .product .header *,
#order-standard_cart .products .product .pricing,
#order-standard_cart .products .product .pricing *,
#order-standard_cart .products .product .price,
#order-standard_cart .products .product .price * {
    color: #ffffff !important;
}

.md-editor,
.md-editor .md-header,
.md-editor .md-footer,
.md-editor .btn-toolbar,
.md-editor .btn-group,
.md-editor .btn,
.md-editor .btn-default,
.md-editor .md-controls,
.markdown-editor-status {
    background: linear-gradient(145deg, rgba(18, 24, 56, 0.96), rgba(11, 18, 43, 0.94)) !important;
    color: var(--brand-text) !important;
    border-color: rgba(99, 227, 255, 0.14) !important;
}

.md-editor .btn,
.md-editor .btn-default {
    color: var(--brand-cyan) !important;
}

.md-editor textarea,
.md-editor .md-preview {
    background: linear-gradient(145deg, rgba(10, 14, 36, 0.98), rgba(17, 24, 55, 0.96)) !important;
    color: var(--brand-text) !important;
    border-color: rgba(99, 227, 255, 0.14) !important;
}

.custom-file-label,
.custom-file-label::after,
.custom-file input,
.custom-file .btn,
input[type="file"],
input[type="file"]::file-selector-button {
    background: linear-gradient(145deg, rgba(18, 24, 56, 0.96), rgba(11, 18, 43, 0.94)) !important;
    color: var(--brand-text) !important;
    border-color: rgba(99, 227, 255, 0.14) !important;
}

.tiles .tile i,
.client-home-cards .tile i,
.tile i.fas,
.tile i.far {
    color: var(--brand-cyan) !important;
}


/* *****************************************************
   V6 final polish: title/admin fallbacks, cancel labels,
   strength bar and stubborn orderform card backgrounds
***************************************************** */

header.header .main-navbar-wrapper li[menuitemname*="Admin"],
header.header .main-navbar-wrapper li[id*="Admin"],
header.header .main-navbar-wrapper a[title*="Admin"],
header.header .main-navbar-wrapper a[href*="returntoadmin"],
header.header .main-navbar-wrapper a[href*="logout.php?returntoadmin=1"],
header.header .main-navbar-wrapper .btn-return-to-admin,
.btn-logged-in-admin,
.nav-item-admin {
    display: none !important;
}

#passwordStrengthBar,
.password-strength-meter,
.progress.password-strength {
    background: rgba(255, 255, 255, 0.08) !important;
    border: 1px solid rgba(99, 227, 255, 0.14) !important;
    border-radius: 999px !important;
    overflow: hidden !important;
    box-shadow: none !important;
}

#passwordStrengthBar .progress-bar,
.password-strength-meter .progress-bar,
.progress.password-strength .progress-bar {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink)) !important;
    box-shadow: none !important;
}

#order-standard_cart .products .product,
#order-standard_cart .products .product .header,
#order-standard_cart .products .product .footer,
#order-standard_cart .products .product .body,
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-desc *,
#order-standard_cart .products .product .package-features,
#order-standard_cart .products .product .package-features *,
#order-standard_cart .products .product .feature,
#order-standard_cart .products .product .feature *,
#order-standard_cart .products .product .pricing,
#order-standard_cart .products .product .pricing *,
#order-standard_cart .products .product .price,
#order-standard_cart .products .product .price *,
#order-standard_cart .products .product .package-price,
#order-standard_cart .products .product .package-price *,
#order-standard_cart .products .product li,
#order-standard_cart .products .product p,
#order-standard_cart .products .product span,
#order-standard_cart .products .product strong,
#order-standard_cart .products .product small {
    background-color: transparent !important;
    background-image: none !important;
    color: var(--brand-text) !important;
}

#order-standard_cart .products .product {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.96), rgba(18, 24, 56, 0.92)) !important;
}

#order-standard_cart .products .product .header,
#order-standard_cart .products .product .header * {
    background: linear-gradient(180deg, rgba(14, 111, 163, 0.9), rgba(13, 84, 129, 0.9)) !important;
    color: #ffffff !important;
}

#order-standard_cart .products .product .btn,
#order-standard_cart .products .product button,
#order-standard_cart .products .product input[type="submit"],
#order-standard_cart .products .product input[type="button"] {
    background: linear-gradient(180deg, rgba(14, 111, 163, 0.95), rgba(13, 84, 129, 0.95)) !important;
    color: #ffffff !important;
    border-color: rgba(99, 227, 255, 0.16) !important;
}

.client-home-panels .tiles,
.client-home-panels .tiles .tile,
.client-home-cards .row,
.client-home-cards .tile {
    align-items: stretch;
}

.client-home-panels .tile,
.client-home-cards .tile {
    min-height: 170px;
}


/* *****************************************************
   V7 final cleanup: favicon, dashboard icons and pricing cards
***************************************************** */

.tiles .tile,
.client-home-panels .tile,
.client-home-cards .tile,
a.tile {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    gap: 0.2rem;
    padding-top: 5.75rem !important;
}

.tiles .tile > i,
.tiles .tile .mw-tile-icon,
.tiles .tile .mw-tile-icon i,
.client-home-panels .tile > i,
.client-home-panels .tile .mw-tile-icon,
.client-home-panels .tile .mw-tile-icon i,
.client-home-cards .tile > i,
.client-home-cards .tile .mw-tile-icon,
.client-home-cards .tile .mw-tile-icon i,
a.tile > i,
a.tile .mw-tile-icon,
a.tile .mw-tile-icon i {
    position: absolute !important;
    top: 1.35rem !important;
    left: 1.35rem !important;
    right: auto !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 3.5rem !important;
    height: 3.5rem !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 2.7rem !important;
    line-height: 1 !important;
    color: var(--brand-cyan) !important;
    transform: none !important;
    text-shadow: 0 0 16px rgba(99, 227, 255, 0.18);
}

.tiles .tile:hover > i,
.tiles .tile:hover .mw-tile-icon i,
.client-home-panels .tile:hover > i,
.client-home-panels .tile:hover .mw-tile-icon i,
.client-home-cards .tile:hover > i,
.client-home-cards .tile:hover .mw-tile-icon i,
a.tile:hover > i,
a.tile:hover .mw-tile-icon i {
    font-size: 2.7rem !important;
    transform: none !important;
}

.tiles .tile .stat,
.client-home-panels .tile .stat,
.client-home-cards .tile .stat,
a.tile .stat {
    margin-top: 0 !important;
}

/* Dynamic store / custom pricing cards */
.pricing-grid {
    gap: 28px !important;
}

.pricing-card {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.97), rgba(18, 24, 56, 0.93)) !important;
    border: 1px solid rgba(99, 227, 255, 0.16) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
    color: var(--brand-text) !important;
}

.pricing-card,
.pricing-card * {
    color: var(--brand-text) !important;
}

.pricing-card .plan-name,
.pricing-card .price-amount,
.pricing-card .price-period,
.pricing-card .plan-description,
.pricing-card .feature-item,
.pricing-card .feature-item span,
.pricing-card .feature-item i {
    color: inherit !important;
}

.pricing-card .price-amount,
.pricing-card .feature-item i {
    color: var(--brand-cyan) !important;
}

.pricing-card .plan-button {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink)) !important;
    border: 0 !important;
    color: #06101d !important;
    box-shadow: 0 18px 36px rgba(106, 71, 255, 0.18) !important;
}

.pricing-card .plan-button:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.04);
}

/* Standard cart product selection cards */
#order-standard_cart .products .product,
#order-standard_cart .products .product > div,
#order-standard_cart .products .product .header,
#order-standard_cart .products .product .header h3,
#order-standard_cart .products .product .header h4,
#order-standard_cart .products .product .header p,
#order-standard_cart .products .product .pricing,
#order-standard_cart .products .product .pricing *,
#order-standard_cart .products .product .body,
#order-standard_cart .products .product .footer,
#order-standard_cart .products .product ul,
#order-standard_cart .products .product ul li,
#order-standard_cart .products .product .package-features,
#order-standard_cart .products .product .package-features li,
#order-standard_cart .products .product .feature,
#order-standard_cart .products .product .feature-value,
#order-standard_cart .products .product .price,
#order-standard_cart .products .product .price *,
#order-standard_cart .products .product .description,
#order-standard_cart .products .product .description *,
#order-standard_cart .products .product .product-desc,
#order-standard_cart .products .product .product-desc * {
    color: var(--brand-text) !important;
    background-color: transparent !important;
    background-image: none !important;
}

#order-standard_cart .products .product {
    overflow: hidden !important;
    border-radius: 24px !important;
    border: 1px solid rgba(99, 227, 255, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.97), rgba(18, 24, 56, 0.93)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

#order-standard_cart .products .product .header,
#order-standard_cart .products .product .pricing {
    background: linear-gradient(180deg, rgba(14, 111, 163, 0.92), rgba(13, 84, 129, 0.92)) !important;
    color: #ffffff !important;
}

#order-standard_cart .products .product ul li,
#order-standard_cart .products .product .package-features li {
    border-top: 1px solid rgba(99, 227, 255, 0.08) !important;
}

#order-standard_cart .products .product .btn,
#order-standard_cart .products .product button,
#order-standard_cart .products .product input[type="submit"],
#order-standard_cart .products .product input[type="button"] {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink)) !important;
    color: #06101d !important;
    border: 0 !important;
}

/* Password strength visibility */
#passwordStrengthBar,
#passwordStrengthBar.progress,
#passwordStrengthBar .progress-bar {
    min-height: 12px !important;
    height: 12px !important;
}

#passwordStrengthBar .progress-bar {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink)) !important;
}


/* *****************************************************
   V8 polish: order form card dark mode + dashboard icon layout
***************************************************** */

/* Default/standard order form product selection */
#main-body .products .product,
#main-body .products .product > div,
#main-body .products .product .header,
#main-body .products .product .header *,
#main-body .products .product .pricing,
#main-body .products .product .pricing *,
#main-body .products .product .body,
#main-body .products .product .footer,
#main-body .products .product .product-desc,
#main-body .products .product .product-desc *,
#main-body .products .product .description,
#main-body .products .product .description *,
#main-body .products .product ul,
#main-body .products .product ul li,
#main-body .products .product .package-features,
#main-body .products .product .package-features *,
#main-body .products .product .feature,
#main-body .products .product .feature *,
#main-body .products .product p,
#main-body .products .product span,
#main-body .products .product small,
#main-body .products .product strong {
    background-image: none !important;
    color: var(--brand-text) !important;
}

#main-body .products .product {
    overflow: hidden !important;
    border-radius: 24px !important;
    border: 1px solid rgba(99, 227, 255, 0.16) !important;
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.012)),
        linear-gradient(145deg, rgba(8, 12, 31, 0.97), rgba(18, 24, 56, 0.93)) !important;
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.28) !important;
}

#main-body .products .product .header,
#main-body .products .product .pricing {
    background: linear-gradient(180deg, rgba(14, 111, 163, 0.92), rgba(13, 84, 129, 0.92)) !important;
    color: #ffffff !important;
}

#main-body .products .product .header *,
#main-body .products .product .pricing *,
#main-body .products .product .price,
#main-body .products .product .price * {
    color: #ffffff !important;
}

#main-body .products .product .body,
#main-body .products .product .footer,
#main-body .products .product .product-desc,
#main-body .products .product .description,
#main-body .products .product ul,
#main-body .products .product ul li,
#main-body .products .product .package-features,
#main-body .products .product .package-features li,
#main-body .products .product .feature,
#main-body .products .product .feature-value {
    background: transparent !important;
}

#main-body .products .product ul li,
#main-body .products .product .package-features li {
    border-top: 1px solid rgba(99, 227, 255, 0.08) !important;
}

#main-body .products .product .btn,
#main-body .products .product button,
#main-body .products .product input[type="submit"],
#main-body .products .product input[type="button"] {
    background: linear-gradient(135deg, var(--brand-cyan), var(--brand-pink)) !important;
    border: 0 !important;
    color: #06101d !important;
    box-shadow: 0 16px 34px rgba(106, 71, 255, 0.18) !important;
}

/* Client area stat cards / dashboard icons */
.tiles .tile,
.client-home-panels .tile,
.client-home-cards .tile,
a.tile {
    display: block !important;
    position: relative !important;
    min-height: 176px !important;
    padding: 1.35rem 1.4rem 1.15rem !important;
    overflow: hidden !important;
}

.tiles .tile > i,
.tiles .tile .mw-tile-icon,
.client-home-panels .tile > i,
.client-home-panels .tile .mw-tile-icon,
.client-home-cards .tile > i,
.client-home-cards .tile .mw-tile-icon,
a.tile > i,
a.tile .mw-tile-icon {
    position: absolute !important;
    top: 1.15rem !important;
    right: 1.35rem !important;
    left: auto !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    transform: none !important;
}

.tiles .tile .mw-tile-icon i,
.client-home-panels .tile .mw-tile-icon i,
.client-home-cards .tile .mw-tile-icon i,
a.tile .mw-tile-icon i,
.tiles .tile > i,
.client-home-panels .tile > i,
.client-home-cards .tile > i,
a.tile > i {
    position: static !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
    font-size: 3.9rem !important;
    line-height: 1 !important;
    color: var(--brand-cyan) !important;
    text-shadow: 0 0 18px rgba(99, 227, 255, 0.18) !important;
}

.tiles .tile:hover .mw-tile-icon i,
.client-home-panels .tile:hover .mw-tile-icon i,
.client-home-cards .tile:hover .mw-tile-icon i,
a.tile:hover .mw-tile-icon i,
.tiles .tile:hover > i,
.client-home-panels .tile:hover > i,
.client-home-cards .tile:hover > i,
a.tile:hover > i {
    font-size: 3.9rem !important;
    transform: none !important;
}

.tiles .tile .stat,
.client-home-panels .tile .stat,
.client-home-cards .tile .stat,
a.tile .stat {
    margin-top: 4.9rem !important;
    font-size: 3rem !important;
    line-height: 1 !important;
}

.tiles .tile .title,
.client-home-panels .tile .title,
.client-home-cards .tile .title,
a.tile .title {
    position: relative !important;
    z-index: 1 !important;
}