/* VolyxHost billing skin — dark client area with gold actions. */

:root {
  --vx-bg: #15151c;
  --vx-bg-elevated: #1d1d27;
  --vx-surface: #262633;
  --vx-surface-2: #303040;
  --vx-border: #414157;
  --vx-border-strong: #414157;
  --vx-text: #ffffff;
  --vx-text-muted: rgba(255, 255, 255, 0.5);
  --vx-text-dim: rgba(255, 255, 255, 0.75);
  --vx-accent: #ffce00;
  --vx-accent-2: #cca606;
  --vx-accent-soft: rgba(255, 206, 0, 0.12);
  --vx-accent-glow: rgba(255, 206, 0, 0.28);
  --vx-gold: #ffce00;
  --vx-danger: #cd334b;
  --vx-warning: #ffce00;
  --vx-success: #28a745;
  --vx-info: #17a2b8;
  --vx-radius: 8px;
  --vx-radius-sm: 8px;
  --vx-radius-xs: 8px;
  --vx-font: "Noto Sans", sans-serif;
  --vx-display: "Outfit", "Noto Sans", sans-serif;
  --primary: #ffce00;
  --primary-dark: #cca606;
}

html.volyx-html,
body.volyx-body,
body.primary-bg-color {
  background: #15151c !important;
  color: rgba(255, 255, 255, 0.75) !important;
  font-family: "Noto Sans", sans-serif !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: Outfit, "Noto Sans", sans-serif;
  color: #fff;
  font-weight: 700;
}

a {
  color: #ffce00;
}

a:hover {
  color: #cca606;
  text-decoration: none;
}

.container {
  max-width: 1560px;
}

.card,
.sidebar .panel-sidebar,
.list-group-item,
.modal-content,
.popover,
.dropdown-menu {
  background-color: #262633 !important;
  color: #fff !important;
  border-color: #414157 !important;
}

.card {
  border-radius: 8px !important;
  border-top: 0 !important;
  box-shadow: none !important;
}

.card .card-header,
.card .card-footer {
  background: #262633 !important;
  border-color: #414157 !important;
  color: #fff !important;
}

.card .card-body,
.card .card-body p,
.card .card-title {
  color: #fff !important;
}

.card .card-body a:not(.btn) {
  color: #ffce00 !important;
}

.form-control:not(textarea),
.custom-select {
  height: 56px !important;
}

.form-control,
.custom-select,
.custom-file-label,
textarea.form-control {
  background-color: #303040 !important;
  border: none !important;
  color: #fff !important;
  border-radius: 8px !important;
}

.subnav .collapsable-dropdown {
  display: none !important;
}
.subnav #nav > li.d-none {
  display: list-item !important;
}

.form-control:focus,
.custom-select:focus {
  background: #38384b !important;
  color: #fff !important;
  box-shadow: none !important;
}

.input-group-text {
  background: #303040 !important;
  color: rgba(255, 255, 255, 0.5) !important;
  border: none !important;
  border-right: 1px solid #262633 !important;
}

.input-group {
  border-radius: 8px;
  overflow: hidden;
}

label,
.form-control-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.5) !important;
  font-size: 12px;
  font-weight: 700;
}

.btn {
  border-radius: 8px !important;
  border: 0 !important;
  padding: 0.5rem 1.5rem !important;
  font-weight: 700;
}

.btn-default,
.btn-secondary,
.btn-light {
  background: #303040 !important;
  color: #fff !important;
}

.btn-default:hover,
.btn-secondary:hover,
.btn-light:hover {
  background: #38384b !important;
  color: #fff !important;
}

.btn-primary,
.btn-success,
input[type="submit"].btn-primary,
#order-standard_cart .btn-primary {
  text-transform: uppercase;
  background: #ffce00 !important;
  color: #0f0f14 !important;
  border-bottom: 5px solid #cca606 !important;
  box-shadow: none !important;
  filter: none !important;
}

.btn-primary:hover,
.btn-success:hover,
input[type="submit"].btn-primary:hover {
  background: #cca606 !important;
  color: #fff !important;
  transform: none;
}

.btn-danger {
  text-transform: uppercase;
  background: #cd334b !important;
  color: #0f0f14 !important;
  border-bottom: 5px solid #58222a !important;
}

.logincontainer {
  display: flex;
  justify-content: center;
  padding: 48px 16px 72px;
}

.logincontainer .card.mw-540 {
  width: 100%;
  max-width: 540px;
}

.logincontainer .card-title {
  font-size: 32px;
  margin-bottom: 8px;
}

.logincontainer .submit {
  display: flex;
  align-items: center;
  gap: 24px;
  margin-top: 8px;
}

.logincontainer .submit label {
  text-transform: uppercase;
  margin: 0;
  color: rgba(255, 255, 255, 0.75) !important;
}

.logincontainer .card-footer {
  text-align: center;
}

.tiles {
  border-radius: 8px;
  overflow: hidden;
}

.tiles .tile,
a.tile {
  background: #262633 !important;
  color: #fff !important;
  border: 0 !important;
}

.tiles .tile .stat {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
}

.tiles .tile .title {
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(255, 255, 255, 0.65);
}

.highlight.bg-color-blue { background: #17a2b8 !important; }
.highlight.bg-color-green { background: #28a745 !important; }
.highlight.bg-color-red { background: #cd334b !important; }
.highlight.bg-color-gold { background: #ffce00 !important; }

.sidebar .card,
.sidebar .list-group-item {
  background: #262633 !important;
}

.list-group-item {
  border-color: #1d1d27 !important;
}

.list-group-item-action:hover,
.list-group-item-action:focus,
.list-group-item-action.active {
  background: #303040 !important;
  color: #fff !important;
}

table.table,
table.table-list,
.dataTables_wrapper table {
  color: #fff !important;
  background: #262633 !important;
}

table.table td,
table.table th,
table.table-list td,
table.table-list th,
.dataTables_wrapper table td,
.dataTables_wrapper table th {
  background: #262633 !important;
  color: #fff !important;
  border-color: #414157 !important;
}

table.table-list > tbody > tr:nth-child(even) > td,
.dataTables_wrapper table tbody tr:nth-child(even) td {
  background: #303040 !important;
}

table.table-list > tbody > tr:hover > td,
.dataTables_wrapper table tbody tr:hover td {
  background: #38384b !important;
}

table a {
  color: #ffce00 !important;
}

.pagination .page-link {
  background: #303040 !important;
  border-color: #414157 !important;
  color: #fff !important;
}

.pagination .page-item.active .page-link {
  background: #ffce00 !important;
  border-color: #ffce00 !important;
  color: #0f0f14 !important;
}

.alert {
  border: 0;
  border-radius: 8px;
}

.modal-header,
.modal-footer {
  border-color: #414157 !important;
  background: #262633 !important;
}

.nav-tabs .nav-link {
  color: rgba(255, 255, 255, 0.75) !important;
  border: 0 !important;
}

.nav-tabs .nav-link.active {
  background: #262633 !important;
  color: #ffce00 !important;
}

.tab-content {
  background: #262633 !important;
  border: 0 !important;
}

#order-standard_cart,
#order-standard_cart .header-lined,
#order-standard_cart .products,
#order-standard_cart .product,
#order-standard_cart .panel,
#order-standard_cart .view-cart-items,
#order-standard_cart .order-summary {
  background: #262633 !important;
  color: #fff !important;
  border-color: #414157 !important;
}

#order-standard_cart .product-desc,
#order-standard_cart .product-pricing {
  color: rgba(255, 255, 255, 0.75) !important;
}

.bg-white,
.tab-content.bg-white,
div.product-details-tab-container,
div.product-details div.product-icon,
.product-icon {
  background: #262633 !important;
  color: #fff !important;
}

.client-home-cards .card {
  border-bottom: 4px solid #414157;
}

.volyx-dashboard .volyx-dash-welcome {
  background: #262633;
  border-radius: 8px;
  padding: 24px;
  margin-bottom: 24px;
}

.popover-body,
.popover-header {
  background: #262633 !important;
  color: #fff !important;
  border-color: #414157 !important;
}

.form-check-input {
  accent-color: #ffce00;
}

.text-primary {
  color: #ffce00 !important;
}

::selection {
  background: #cca606;
  color: #fff;
}

.vx-btn.vx-btn-primary,
a.vx-btn-primary {
  background: #ffce00 !important;
  color: #0f0f14 !important;
  border-bottom: 5px solid #cca606 !important;
}