/* ============================================================
   Rock Solid Solutions - WHMCS / Nexus Child Theme
   Full custom.css rewrite
   ============================================================ */

/* ============================================================
   TOKENS
   ============================================================ */

:root {
  --rss-blue: #3555ff;
  --rss-blue-hover: #4a67ff;
  --rss-cyan: #00c2d7;
  --rss-white: #ffffff;
  --rss-light-gray: #d7dce5;
  --rss-gray: #98a3b8;
  --rss-muted: #7b879d;
  --rss-text: #e5e7eb;
  --rss-heading: #ffffff;
  --rss-dark: #10151f;
  --rss-navy: #0a0f1e;
  --rss-panel: #151b28;
  --rss-panel-2: #111827;
  --rss-panel-3: #0f172a;
  --rss-panel-soft: rgba(255, 255, 255, 0.03);
  --rss-border: rgba(255, 255, 255, 0.12);
  --rss-border-strong: rgba(255, 255, 255, 0.18);
  --rss-shadow-soft: 0 6px 24px rgba(0, 0, 0, 0.18);
  --rss-shadow-hover: 0 10px 28px rgba(0, 0, 0, 0.28);
  --rss-radius: 0;
  --rss-container: 1300px;

  --font-body: "Open Sans", Helvetica, Arial, sans-serif;
  --font-condensed: "Open Sans", Helvetica, Arial, sans-serif;
  --font-display: "Open Sans", Helvetica, Arial, sans-serif;
}

/* ============================================================
   BASE
   ============================================================ */

html,
body {
  background: var(--rss-navy) !important;
}

body {
  font-family: var(--font-body);
  color: var(--rss-light-gray);
  font-size: 14px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  position: relative;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  background-image:
    linear-gradient(rgba(0, 102, 255, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 102, 255, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
  z-index: 0;
}

body > * {
  position: relative;
  z-index: 1;
}

a {
  color: var(--rss-cyan);
  text-decoration: none;
  transition: color 0.2s ease, opacity 0.2s ease, border-color 0.2s ease, background 0.2s ease;
}

a:hover,
a:focus {
  color: var(--rss-white);
  text-decoration: none;
}

p,
li,
.small-text,
.text-muted,
.help-block,
small {
  color: var(--rss-light-gray);
}

strong,
b {
  color: var(--rss-white);
  font-weight: 600;
}

h1,
h2,
h3,
h4,
h5,
h6,
.panel-title,
.card-title,
.domain-search-title,
.section-title {
  font-family: var(--font-display);
  color: var(--rss-white);
  font-weight: 600;
  letter-spacing: 0.02em;
}

h1 { font-size: 54px; line-height: 62px; }
h2 { font-size: 34px; line-height: 44px; }
h3 { font-size: 22px; line-height: 34px; }
h4 { font-size: 18px; line-height: 32px; }
h5 { font-size: 16px; line-height: 26px; }
h6 { font-size: 14px; line-height: 24px; }

h3,
h4,
.panel-heading,
.card-header {
  font-family: var(--font-condensed);
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

@media (max-width: 991px) {
  h1 { font-size: 38px; line-height: 46px; }
  h2 { font-size: 28px; line-height: 36px; }
  h3 { font-size: 20px; line-height: 30px; }
}

/* ============================================================
   LAYOUT / WRAPPERS
   ============================================================ */

.rss-whmcs,
.rss-whmcs #main-body,
.rss-whmcs .main-content,
.rss-whmcs .clientarea,
.rss-whmcs .primary-content,
.rss-whmcs section#main-body {
  background: transparent !important;
  color: var(--rss-light-gray);
}

.main-content,
#main-body {
  padding-top: 32px;
  padding-bottom: 48px;
}

.container,
.container-fluid,
#main-body .container {
  max-width: var(--rss-container);
}

.rss-site-shell {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.rss-primary-content {
  margin-bottom: 24px;
}

.rss-sidebar {
  margin-bottom: 24px;
}

/* ============================================================
   HEADER / NAV / TOPBAR
   ============================================================ */

.rss-topbar {
  background: rgba(0, 0, 0, 0.18);
  border-bottom: 1px solid var(--rss-border);
  color: var(--rss-gray);
  font-size: 12px;
}

.rss-topbar .container {
  padding-top: 8px;
  padding-bottom: 8px;
}

.rss-topbar .btn,
.rss-topbar .input-group-text,
.rss-topbar .btn-active-client {
  background: rgba(255,255,255,0.02) !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
  box-shadow: none !important;
}

.rss-notification-btn {
  padding: 8px 12px !important;
  font-size: 12px !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.rss-header {
  position: sticky;
  top: 0;
  z-index: 1030;
}

.rss-header-inner {
  background: rgba(10, 15, 30, 0.92);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid var(--rss-border);
}

.navbar,
.navbar-main,
.primary-navbar,
header.header,
header.navbar,
#header,
.rss-brandbar,
.rss-mainnav-wrapper {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.rss-navbar-brand,
.navbar-brand {
  display: flex;
  align-items: center;
  min-height: 56px;
  color: var(--rss-white) !important;
  font-weight: 600;
}

.rss-navbar-brand img.logo-img {
  max-height: 52px;
  width: auto;
}

.navbar a,
.navbar-main a,
.primary-navbar a,
header.navbar a {
  color: var(--rss-light-gray) !important;
  font-family: var(--font-body);
  font-size: 13px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  opacity: 0.82;
}

.navbar a:hover,
.navbar-main a:hover,
.primary-navbar a:hover,
header.navbar a:hover,
.navbar .active > a,
.primary-navbar .active > a {
  color: var(--rss-white) !important;
  opacity: 1;
}

.rss-main-site-link {
  color: var(--rss-light-gray) !important;
  font-size: 13px !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  opacity: 0.85 !important;
}

.rss-main-site-link:hover {
  color: var(--rss-white) !important;
  opacity: 1 !important;
}

.rss-header-actions {
  gap: 12px;
}

.rss-header-actions .input-group.search {
  margin-right: 10px;
}

.rss-header-actions .input-group.search .form-control,
.rss-header-actions .input-group.search input {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-white) !important;
  height: 44px !important;
  min-height: 44px !important;
  box-shadow: none !important;
}

.rss-header-actions .input-group.search .form-control::placeholder,
.rss-header-actions .input-group.search input::placeholder {
  color: var(--rss-gray) !important;
}

.rss-header-actions .input-group.search .btn,
.rss-header-actions .input-group.search .input-group-prepend .btn {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
  height: 44px !important;
  min-width: 44px !important;
  padding: 0 14px !important;
  box-shadow: none !important;
}

.rss-header-actions .input-group.search .btn:hover {
  color: var(--rss-white) !important;
  border-color: var(--rss-cyan) !important;
  background: rgba(255,255,255,0.08) !important;
}

.rss-header .cart-btn,
.rss-header a.cart-btn {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 44px !important;
  height: 44px !important;
  padding: 0 !important;
  border: 1px solid var(--rss-border) !important;
  background: rgba(255,255,255,0.04) !important;
  color: var(--rss-light-gray) !important;
  box-shadow: none !important;
}

.rss-header .cart-btn:hover {
  background: rgba(255,255,255,0.08) !important;
  border-color: var(--rss-cyan) !important;
  color: var(--rss-white) !important;
}

.rss-header #cartItemCount {
  position: absolute !important;
  top: -6px !important;
  right: -6px !important;
  background: var(--rss-blue) !important;
  color: #fff !important;
  font-size: 10px !important;
  line-height: 1 !important;
  min-width: 18px !important;
  min-height: 18px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 0 4px !important;
}

.rss-breadcrumb {
  background: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}

.rss-breadcrumb .container {
  padding-top: 14px;
  padding-bottom: 14px;
}

/* ============================================================
   DROPDOWNS / MODALS
   ============================================================ */

.rss-whmcs .dropdown-menu {
  background: var(--rss-panel) !important;
  border: 1px solid var(--rss-border) !important;
  border-radius: 0;
}

.rss-whmcs .dropdown-menu .dropdown-item {
  color: var(--rss-light-gray) !important;
}

.rss-whmcs .dropdown-menu .dropdown-item:hover,
.rss-whmcs .dropdown-menu .dropdown-item:focus {
  background: rgba(255,255,255,0.04) !important;
  color: var(--rss-white) !important;
}

.rss-modal,
.modal-content {
  background: var(--rss-panel) !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
}

.rss-modal .modal-header,
.rss-modal .modal-footer,
.modal-content .modal-header,
.modal-content .modal-footer {
  border-color: var(--rss-border) !important;
}

.rss-modal .close,
.modal-content .close {
  color: var(--rss-white) !important;
  opacity: 1;
}

/* ============================================================
   PANELS / CARDS / SIDEBARS
   ============================================================ */

.panel,
.card,
.tile,
.box,
.logincontainer,
.domain-checker-container,
.product,
.order-summary,
.package,
.package-content,
.package-footer,
.sidebar,
.panel-sidebar,
.list-group,
.list-group-item,
.well,
.client-home-panels .panel,
.account-details,
.account-user-info,
.dashboard-panel,
.stat,
.client-home-stat {
  background: var(--rss-panel) !important;
  border: 1px solid var(--rss-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--rss-light-gray) !important;
}

.panel-heading,
.card-header {
  background: transparent !important;
  border-bottom: 1px solid var(--rss-border) !important;
  color: var(--rss-white) !important;
  font-weight: 700;
}

.panel-body,
.card-body,
.tile-body,
.package-body {
  background: transparent !important;
  color: var(--rss-light-gray) !important;
}

.sidebar .list-group-item,
.panel-sidebar .list-group-item {
  background: transparent !important;
  border-color: var(--rss-border) !important;
  color: var(--rss-gray) !important;
}

.sidebar .list-group-item:hover,
.panel-sidebar .list-group-item:hover {
  background: rgba(255,255,255,0.03) !important;
  color: var(--rss-white) !important;
}

.sidebar .list-group-item.active,
.panel-sidebar .list-group-item.active {
  background: var(--rss-blue) !important;
  border-color: var(--rss-blue) !important;
  color: #fff !important;
}

/* ============================================================
   BUTTONS
   ============================================================ */

.btn,
button,
input[type="submit"],
input[type="button"],
.btn-primary,
.btn-default,
.btn-info,
.btn-success,
.btn-secondary {
  border-radius: var(--rss-radius) !important;
  box-shadow: none !important;
  transition: background 0.2s ease, transform 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

.btn-primary,
button.btn-primary,
input[type="submit"].btn-primary,
input[type="submit"],
.btn-success,
.btn-info {
  background: var(--rss-blue) !important;
  color: var(--rss-white) !important;
  font-family: var(--font-body) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
  border: none !important;
  padding: 16px 36px !important;
}

.btn-primary:hover,
button.btn-primary:hover,
input[type="submit"].btn-primary:hover,
input[type="submit"]:hover,
.btn-success:hover,
.btn-info:hover {
  background: var(--rss-blue-hover) !important;
  color: var(--rss-white) !important;
  transform: translateY(-1px) !important;
}

.btn-default,
.btn-secondary {
  color: var(--rss-gray) !important;
  background: transparent !important;
  border: 1px solid var(--rss-border) !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}

.btn-default:hover,
.btn-secondary:hover {
  color: var(--rss-white) !important;
  border-color: var(--rss-cyan) !important;
  background: transparent !important;
}

/* ============================================================
   FORMS
   ============================================================ */

.form-control,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
  background: rgba(255,255,255,0.04) !important;
  border: 1px solid var(--rss-border) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--rss-white) !important;
  min-height: 44px;
}

.form-control::placeholder,
input::placeholder,
textarea::placeholder {
  color: var(--rss-gray) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
  border-color: var(--rss-cyan) !important;
  box-shadow: 0 0 0 3px rgba(0, 194, 215, 0.12) !important;
  outline: none;
  background: rgba(255,255,255,0.06) !important;
  color: var(--rss-white) !important;
}

label,
.control-label,
.form-group label {
  color: var(--rss-white) !important;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

/* ============================================================
   BREADCRUMBS / PAGINATION / ALERTS
   ============================================================ */

.breadcrumb,
ol.breadcrumb {
  background: transparent !important;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 24px;
}

.breadcrumb > li,
.breadcrumb > .active {
  color: var(--rss-gray) !important;
}

.breadcrumb a {
  color: var(--rss-cyan) !important;
}

.pagination > li > a,
.pagination > li > span,
.page-numbers {
  background: transparent !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-gray) !important;
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > .active > a,
.pagination > .active > span,
.page-numbers.current,
.page-numbers:hover {
  background: var(--rss-blue) !important;
  border-color: var(--rss-blue) !important;
  color: #fff !important;
}

.alert {
  border-radius: 0 !important;
  border-width: 1px !important;
  box-shadow: none !important;
}

.alert-info {
  background: rgba(0, 194, 215, 0.08) !important;
  border-color: rgba(0, 194, 215, 0.25) !important;
  color: #b8f6ff !important;
}

.alert-success {
  background: rgba(70, 180, 80, 0.08) !important;
  border-color: rgba(70, 180, 80, 0.25) !important;
  color: #bff0c6 !important;
}

.alert-warning {
  background: rgba(255, 185, 0, 0.08) !important;
  border-color: rgba(255, 185, 0, 0.25) !important;
  color: #ffe8a3 !important;
}

.alert-danger {
  background: rgba(220, 50, 50, 0.08) !important;
  border-color: rgba(220, 50, 50, 0.25) !important;
  color: #ffb5b5 !important;
}

.label,
.badge {
  font-weight: 600 !important;
}

.label-success,
.badge-success {
  background: #22c55e !important;
  color: #ffffff !important;
}

.label-warning,
.badge-warning {
  background: #f1c40f !important;
  color: #000 !important;
}

.label-danger,
.badge-danger {
  background: #e74c3c !important;
  color: #fff !important;
}

/* ============================================================
   TABLES / DATATABLES
   ============================================================ */

.table,
table,
.dataTable {
  background: transparent !important;
  color: var(--rss-light-gray) !important;
  border-color: var(--rss-border) !important;
}

.table thead th,
.dataTable thead th,
table.dataTable thead th {
  background: #0b1220 !important;
  color: #ffffff !important;
  border-color: var(--rss-border) !important;
  font-size: 12px;
  font-weight: 700 !important;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.table tbody,
.dataTable tbody,
table.dataTable tbody {
  background: #111827 !important;
}

.table tbody tr,
.dataTable tbody tr,
table.dataTable tbody tr {
  background: #111827 !important;
  transition: background 0.2s ease;
}

.table tbody td,
.table tbody th,
.dataTable tbody td,
.dataTable tbody th,
table.dataTable tbody td,
table.dataTable tbody th {
  background: #111827 !important;
  color: #e5e7eb !important;
  border-color: rgba(255,255,255,0.08) !important;
  padding: 14px 18px !important;
}

.table-striped tbody tr:nth-child(even),
.dataTable tbody tr:nth-child(even),
table.dataTable tbody tr:nth-child(even) {
  background: #0f172a !important;
}

.table-striped tbody tr:nth-child(even) td,
.dataTable tbody tr:nth-child(even) td,
table.dataTable tbody tr:nth-child(even) td {
  background: #0f172a !important;
}

.table tbody tr:hover,
.dataTable tbody tr:hover,
table.dataTable tbody tr:hover {
  background: #162033 !important;
}

.table tbody tr:hover td,
.dataTable tbody tr:hover td,
table.dataTable tbody tr:hover td {
  background: #162033 !important;
  color: #ffffff !important;
}

.dataTables_wrapper,
.dataTables_wrapper .row,
.dataTables_wrapper .col-sm-12,
.table-responsive {
  background: transparent !important;
}

.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_paginate {
  color: var(--rss-light-gray) !important;
}

.dataTables_wrapper .dataTables_filter input {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--rss-border) !important;
  color: #fff !important;
}

/* ============================================================
   PRODUCTS / ORDER FLOW
   ============================================================ */

.product,
.product-div,
.product-wrapper,
.package,
.order-summary,
.domain-pricing,
.domain-checker-container {
  background: var(--rss-dark) !important;
  border: 1px solid var(--rss-border) !important;
  position: relative;
  overflow: hidden;
}

.product:hover,
.package:hover,
.product-div:hover {
  background: var(--rss-panel) !important;
}

.product::before,
.package::before,
.product-div::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(90deg, var(--rss-blue), var(--rss-cyan));
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s ease;
}

.product:hover::before,
.package:hover::before,
.product-div:hover::before {
  transform: scaleX(1);
}

.price,
.product-price,
.package-price,
.domain-price {
  color: var(--rss-white) !important;
  font-weight: 700;
}

.price .amt,
.product-price .amt,
.package-price .amt {
  color: var(--rss-cyan) !important;
}

.features,
.product-desc,
.package-desc {
  color: var(--rss-gray) !important;
}

/* ============================================================
   DASHBOARD / CLIENT HOME / MODULE PANELS
   ============================================================ */

/* big generic wrappers used on client home */
.client-home-panels,
.client-home-panels .panel,
.client-home-panels .panel-body,
.client-home-panels .panel-default,
.client-home-panels .panel-default > .panel-heading,
.client-home-panels .panel-default > .panel-body,
.client-home-panels .card,
.client-home-panels .card-body,
.client-home-panels .well,
.client-home-panels .list-group-item,
.client-home-panels .product-status,
.client-home-panels .product-status-body,
.client-home-panels .product-status-header,
.client-home-panels .dashboard-card,
.client-home-panels .dashboard-widget,
.client-home-panels .marketconnect-service,
.client-home-panels .mc-promo,
.client-home-panels .sitejet,
.client-home-panels .sitejet-wrapper,
.client-home-panels .sitejet-container,
.client-home-panels .sitejet-dashboard,
.client-home-panels .sitejet-panel,
.client-home-panels .service-panel,
.client-home-panels .service-module,
.client-home-panels .module-output,
.client-home-panels .package-content,
.client-home-panels .panel-marketconnect,
.client-home-panels .panel-marketconnect .panel-body {
  background: var(--rss-panel) !important;
  color: var(--rss-light-gray) !important;
  border-color: var(--rss-border) !important;
  box-shadow: none !important;
}

/* common white bars / strips */
.client-home-panels .bg-white,
.client-home-panels .bg-light,
.client-home-panels .well,
.client-home-panels .card-body,
.client-home-panels .panel-body,
.client-home-panels .marketconnect-service .bg-white,
.client-home-panels .sitejet .bg-white,
.client-home-panels .sitejet-wrapper .bg-white,
.client-home-panels .service-module .bg-white,
.primary-content .client-home-panels .bg-white,
.primary-content .client-home-panels .bg-light {
  background: var(--rss-panel) !important;
  color: var(--rss-light-gray) !important;
}

/* even stronger targeting for nested rows in widgets */
.client-home-panels .row,
.client-home-panels .col-md-12,
.client-home-panels .col-sm-12,
.client-home-panels .col-xs-12,
.client-home-panels .service,
.client-home-panels .service-item,
.client-home-panels .service-row,
.client-home-panels .product-row {
  background: transparent !important;
  color: inherit !important;
}

/* service list rows */
.client-home-panels table,
.client-home-panels tbody,
.client-home-panels tr,
.client-home-panels td,
.client-home-panels th {
  background: transparent !important;
  color: var(--rss-light-gray) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

/* module headings and labels */
.client-home-panels h1,
.client-home-panels h2,
.client-home-panels h3,
.client-home-panels h4,
.client-home-panels h5,
.client-home-panels h6,
.client-home-panels label,
.client-home-panels .heading,
.client-home-panels .title {
  color: var(--rss-white) !important;
}

/* sitejet / embedded module buttons stay on brand */
.client-home-panels .btn-primary,
.client-home-panels .btn-success,
.client-home-panels .btn-info {
  background: var(--rss-blue) !important;
  color: #fff !important;
  border: none !important;
}

.client-home-panels .btn-default,
.client-home-panels .btn-secondary {
  background: transparent !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
}

.client-home-panels .btn-default:hover,
.client-home-panels .btn-secondary:hover {
  border-color: var(--rss-cyan) !important;
  color: var(--rss-white) !important;
}

/* white logos/images can stay white without forcing wrappers white */
.client-home-panels img {
  background: transparent;
}

/* ============================================================
   FOOTER
   ============================================================ */

footer.footer,
#footer,
.footer,
.footerbar,
section#footer,
.rss-footer {
  background: rgba(10, 15, 30, 0.92) !important;
  border-top: 1px solid var(--rss-border) !important;
  color: var(--rss-gray) !important;
}

footer.footer a,
#footer a,
.footer a,
.rss-footer a {
  color: var(--rss-cyan) !important;
}

footer.footer a:hover,
#footer a:hover,
.footer a:hover,
.rss-footer a:hover {
  color: var(--rss-white) !important;
}

.rss-footer {
  margin-top: auto;
  padding-top: 32px;
  padding-bottom: 32px;
}

.rss-footer-top {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid var(--rss-border);
}

.rss-footer-title {
  color: var(--rss-white);
  font-family: var(--font-condensed);
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 6px;
}

.rss-footer-subtitle {
  color: var(--rss-gray);
  font-size: 14px;
}

.rss-footer-links .nav-link {
  color: var(--rss-gray) !important;
  padding-left: 0;
  padding-right: 18px;
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.rss-footer-links .nav-link:hover {
  color: var(--rss-white) !important;
}

.rss-footer .copyright {
  color: var(--rss-gray) !important;
  font-size: 13px;
}

/* ============================================================
   MOBILE
   ============================================================ */

@media (max-width: 1199px) {
  .rss-header-actions {
    width: auto;
  }

  .rss-brandbar .container,
  .rss-mainnav-wrapper .container {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (max-width: 991px) {
  .navbar a,
  .navbar-main a,
  .primary-navbar a {
    letter-spacing: 0.04em;
  }

  #main-body,
  .main-content {
    padding-top: 20px;
    padding-bottom: 32px;
  }
}

@media (max-width: 767px) {
  body::before {
    background-size: 40px 40px;
  }

  .btn-primary,
  button.btn-primary,
  input[type="submit"].btn-primary,
  input[type="submit"] {
    padding: 14px 22px !important;
    width: 100%;
  }

  .rss-footer-links-wrap,
  .rss-footer-top {
    text-align: center;
  }

  .rss-footer-links {
    justify-content: center !important;
    margin-bottom: 16px;
  }

  .rss-footer-links .nav-link {
    padding-right: 12px;
    padding-left: 12px;
  }
}
/* ============================================================
   CLIENT HOME / DASHBOARD OVERRIDES
   ============================================================ */

.client-home-cards .card,
#servicesPanel,
#ticketsPanel,
#announcementsPanel,
#registerDomainPanel,
#sitejetPromoPanel {
  background: var(--rss-panel) !important;
  border: 1px solid var(--rss-border) !important;
  box-shadow: none !important;
}

.client-home-cards .card-header,
.client-home-cards .card-body,
.client-home-cards .card-footer,
#servicesPanel > .card-header,
#servicesPanel > .card-body,
#servicesPanel > .card-footer,
#ticketsPanel > .card-header,
#ticketsPanel > .card-body,
#ticketsPanel > .card-footer,
#announcementsPanel > .card-header,
#announcementsPanel > .card-body,
#announcementsPanel > .card-footer,
#registerDomainPanel > .card-header,
#registerDomainPanel > .card-body,
#registerDomainPanel > .card-footer,
#sitejetPromoPanel > .card-header,
#sitejetPromoPanel > .card-body,
#sitejetPromoPanel > .card-footer {
  background: var(--rss-panel) !important;
  background-color: var(--rss-panel) !important;
  background-image: none !important;
  color: var(--rss-light-gray) !important;
  border-color: var(--rss-border) !important;
  box-shadow: none !important;
}

.client-home-cards .card-header .card-title,
.client-home-cards .card-header .card-title *,
.client-home-cards .card-header h3,
.client-home-cards .card-header h3 * {
  color: var(--rss-white) !important;
  background: transparent !important;
}

.client-home-cards .card-header .btn,
.client-home-cards .card-footer .btn,
#servicesPanel .btn.btn-default,
#ticketsPanel .btn.btn-default,
#announcementsPanel .btn.btn-default,
#registerDomainPanel .btn.btn-default {
  background: transparent !important;
  background-image: none !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
}

.client-home-cards .card-header .btn:hover,
.client-home-cards .card-footer .btn:hover,
#servicesPanel .btn.btn-default:hover,
#ticketsPanel .btn.btn-default:hover,
#announcementsPanel .btn.btn-default:hover,
#registerDomainPanel .btn.btn-default:hover {
  background: rgba(255,255,255,0.04) !important;
  border-color: var(--rss-cyan) !important;
  color: var(--rss-white) !important;
}

#servicesPanel .list-group,
#servicesPanel .list-group-item,
#ticketsPanel .list-group,
#ticketsPanel .list-group-item,
#announcementsPanel .list-group,
#announcementsPanel .list-group-item {
  background: var(--rss-panel) !important;
  background-image: none !important;
  color: var(--rss-light-gray) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

#servicesPanel .list-group-item:hover,
#ticketsPanel .list-group-item:hover,
#announcementsPanel .list-group-item:hover {
  background: #162033 !important;
  color: var(--rss-white) !important;
}

#servicesPanel .div-service-item,
#servicesPanel .div-service-name,
#servicesPanel .div-service-status,
#servicesPanel .div-service-buttons,
#servicesPanel .text-domain {
  background: transparent !important;
  color: var(--rss-light-gray) !important;
}

#servicesPanel .font-weight-bold {
  color: var(--rss-white) !important;
}

#servicesPanel .text-domain {
  color: var(--rss-gray) !important;
}

#sitejetPromoPanel img#sitejetPromoImage {
  background: #ffffff !important;
  border: 1px solid rgba(255,255,255,0.12) !important;
}

.client-home-cards .card::before,
.client-home-cards .card::after,
.client-home-cards .card-header::before,
.client-home-cards .card-header::after,
.client-home-cards .card-footer::before,
.client-home-cards .card-footer::after {
  content: none !important;
  display: none !important;
}

/* ============================================================
   ORDER / CART OVERRIDES
   ============================================================ */

body.rss-whmcs #order-standard_cart .domain-selection-options {
  background: var(--rss-panel) !important;
  background-color: var(--rss-panel) !important;
  background-image: none !important;
  border: 1px solid var(--rss-border) !important;
  border-radius: 8px !important;
  color: var(--rss-light-gray) !important;
  box-shadow: none !important;
}

body.rss-whmcs #order-standard_cart .domain-selection-options .option,
body.rss-whmcs #order-standard_cart .domain-selection-options .domain-input-group,
body.rss-whmcs #order-standard_cart .domain-selection-options .domain-checker-advanced,
body.rss-whmcs #order-standard_cart .domain-selection-options .domains-row,
body.rss-whmcs #order-standard_cart .domain-selection-options .row,
body.rss-whmcs #order-standard_cart .domain-selection-options label,
body.rss-whmcs #order-standard_cart .domain-selection-options p,
body.rss-whmcs #order-standard_cart .domain-selection-options span {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--rss-light-gray) !important;
  box-shadow: none !important;
}

body.rss-whmcs #order-standard_cart .domain-selection-options textarea#message,
body.rss-whmcs #order-standard_cart #frmProductDomain textarea#message {
  background: rgba(255,255,255,0.05) !important;
  background-color: rgba(255,255,255,0.05) !important;
  background-image: none !important;
  color: var(--rss-white) !important;
  border: 1px solid var(--rss-border) !important;
  box-shadow: none !important;
}

body.rss-whmcs #order-standard_cart .domain-selection-options textarea#message::placeholder,
body.rss-whmcs #order-standard_cart #frmProductDomain textarea#message::placeholder {
  color: var(--rss-gray) !important;
}

body.rss-whmcs #order-standard_cart .domain-selection-options .btn.btn-primary,
body.rss-whmcs #order-standard_cart #frmProductDomain .btn.btn-primary {
  background: var(--rss-blue) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: none !important;
}

body.rss-whmcs #order-standard_cart .domain-selection-options .btn.btn-primary:hover,
body.rss-whmcs #order-standard_cart #frmProductDomain .btn.btn-primary:hover {
  background: var(--rss-blue-hover) !important;
}

body.rss-whmcs #order-standard_cart .domain-selection-options .multiselect.dropdown-toggle,
body.rss-whmcs #order-standard_cart .domain-selection-options .multiselect-container.dropdown-menu,
body.rss-whmcs #order-standard_cart .domain-selection-options .multiselect-container.dropdown-menu li,
body.rss-whmcs #order-standard_cart .domain-selection-options .multiselect-container.dropdown-menu li a,
body.rss-whmcs #order-standard_cart .domain-selection-options .multiselect-container.dropdown-menu li label {
  background: var(--rss-panel) !important;
  background-image: none !important;
  color: var(--rss-light-gray) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

body.rss-whmcs #order-standard_cart .domain-selection-options .multiselect-container.dropdown-menu li:hover,
body.rss-whmcs #order-standard_cart .domain-selection-options .multiselect-container.dropdown-menu li a:hover {
  background: #162033 !important;
  color: var(--rss-white) !important;
}
/* ============================================================
   ORDER FLOW - FULL DARK THEME (STANDARD_CART + NEXUS)
   Covers: Domain → Config → Checkout → Payment
   ============================================================ */

/* ===== CORE CONTAINERS ===== */
body.rss-whmcs #order-standard_cart,
body.rss-whmcs #order-standard_cart .cart-body,
body.rss-whmcs #order-standard_cart .cart-sidebar,
body.rss-whmcs #order-standard_cart .panel,
body.rss-whmcs #order-standard_cart .panel-body,
body.rss-whmcs #order-standard_cart .section,
body.rss-whmcs #order-standard_cart .sub-heading,
body.rss-whmcs #order-standard_cart .order-summary,
body.rss-whmcs #order-standard_cart .view-cart-items,
body.rss-whmcs #order-standard_cart .product-details {
  background: transparent !important;
  color: var(--rss-light-gray) !important;
}

/* ===== MAIN PANELS ===== */
body.rss-whmcs #order-standard_cart .domain-selection-options,
body.rss-whmcs #order-standard_cart #containerExistingAccountSelect,
body.rss-whmcs #order-standard_cart #containerNewUserSignup,
body.rss-whmcs #order-standard_cart #containerExistingUserSignin,
body.rss-whmcs #order-standard_cart .account-select-container,
body.rss-whmcs #order-standard_cart .form-group,
body.rss-whmcs #order-standard_cart .checkout-section {
  background: var(--rss-panel) !important;
  background-image: none !important;
  border: 1px solid var(--rss-border) !important;
  border-radius: 8px !important;
  color: var(--rss-light-gray) !important;
  box-shadow: none !important;
}

/* ===== INNER CONTENT CLEAN ===== */
body.rss-whmcs #order-standard_cart .row,
body.rss-whmcs #order-standard_cart .col-md-12,
body.rss-whmcs #order-standard_cart .col-sm-12,
body.rss-whmcs #order-standard_cart label,
body.rss-whmcs #order-standard_cart span,
body.rss-whmcs #order-standard_cart p {
  background: transparent !important;
  color: var(--rss-light-gray) !important;
}

/* ===== INPUTS / SELECTS ===== */
body.rss-whmcs #order-standard_cart input,
body.rss-whmcs #order-standard_cart textarea,
body.rss-whmcs #order-standard_cart select,
body.rss-whmcs #order-standard_cart .form-control {
  background: rgba(255,255,255,0.05) !important;
  background-image: none !important;
  color: #ffffff !important;
  border: 1px solid var(--rss-border) !important;
  box-shadow: none !important;
}

body.rss-whmcs #order-standard_cart input::placeholder,
body.rss-whmcs #order-standard_cart textarea::placeholder {
  color: var(--rss-gray) !important;
}

/* ===== DOMAIN SEARCH BOX ===== */
body.rss-whmcs #order-standard_cart textarea#message {
  background: rgba(255,255,255,0.05) !important;
  color: #ffffff !important;
  border: 1px solid var(--rss-border) !important;
}

/* ===== MULTISELECT (TLD DROPDOWN) ===== */
body.rss-whmcs #order-standard_cart .multiselect.dropdown-toggle,
body.rss-whmcs #order-standard_cart .multiselect-container.dropdown-menu,
body.rss-whmcs #order-standard_cart .multiselect-container li,
body.rss-whmcs #order-standard_cart .multiselect-container li a,
body.rss-whmcs #order-standard_cart .multiselect-container li label {
  background: var(--rss-panel) !important;
  color: var(--rss-light-gray) !important;
  border-color: rgba(255,255,255,0.08) !important;
}

body.rss-whmcs #order-standard_cart .multiselect-container li:hover,
body.rss-whmcs #order-standard_cart .multiselect-container li a:hover {
  background: #162033 !important;
  color: var(--rss-white) !important;
}

/* ===== BUTTONS ===== */
body.rss-whmcs #order-standard_cart .btn {
  background: transparent !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
}

body.rss-whmcs #order-standard_cart .btn:hover {
  background: rgba(255,255,255,0.04) !important;
  border-color: var(--rss-cyan) !important;
  color: var(--rss-white) !important;
}

/* PRIMARY CTA */
body.rss-whmcs #order-standard_cart .btn.btn-primary,
body.rss-whmcs #order-standard_cart button[type="submit"] {
  background: var(--rss-blue) !important;
  border: none !important;
  color: #ffffff !important;
}

body.rss-whmcs #order-standard_cart .btn.btn-primary:hover {
  background: var(--rss-blue-hover) !important;
}

/* ===== PAYMENT SECTION ===== */
body.rss-whmcs #order-standard_cart #paymentGatewaysContainer,
body.rss-whmcs #order-standard_cart #creditCardInputFields,
body.rss-whmcs #order-standard_cart .cc-input-group {
  background: var(--rss-panel) !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
}

/* ===== ALERTS / TOTAL ===== */
body.rss-whmcs #order-standard_cart .alert,
body.rss-whmcs #order-standard_cart .alert-success,
body.rss-whmcs #order-standard_cart .alert-warning,
body.rss-whmcs #order-standard_cart .alert-info {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
}

/* ===== STEP HEADERS (Choose Domain / Checkout) ===== */
body.rss-whmcs #order-standard_cart .sub-heading {
  color: var(--rss-white) !important;
  border-bottom: 1px solid var(--rss-border) !important;
}

/* ===== REMOVE NEXUS WHITE/GRADIENT CRAP ===== */
body.rss-whmcs #order-standard_cart *::before,
body.rss-whmcs #order-standard_cart *::after {
  background-image: none !important;
}

/* ===== FORCE TEXT VISIBILITY ===== */
body.rss-whmcs #order-standard_cart h1,
body.rss-whmcs #order-standard_cart h2,
body.rss-whmcs #order-standard_cart h3,
body.rss-whmcs #order-standard_cart h4 {
  color: var(--rss-white) !important;
}
/* ============================================================
   CHECKOUT - CLEAN DARK FIX (MINIMAL / SAFE)
   ============================================================ */

/* Fix white account select box */
#order-standard_cart #containerExistingAccountSelect,
#order-standard_cart #containerNewUserSignup,
#order-standard_cart #containerExistingUserSignin {
  background: var(--rss-panel) !important;
  border: 1px solid var(--rss-border) !important;
  border-radius: 8px !important;
  color: var(--rss-light-gray) !important;
}

/* Fix inner form elements ONLY (not layout) */
#order-standard_cart .form-control,
#order-standard_cart input,
#order-standard_cart textarea,
#order-standard_cart select {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--rss-border) !important;
  color: #fff !important;
}

/* Fix payment block */
#order-standard_cart #paymentGatewaysContainer,
#order-standard_cart #creditCardInputFields {
  background: var(--rss-panel) !important;
  border: 1px solid var(--rss-border) !important;
  border-radius: 8px !important;
}

/* Fix buttons ONLY */
#order-standard_cart .btn.btn-primary {
  background: var(--rss-blue) !important;
  border: none !important;
  color: #fff !important;
}

#order-standard_cart .btn.btn-primary:hover {
  background: var(--rss-blue-hover) !important;
}

/* Fix total/alert bar */
#order-standard_cart .alert {
  background: rgba(255,255,255,0.05) !important;
  border: 1px solid var(--rss-border) !important;
  color: var(--rss-light-gray) !important;
}