@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Grotesk:wght@500;600;700;800&display=swap');

:root {
  --bg: #07091a;
  --ds-bg: #050a1f;
  --bg-surface: #0c1030;
  --ds-bg-surface: #0c1330;
  --bg-card: #0f1535;
  --ds-card: #111a3e;
  --border: #1c2a50;
  --ds-text: #e8edff;
  --text: #eef2ff;
  --text-muted: #8899bb;
  --text-dim: #4a5a80;
  --ds-muted: #9ea9cf;
  --primary: #4f72ff;
  --ds-primary: #4f72ff;
  --ds-primary-strong: #3b5deb;
  --ds-border: rgba(146, 170, 255, 0.22);
  --gradient-brand: linear-gradient(135deg,#4f72ff 0%,#8b5cf6 100%);
  --font-body: 'Inter', system-ui, -apple-system, sans-serif;
  --font-display: 'Space Grotesk', 'Inter', sans-serif;
  --container: 1200px;
  --radius: 12px;
  --radius-sm: 8px;
  --transition: .2s ease;
}

html,
body,
body.primary-bg-color,
body.whmcs-clientarea {
  background: radial-gradient(1200px 480px at 15% -10%, rgba(79,114,255,0.22), transparent 62%), var(--ds-bg);
  color: var(--ds-text);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.6;
}

/* Force dark backgrounds on common Twenty-One wrappers */
#main-body,
#main-body .container,
.main-content,
.primary-content,
.content,
.client-home-panels {
  background: transparent !important;
  color: var(--ds-text) !important;
}

/* Keep headings readable against the dark canvas */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.section-title,
.lead,
p,
label,
li,
small,
span {
  color: var(--ds-text);
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--font-display);
}

/* Hide WHMCS native chrome when using custom Divergent header/footer snippets */
#header,
#main-menu,
.header-lined,
.top-nav,
.navbar-main,
.navbar-secondary,
.main-navbar,
.main-menu,
.section-secondary,
.breadcrumb,
#footer,
.footer,
.footer-bar,
.main-footer,
.powered-by,
.copyright,
.social,
.language,
.network-status {
  display: none !important;
}

/* Reduce spacing left by removed native header areas */
#main-body,
.main-content {
  margin-top: 0 !important;
  padding-top: 18px !important;
}

.ds-container,
.site-header .container,
.site-footer .container {
  max-width: var(--container);
  padding: 0 1.5rem;
  margin: 0 auto;
}

.ds-header,
.site-header {
  position: sticky;
  top: 0;
  z-index: 100;
  background: rgba(7,9,26,.92);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--border);
}

.ds-header-inner,
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 68px;
  gap: 1.5rem;
}

.ds-logo,
.site-logo {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--ds-text);
  text-decoration: none;
  flex-shrink: 0;
}

.ds-logo-img,
.site-logo-image {
  height: 30px;
  width: auto;
  max-width: 220px;
  display: block;
}

.ds-logo-fallback {
  display: none;
}

.ds-logo-fallback span {
  color: var(--ds-primary);
}

.ds-logo span {
  color: var(--ds-primary);
}

.ds-nav,
.nav-main {
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.ds-nav a,
.nav-main a {
  text-decoration: none;
  padding: 8px 14px;
  border-radius: var(--radius-sm);
  font-weight: 500;
  font-size: 0.9rem;
  color: var(--text-muted);
  transition: all var(--transition);
}

.ds-nav a:hover,
.nav-main a:hover,
.nav-main a.active {
  color: var(--text);
  background: rgba(255,255,255,.06);
}

.ds-actions,
.nav-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  flex-shrink: 0;
}

@media (max-width: 1100px) {
  .ds-header-inner,
  .header-inner {
    flex-wrap: wrap;
    justify-content: center;
    row-gap: 0.6rem;
    padding: 0.5rem 0;
  }

  .ds-nav,
  .nav-main {
    order: 3;
    flex: 1 1 100%;
    justify-content: center;
  }

  .ds-actions,
  .nav-actions {
    margin-left: 0;
  }
}

.ds-btn,
.btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  border-radius: var(--radius);
  padding: 12px 24px;
  font-size: 0.95rem;
  font-weight: 600;
  font-family: var(--font-display);
  transition: all var(--transition);
  border: none;
  white-space: nowrap;
}

.btn-sm,
.ds-btn.btn-sm,
.ds-btn-sm {
  padding: 8px 16px;
  font-size: 0.85rem;
}

.ds-btn-ghost,
.btn-ghost {
  background: rgba(255,255,255,.03);
  color: var(--text-muted);
  border: 1px solid var(--border);
}

.ds-btn-outline,
.btn-outline {
  background: transparent;
  color: var(--text);
  border: 1px solid var(--border);
}

.btn-outline:hover,
.ds-btn-outline:hover {
  background: rgba(255,255,255,.06);
  color: var(--text);
}

.btn-ghost:hover,
.ds-btn-ghost:hover {
  background: rgba(255,255,255,.1);
  color: var(--text);
}

.btn-primary,
.ds-btn-primary {
  background: var(--gradient-brand);
  color: #fff;
  box-shadow: 0 0 24px rgba(79,114,255,.22);
}

.btn-primary:hover,
.ds-btn-primary:hover {
  opacity: .88;
  transform: translateY(-1px);
  box-shadow: 0 0 36px rgba(79,114,255,.22);
  color: #fff;
}

/* Safe WHMCS skin: avoid overriding global layout wrappers */
.panel,
.card,
.client-home-panels .panel,
.tile,
.tile .icon,
.tile-body,
.home-banner,
.home-banner .card,
.home-banner .panel,
.client-home-panels .card,
.client-home-panels .card-body,
.client-home-panels .item,
.feature-box,
.feature-box .feature-icon,
.list-group-item,
.list-group-item-action,
.bg-light,
.bg-white,
.domain-checker-container,
.domain-checker-bg,
.search-box,
.product,
.dataTables_wrapper .dataTables_filter input,
.dataTables_wrapper .dataTables_length select,
.form-control,
.form-control:focus,
.input-group-text,
.dropdown-menu,
.modal-content {
  background-color: var(--ds-card);
  border-color: var(--ds-border);
  color: var(--ds-text);
}

/* WHMCS homepage quick-nav tiles */
.client-home-panels .card,
.client-home-panels .panel,
.tile,
.tile-body,
.feature-box,
.list-group-item,
.list-group-item-action {
  box-shadow: none !important;
  background: var(--ds-card) !important;
  border: 1px solid var(--ds-border) !important;
}

/* Extra WHMCS homepage tile overrides (Twenty-One variations) */
#main-body .client-home-panels .card,
#main-body .client-home-panels .panel,
#main-body .client-home-panels .panel-body,
#main-body .client-home-panels .card-body,
#main-body .client-home-panels .list-group,
#main-body .client-home-panels .list-group-item,
#main-body .client-home-panels .shortcut-tile,
#main-body .client-home-panels .item,
#main-body .client-home-panels a.list-group-item,
#main-body .client-home-panels a.btn,
#main-body .client-home-panels [class*="bg-white"],
#main-body .client-home-panels [class*="bg-light"] {
  background: var(--ds-card) !important;
  border-color: var(--ds-border) !important;
  color: var(--ds-text) !important;
}

#main-body .client-home-panels .list-group-item:hover,
#main-body .client-home-panels .card:hover,
#main-body .client-home-panels .panel:hover {
  border-color: rgba(120, 154, 255, 0.45) !important;
  background: #182451 !important;
}

#main-body .client-home-panels .list-group-item i,
#main-body .client-home-panels .card i,
#main-body .client-home-panels .panel i {
  color: #a9c2f3 !important;
}

/* Final hard override for persistent white homepage nav boxes */
#main-body .client-home-panels .panel,
#main-body .client-home-panels .panel-default,
#main-body .client-home-panels .panel-heading,
#main-body .client-home-panels .panel-body,
#main-body .client-home-panels .panel-footer,
#main-body .client-home-panels .card,
#main-body .client-home-panels .card-header,
#main-body .client-home-panels .card-body,
#main-body .client-home-panels .card-footer,
#main-body .client-home-panels .list-group,
#main-body .client-home-panels .list-group-item,
#main-body .client-home-panels a.list-group-item,
#main-body .client-home-panels .list-group-item-action,
#main-body .client-home-panels .btn,
#main-body .client-home-panels .btn-default,
#main-body .client-home-panels .btn-sm,
#main-body .client-home-panels .tile,
#main-body .client-home-panels .tile-body,
#main-body .client-home-panels .shortcut-tile,
#main-body .client-home-panels .feature-box {
  background: var(--ds-card) !important;
  background-color: var(--ds-card) !important;
  background-image: none !important;
  color: var(--ds-text) !important;
  border-color: var(--ds-border) !important;
}

#main-body .client-home-panels .list-group-item *,
#main-body .client-home-panels .panel *,
#main-body .client-home-panels .card *,
#main-body .client-home-panels .tile *,
#main-body .client-home-panels .feature-box * {
  color: var(--ds-text) !important;
}

#main-body .client-home-panels i,
#main-body .client-home-panels .fas,
#main-body .client-home-panels .far,
#main-body .client-home-panels .fal,
#main-body .client-home-panels .fab,
#main-body .client-home-panels svg {
  color: #a9c2f3 !important;
  fill: #a9c2f3 !important;
  opacity: 1 !important;
}

/* Absolute fallback for Twenty-One homepage panels/cards regardless of wrapper */
#main-body .panel,
#main-body .panel-default,
#main-body .panel-accent,
#main-body [class*="panel-accent-"],
#main-body .panel-heading,
#main-body .panel-title,
#main-body .panel-body,
#main-body .panel-footer,
#main-body .card,
#main-body .card-header,
#main-body .card-body,
#main-body .card-footer,
#main-body .list-group,
#main-body .list-group-item,
#main-body a.list-group-item,
#main-body .feature,
#main-body .feature-box,
#main-body .shortcut-tile,
#main-body .tile,
#main-body .tile-body,
#main-body .bg-light,
#main-body .bg-white {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body .panel a,
#main-body .card a,
#main-body .list-group-item a,
#main-body .feature-box a,
#main-body .tile a {
  color: #c7d9ff !important;
}

/* Direct fix for homepage feature boxes that use ico-container */
#main-body .ico-container,
#main-body .ico-container i,
#main-body .feature,
#main-body .feature .feature-title,
#main-body .feature .feature-desc,
#main-body .feature .feature-link,
#main-body .feature .ico-container {
  color: #a9c2f3 !important;
  background: transparent !important;
  border-color: transparent !important;
}

#main-body .feature,
#main-body .feature-box,
#main-body .panel.panel-accent,
#main-body [class*="panel-accent-"] {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
}

/* Exact override for homepage action icon boxes */
#main-body .action-icon-btns a,
.action-icon-btns a {
  color: #e8edff !important;
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
  border-radius: 0.5rem !important;
  text-decoration: none !important;
}

#main-body .action-icon-btns a:hover,
.action-icon-btns a:hover {
  background: #182451 !important;
  border-color: rgba(120, 154, 255, 0.45) !important;
}

#main-body .action-icon-btns a i,
#main-body .action-icon-btns a span,
#main-body .action-icon-btns a p,
.action-icon-btns a i,
.action-icon-btns a span,
.action-icon-btns a p {
  color: #a9c2f3 !important;
}

.client-home-panels .card * ,
.tile *,
.feature-box *,
.list-group-item * {
  color: var(--ds-text) !important;
}

.tile .icon,
.feature-box .feature-icon,
.client-home-panels i,
.list-group-item i {
  color: #9fb8ef !important;
  opacity: 1 !important;
}

.table,
.table th,
.table td,
.list-group-item,
.domain-pricing table {
  border-color: var(--ds-border);
}

.text-muted,
.small,
.help-block,
.description {
  color: var(--ds-muted) !important;
}

a {
  color: #9fbcff;
}

a:hover,
a:focus {
  color: #c0d4ff;
}

.btn-primary,
.btn-success,
.btn-info {
  background: linear-gradient(180deg, var(--ds-primary), var(--ds-primary-strong));
  border-color: transparent;
}

.btn-default,
.btn-secondary {
  background: rgba(255,255,255,0.03);
  border-color: var(--ds-border);
  color: var(--ds-text);
}

/* Store product cards: override Twenty-One white sections */
#main-body .products .product,
#main-body .products .product-header,
#main-body .products .product-title,
#main-body .products .product-desc,
#main-body .products .product-pricing,
#main-body .products .product-footer,
#main-body .products .product div[class*="product-"] {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
  color: #e8edff !important;
}

#main-body .products .product:hover {
  background: #182451 !important;
  border-color: rgba(120, 154, 255, 0.45) !important;
}

#main-body .products .product .price,
#main-body .products .product .price .amt,
#main-body .products .product strong,
#main-body .products .product h3,
#main-body .products .product h4,
#main-body .products .product p,
#main-body .products .product span {
  color: #e8edff !important;
}

#main-body .products .product .text-muted,
#main-body .products .product .small,
#main-body .products .product .description {
  color: #9ea9cf !important;
}

.ds-footer,
.site-footer {
  background: var(--bg-surface);
  border-top: 1px solid var(--border);
  padding: 4rem 0 1.5rem;
  margin-top: auto;
}

.ds-footer-grid,
.footer-grid {
  display: grid;
  grid-template-columns: 1.8fr repeat(3, 1fr);
  gap: 3rem;
  margin-bottom: 3rem;
}

.ds-footer-brand,
.footer-brand {
  max-width: none;
}

.ds-footer-col h4,
.footer-col h4,
.ds-footer-brand p,
.footer-brand p {
  margin-bottom: 1rem;
}

.ds-footer-social,
.footer-social {
  display: flex;
  gap: .75rem;
}

.ds-footer-social-link,
.footer-social-link {
  width: 36px;
  height: 36px;
  border-radius: var(--radius-sm);
  background: var(--bg-card);
  border: 1px solid var(--border);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .9rem;
  color: var(--text-muted);
  text-decoration: none;
  transition: all var(--transition);
}

.ds-footer-social-link:hover,
.footer-social-link:hover {
  border-color: var(--primary);
  color: var(--primary);
}

.ds-footer h4,
.footer-col h4 {
  font-size: .78rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .1em;
  color: var(--text-dim);
  margin-bottom: 1rem;
}

.ds-footer .ds-logo,
.site-footer .site-logo {
  margin-bottom: 0;
}

.ds-footer .ds-logo-img,
.site-footer .site-logo-image {
  height: 30px;
}

.ds-footer p,
.ds-footer li,
.ds-footer a,
.site-footer p,
.site-footer li,
.site-footer a {
  color: var(--text-muted);
}

.ds-footer ul,
.footer-col ul {
  display: grid;
  gap: .5rem;
}

.ds-footer a,
.site-footer a {
  text-decoration: none;
}

.ds-footer a:hover,
.site-footer a:hover {
  color: var(--text);
}

.footer-brand p,
.ds-footer-brand p {
  font-size: .9rem;
  margin: .75rem 0 1.25rem;
  max-width: 260px;
}

.footer-col li a,
.ds-footer-col li a {
  font-size: .9rem;
  color: var(--text-muted);
}

.footer-col li a:hover,
.ds-footer-col li a:hover {
  color: var(--text);
}

.ds-footer-bottom,
.footer-bottom {
  align-items: center;
  justify-content: space-between;
  padding-top: 1.5rem;
  border-top: 1px solid var(--border);
  gap: 1rem;
  flex-wrap: wrap;
}

.footer-bottom p,
.ds-footer-bottom p {
  font-size: .82rem;
  color: var(--text-dim);
  margin: 0;
}

.ds-footer-bottom,
.footer-bottom {
  margin-top: 0;
  display: flex;
}

.ds-footer-bottom div,
.footer-bottom-links {
  display: flex;
  gap: 1.25rem;
}

.ds-footer-bottom-links a,
.footer-bottom-links a {
  font-size: .82rem;
  color: var(--text-dim);
  text-decoration: none;
}

.ds-footer-bottom-links a:hover,
.footer-bottom-links a:hover {
  color: var(--text-muted);
}

/* Register page hard overrides for persistent white cards/boxes */
#main-body .registration-container .card,
#main-body .registration-container .card-header,
#main-body .registration-container .card-body,
#main-body .registration-container .card-footer,
#main-body .registration-container .sub-heading,
#main-body .registration-container .sub-heading-card,
#main-body .registration-container .field-container,
#main-body .registration-container .inner-container,
#main-body .register-container .card,
#main-body .register-container .card-body,
#main-body .client-register .card,
#main-body .client-register .card-body,
#main-body [id*="registration"] .card,
#main-body [id*="registration"] .card-body,
#main-body [id*="registration"] .sub-heading,
#main-body [id*="registration"] .sub-heading-card {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
  color: #e8edff !important;
  box-shadow: none !important;
}

#main-body .registration-container .text-muted,
#main-body .registration-container .small,
#main-body .registration-container .help-block,
#main-body .register-container .text-muted,
#main-body .client-register .text-muted,
#main-body [id*="registration"] .text-muted,
#main-body [id*="registration"] .small {
  color: var(--text-muted) !important;
}

#main-body .registration-container input,
#main-body .registration-container select,
#main-body .registration-container textarea,
#main-body .registration-container .form-control,
#main-body .register-container input,
#main-body .register-container select,
#main-body .register-container textarea,
#main-body .register-container .form-control,
#main-body [id*="registration"] input,
#main-body [id*="registration"] select,
#main-body [id*="registration"] textarea,
#main-body [id*="registration"] .form-control {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body .registration-container input:focus,
#main-body .registration-container select:focus,
#main-body .registration-container textarea:focus,
#main-body .registration-container .form-control:focus,
#main-body .register-container input:focus,
#main-body .register-container select:focus,
#main-body .register-container textarea:focus,
#main-body .register-container .form-control:focus,
#main-body [id*="registration"] input:focus,
#main-body [id*="registration"] select:focus,
#main-body [id*="registration"] textarea:focus,
#main-body [id*="registration"] .form-control:focus {
  border-color: #6285ff !important;
  box-shadow: 0 0 0 2px rgba(98, 133, 255, 0.25) !important;
}

#main-body .registration-container .input-group-text,
#main-body .registration-container .prepend-icon,
#main-body .register-container .input-group-text,
#main-body [id*="registration"] .input-group-text,
#main-body [id*="registration"] .prepend-icon {
  background: #0d1433 !important;
  color: #c8d8ff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body [id*="registration"] .iti__selected-flag,
#main-body [id*="registration"] .iti__country-list {
  background: #0d1433 !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

/* Support tickets page hard overrides for DataTables white boxes */
#main-body .dataTables_wrapper .dataTables_filter input,
#main-body .dataTables_wrapper .dataTables_length select {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  color: #e8edff !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
}

#main-body table.dataTable,
#main-body table.dataTable thead th,
#main-body table.dataTable tbody td,
#main-body .table thead th,
#main-body .table tbody td,
#main-body .table-striped > tbody > tr:nth-of-type(odd) > *,
#main-body .table-striped > tbody > tr:nth-of-type(even) > * {
  background: #111a3e !important;
  background-color: #111a3e !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body .dataTables_wrapper .dataTables_info,
#main-body .dataTables_wrapper .dataTables_length,
#main-body .dataTables_wrapper .dataTables_filter,
#main-body .dataTables_wrapper .dataTables_filter label,
#main-body .dataTables_wrapper .dataTables_length label {
  color: #c7d9ff !important;
}

#main-body .dataTables_wrapper .dataTables_paginate .paginate_button,
#main-body .dataTables_wrapper .dataTables_paginate .paginate_button.current,
#main-body .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
#main-body .pagination > li > a,
#main-body .pagination > li > span,
#main-body .page-item .page-link {
  background: #111a3e !important;
  background-color: #111a3e !important;
  color: #c7d9ff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
  box-shadow: none !important;
}

#main-body .dataTables_wrapper .dataTables_paginate .paginate_button:hover,
#main-body .pagination > li > a:hover,
#main-body .page-item .page-link:hover {
  background: #182451 !important;
  color: #e8edff !important;
  border-color: rgba(120, 154, 255, 0.45) !important;
}

#main-body table.dataTable thead .sorting:before,
#main-body table.dataTable thead .sorting:after,
#main-body table.dataTable thead .sorting_asc:before,
#main-body table.dataTable thead .sorting_asc:after,
#main-body table.dataTable thead .sorting_desc:before,
#main-body table.dataTable thead .sorting_desc:after {
  color: #a9c2f3 !important;
}

/* Support filter count badges (Open/Answered/etc.) */
#main-body .panel-sidebar .list-group-item .badge,
#main-body .panel-sidebar .list-group-item .label,
#main-body .panel-sidebar .list-group-item .count,
#main-body .panel-sidebar .list-group-item .pull-right,
#main-body .panel-sidebar .list-group-item .float-right,
#main-body .panel-sidebar .list-group-item [class*="badge"],
#main-body .panel-sidebar .list-group-item [class*="label"] {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  color: #cfe0ff !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
  box-shadow: none !important;
}

/* Extra specificity for ticket filter counters that keep bootstrap defaults */
#main-body .panel.panel-sidebar .list-group .list-group-item .badge,
#main-body .panel.panel-sidebar .list-group .list-group-item .badge-default,
#main-body .panel.panel-sidebar .list-group .list-group-item span.badge,
#main-body .panel.panel-sidebar .list-group .list-group-item span.badge-default,
#main-body .panel.panel-sidebar .list-group .list-group-item .label,
#main-body .panel.panel-sidebar .list-group .list-group-item .label-default,
#main-body .panel.panel-sidebar .list-group .list-group-item span.label,
#main-body .panel.panel-sidebar .list-group .list-group-item span.label-default {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  background-image: none !important;
  color: #cfe0ff !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

/* Exact WHMCS selector override for sidebar ticket counters */
#main-body .sidebar .list-group-item .badge,
#main-body .sidebar .list-group-item .badge-default,
.sidebar .list-group-item .badge,
.sidebar .list-group-item .badge-default {
  padding: 5px 2px !important;
  width: 28px !important;
  text-align: center !important;
  background-color: #0d1433 !important;
  color: #cfe0ff !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
  background-image: none !important;
  text-shadow: none !important;
  box-shadow: none !important;
}

#main-body .sidebar .list-group-item:hover .badge,
#main-body .sidebar .list-group-item:focus .badge,
.sidebar .list-group-item:hover .badge,
.sidebar .list-group-item:focus .badge {
  background-color: #182451 !important;
  color: #e8edff !important;
  border-color: rgba(120, 154, 255, 0.45) !important;
}

/* Keep WHMCS link hovers dark (avoid white bootstrap hover states) */
#main-body .panel-sidebar .list-group-item,
#main-body .panel-sidebar .list-group-item a,
#main-body .client-home-panels a,
#main-body .card a,
#main-body .panel a,
#main-body .table a,
#main-body .dataTables_wrapper a {
  color: #c7d9ff !important;
}

#main-body .panel-sidebar .list-group-item:hover,
#main-body .panel-sidebar .list-group-item:focus,
#main-body .panel-sidebar .list-group-item a:hover,
#main-body .panel-sidebar .list-group-item a:focus,
#main-body .client-home-panels a:hover,
#main-body .client-home-panels a:focus,
#main-body .card a:hover,
#main-body .card a:focus,
#main-body .panel a:hover,
#main-body .panel a:focus,
#main-body .table a:hover,
#main-body .table a:focus,
#main-body .dataTables_wrapper a:hover,
#main-body .dataTables_wrapper a:focus {
  color: #e8edff !important;
  background-color: #182451 !important;
  border-color: rgba(120, 154, 255, 0.45) !important;
  text-decoration: none !important;
}

/* Prevent generic white link backgrounds from bootstrap defaults */
#main-body a:hover,
#main-body a:focus {
  background-image: none !important;
}

/* Cart and checkout hard overrides (Twenty-One order form) */
#main-body #order-standard_cart .panel,
#main-body #order-standard_cart .panel-heading,
#main-body #order-standard_cart .panel-body,
#main-body #order-standard_cart .panel-footer,
#main-body #order-standard_cart .cart-body,
#main-body #order-standard_cart .cart-sidebar,
#main-body #order-standard_cart .summary-container,
#main-body #order-standard_cart .view-cart-items,
#main-body #order-standard_cart .view-cart-tabs,
#main-body #order-standard_cart .item,
#main-body #order-standard_cart .item-title,
#main-body #order-standard_cart .item-price,
#main-body #order-standard_cart .order-summary,
#main-body #order-standard_cart .totals,
#main-body #order-standard_cart .subtotal,
#main-body #order-standard_cart .promo,
#main-body #order-standard_cart .promo-code,
#main-body #order-standard_cart .field,
#main-body #order-standard_cart .form-control,
#main-body #order-standard_cart .input-group,
#main-body #order-standard_cart .input-group-text,
#main-body #order-standard_cart .list-group,
#main-body #order-standard_cart .list-group-item,
#main-body #order-standard_cart .bg-light,
#main-body #order-standard_cart .bg-white {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
  color: #e8edff !important;
}

#main-body #order-standard_cart input,
#main-body #order-standard_cart select,
#main-body #order-standard_cart textarea,
#main-body #order-standard_cart .form-control,
#main-body #order-standard_cart .input-group-text {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

/* PayPal section on checkout: dark wrapper + readable text */
#main-body #order-standard_cart [id*="paypal"],
#main-body #order-standard_cart [class*="paypal-"],
#main-body #order-standard_cart [class*="paypal_"],
#main-body #order-standard_cart [class*="paypal"] {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #d7e2ff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body #order-standard_cart [id*="paypal"] p,
#main-body #order-standard_cart [id*="paypal"] span,
#main-body #order-standard_cart [id*="paypal"] label,
#main-body #order-standard_cart [class*="paypal"] p,
#main-body #order-standard_cart [class*="paypal"] span,
#main-body #order-standard_cart [class*="paypal"] label {
  color: #d7e2ff !important;
}

#main-body #order-standard_cart [id*="paypal"] a,
#main-body #order-standard_cart [class*="paypal"] a {
  color: #9fbcff !important;
}

/* Exact gateway selectors from PPCP checkout widgets */
#main-body #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields,
#frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #d7e2ff !important;
}

#main-body #order-standard_cart .cc-input-container,
#order-standard_cart .cc-input-container {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  background-image: none !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
  color: #d7e2ff !important;
}

#main-body .paypal_ppcpv-payment-form .selected,
.paypal_ppcpv-payment-form .selected {
  background: #182451 !important;
  background-color: #182451 !important;
  background-image: none !important;
  color: #e8edff !important;
}

#main-body #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields p,
#main-body #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields span,
#main-body #frmCheckout.paypal_ppcpv-payment-form #creditCardInputFields label,
#main-body #order-standard_cart .cc-input-container p,
#main-body #order-standard_cart .cc-input-container span,
#main-body #order-standard_cart .cc-input-container label {
  color: #d7e2ff !important;
}

#main-body #order-standard_cart iframe[src*="paypal"],
#main-body #order-standard_cart .paypal-buttons,
#main-body #order-standard_cart .paypal-button,
#main-body #order-standard_cart .paypal-button-container,
#main-body #order-standard_cart [data-funding-source] {
  background: transparent !important;
  background-color: transparent !important;
  border: 0 !important;
}

/* Client Product Details (clientarea.php?action=productdetails) */
#main-body .service-details,
#main-body .product-details,
#main-body .service-card,
#main-body .module-output,
#main-body .moduleoutput,
#main-body .tab-content,
#main-body .tab-pane {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body .nav-tabs,
#main-body .nav-tabs > li,
#main-body .nav-tabs > li > a {
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body .nav-tabs > li > a {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #c7d9ff !important;
}

#main-body .nav-tabs > li > a:hover,
#main-body .nav-tabs > li > a:focus {
  background: #182451 !important;
  color: #e8edff !important;
}

#main-body .nav-tabs > li.active > a,
#main-body .nav-tabs > li.active > a:hover,
#main-body .nav-tabs > li.active > a:focus {
  background: #111a3e !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.32) !important;
}

#main-body .sub-heading span,
#main-body .sub-heading-card span,
#main-body .moduleoutput .sub-heading span,
#main-body .moduleoutput .sub-heading-card span {
  background: #111a3e !important;
  background-color: #111a3e !important;
  color: #e8edff !important;
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
}

#main-body .tab-content input,
#main-body .tab-content select,
#main-body .tab-content textarea,
#main-body .tab-content .form-control,
#main-body .moduleoutput input,
#main-body .moduleoutput select,
#main-body .moduleoutput textarea,
#main-body .moduleoutput .form-control {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body .tab-content input[readonly],
#main-body .moduleoutput input[readonly] {
  background: #0d1433 !important;
  color: #d7e2ff !important;
  opacity: 1 !important;
}

#main-body #order-standard_cart .text-muted,
#main-body #order-standard_cart .small,
#main-body #order-standard_cart .help-block,
#main-body #order-standard_cart .text-faded {
  color: #9ea9cf !important;
}

#main-body #order-standard_cart .panel-title,
#main-body #order-standard_cart .product-title,
#main-body #order-standard_cart h1,
#main-body #order-standard_cart h2,
#main-body #order-standard_cart h3,
#main-body #order-standard_cart h4,
#main-body #order-standard_cart strong,
#main-body #order-standard_cart .price,
#main-body #order-standard_cart .amount,
#main-body #order-standard_cart .total,
#main-body #order-standard_cart .recurring {
  color: #e8edff !important;
}

#main-body #order-standard_cart .panel-heading {
  background: #0f2c5a !important;
  border-color: rgba(98, 133, 255, 0.35) !important;
}

/* Absolute fallback for remaining white blocks in store/cart/checkout */
#main-body #order-standard_cart .products,
#main-body #order-standard_cart .products .product,
#main-body #order-standard_cart .products .product-header,
#main-body #order-standard_cart .products .product-desc,
#main-body #order-standard_cart .products .product-pricing,
#main-body #order-standard_cart .products .product-footer,
#main-body #order-standard_cart .cart-items,
#main-body #order-standard_cart .cart-item,
#main-body #order-standard_cart .account-select-container,
#main-body #order-standard_cart .account,
#main-body #order-standard_cart .sub-heading,
#main-body #order-standard_cart .sub-heading span,
#main-body #order-standard_cart .tab-content,
#main-body #order-standard_cart .tab-pane,
#main-body #order-standard_cart .well,
#main-body #order-standard_cart .checkout-details,
#main-body #order-standard_cart .payment-methods,
#main-body #order-standard_cart .payment-gateway,
#main-body #order-standard_cart .row,
#main-body #order-standard_cart .row > [class*="col-"] {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body #order-standard_cart .sub-heading span {
  background: #0f2c5a !important;
  color: #e8edff !important;
}

#main-body #order-standard_cart .products .product [style*="background"],
#main-body #order-standard_cart .account-select-container [style*="background"],
#main-body #order-standard_cart .cart-item [style*="background"] {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
}

#main-body #order-standard_cart .alert-info,
#main-body #order-standard_cart .alert-warning,
#main-body #order-standard_cart .alert-danger,
#main-body #order-standard_cart .alert-success {
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body #order-standard_cart .alert-info,
#main-body #order-standard_cart .alert-success {
  background: rgba(59, 93, 235, 0.22) !important;
}

#main-body #order-standard_cart .alert-warning {
  background: rgba(204, 153, 0, 0.2) !important;
}

#main-body #order-standard_cart .alert-danger {
  background: rgba(178, 34, 34, 0.22) !important;
}

/* Sidebar heading cleanup (Categories/Actions) */
#main-body .panel-sidebar,
#main-body .sidebar .panel {
  border: 1px solid rgba(146, 170, 255, 0.22) !important;
  border-radius: 8px !important;
  overflow: hidden !important;
}

#main-body .panel-sidebar > .panel-heading,
#main-body .sidebar .panel > .panel-heading,
#main-body .panel-sidebar .panel-title {
  background: transparent !important;
  background-image: none !important;
  color: #e8edff !important;
  border-bottom: 0 !important;
}

#main-body .panel-sidebar > .panel-heading,
#main-body .sidebar .panel > .panel-heading {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 40px !important;
  padding: 9px 14px !important;
}

#main-body .panel-sidebar .panel-title,
#main-body .panel-sidebar .panel-heading i,
#main-body .panel-sidebar .panel-heading .fa,
#main-body .panel-sidebar .panel-heading .fas,
#main-body .panel-sidebar .panel-heading .glyphicon {
  color: #e8edff !important;
  line-height: 1.2 !important;
}

#main-body .panel-sidebar .panel-title {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  margin: 0 !important;
  gap: 8px !important;
  font-weight: 700 !important;
}

#main-body .panel-sidebar .panel-title i,
#main-body .panel-sidebar .panel-title .fa,
#main-body .panel-sidebar .panel-title .fas,
#main-body .panel-sidebar .panel-title .glyphicon {
  margin-right: 2px !important;
}

#main-body .panel-sidebar .panel-title .panel-minimise,
#main-body .panel-sidebar .panel-title .panel-minimise.collapsed {
  margin-left: auto !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

/* Override legacy heading layout that can cause cramped title/chevron alignment */
#main-body .panel-sidebar .panel-title,
#main-body .sidebar .panel .panel-title {
  position: static !important;
  float: none !important;
  font-size: 1.1rem !important;
  letter-spacing: 0 !important;
}

#main-body .panel-sidebar .panel-title .panel-minimise,
#main-body .sidebar .panel .panel-title .panel-minimise {
  position: static !important;
  float: none !important;
  top: auto !important;
  right: auto !important;
  margin-left: auto !important;
}

#main-body .panel-sidebar .panel-minimise,
#main-body .panel-sidebar .panel-minimise i,
#main-body .panel-sidebar .panel-minimise .fa,
#main-body .panel-sidebar .panel-minimise .fas {
  color: #cfe0ff !important;
  opacity: 1 !important;
}

/* Cart/checkout readability tuning */
#main-body #order-standard_cart .text-muted,
#main-body #order-standard_cart .small,
#main-body #order-standard_cart .help-block,
#main-body #order-standard_cart .text-faded,
#main-body #order-standard_cart .text-light,
#main-body #order-standard_cart .text-default,
#main-body #order-standard_cart .text-gray,
#main-body #order-standard_cart .text-grey {
  color: #b9c7ea !important;
}

#main-body #order-standard_cart .btn-link,
#main-body #order-standard_cart a.btn-link,
#main-body #order-standard_cart .continue-shopping,
#main-body #order-standard_cart a.continue-shopping {
  color: #c7d9ff !important;
}

#main-body #order-standard_cart .btn-link:hover,
#main-body #order-standard_cart a.btn-link:hover,
#main-body #order-standard_cart .continue-shopping:hover,
#main-body #order-standard_cart a.continue-shopping:hover {
  color: #e8edff !important;
}

/* Promo tab and checkout tabs */
#main-body #order-standard_cart .nav-tabs,
#main-body #order-standard_cart .nav-tabs > li,
#main-body #order-standard_cart .nav-tabs > li > a {
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body #order-standard_cart .nav-tabs > li > a {
  background: #111a3e !important;
  color: #c7d9ff !important;
}

#main-body #order-standard_cart .nav-tabs > li > a:hover,
#main-body #order-standard_cart .nav-tabs > li > a:focus {
  background: #182451 !important;
  color: #e8edff !important;
}

#main-body #order-standard_cart .nav-tabs > li.active > a,
#main-body #order-standard_cart .nav-tabs > li.active > a:hover,
#main-body #order-standard_cart .nav-tabs > li.active > a:focus {
  background: #103a73 !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.32) !important;
}

/* Remove stacked header bars around Product/Options section */
#main-body #order-standard_cart .view-cart-items,
#main-body #order-standard_cart .view-cart-items .item,
#main-body #order-standard_cart .view-cart-items table,
#main-body #order-standard_cart .view-cart-items thead,
#main-body #order-standard_cart .view-cart-items thead tr,
#main-body #order-standard_cart .view-cart-items thead th,
#main-body #order-standard_cart .products .product-header,
#main-body #order-standard_cart .products .product-header * {
  box-shadow: none !important;
}

#main-body #order-standard_cart .view-cart-items,
#main-body #order-standard_cart .products .product-header {
  border-top: 0 !important;
}

#main-body #order-standard_cart .view-cart-items thead th,
#main-body #order-standard_cart .products .product-header {
  border-left: 0 !important;
  border-right: 0 !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  background: transparent !important;
  color: #e8edff !important;
}

/* Keep only one visible top header strip in cart list */
#main-body #order-standard_cart .view-cart-items .item-title,
#main-body #order-standard_cart .view-cart-items .item-price,
#main-body #order-standard_cart .view-cart-items .product-options,
#main-body #order-standard_cart .view-cart-items .product-totals {
  background: transparent !important;
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#main-body #order-standard_cart .view-cart-items .item {
  border-top: 0 !important;
}

#main-body #order-standard_cart .view-cart-items .item:first-child {
  border-top: 0 !important;
}

/* Kill legacy pseudo-element lines around the Product/Options strip */
#main-body #order-standard_cart .view-cart-items::before,
#main-body #order-standard_cart .view-cart-items::after,
#main-body #order-standard_cart .view-cart-items thead::before,
#main-body #order-standard_cart .view-cart-items thead::after,
#main-body #order-standard_cart .view-cart-items thead tr::before,
#main-body #order-standard_cart .view-cart-items thead tr::after,
#main-body #order-standard_cart .view-cart-items thead th::before,
#main-body #order-standard_cart .view-cart-items thead th::after,
#main-body #order-standard_cart .products .product-header::before,
#main-body #order-standard_cart .products .product-header::after {
  display: none !important;
  content: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Final precedence overrides for stubborn cart and sidebar header lines */
#main-body #order-standard_cart .panel-heading,
#main-body #order-standard_cart .view-cart-items-header,
#main-body #order-standard_cart .products-header,
#main-body #order-standard_cart .view-cart-items thead th,
#main-body #order-standard_cart .view-cart-items .item-title,
#main-body #order-standard_cart .view-cart-items .item-price,
#main-body #order-standard_cart .view-cart-items .product-options,
#main-body #order-standard_cart .view-cart-items .product-totals,
#main-body #order-standard_cart .products .product-header {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

#main-body #order-standard_cart .view-cart-items-header::before,
#main-body #order-standard_cart .view-cart-items-header::after,
#main-body #order-standard_cart .products-header::before,
#main-body #order-standard_cart .products-header::after,
#main-body #order-standard_cart .item-title::before,
#main-body #order-standard_cart .item-title::after,
#main-body #order-standard_cart .item-price::before,
#main-body #order-standard_cart .item-price::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

#main-body .panel-sidebar > .panel-heading,
#main-body .sidebar .panel > .panel-heading,
#main-body .panel-sidebar .panel-title {
  border-bottom: 0 !important;
  box-shadow: none !important;
  outline: 0 !important;
}

#main-body .panel-sidebar > .panel-heading::before,
#main-body .panel-sidebar > .panel-heading::after,
#main-body .sidebar .panel > .panel-heading::before,
#main-body .sidebar .panel > .panel-heading::after,
#main-body .panel-sidebar .panel-title::before,
#main-body .panel-sidebar .panel-title::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Store product cards: final hard override for persistent white header strip */
#main-body .products .product,
#main-body .products .product .product-header,
#main-body .products .product .product-header *,
#main-body .products .product .product-title,
#main-body .products .product .product-desc,
#main-body .products .product .product-pricing,
#main-body .products .product .product-footer,
#main-body .products .product [class*="product-"] {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body .products .product [style*="background"],
#main-body .products .product [style*="background-color"] {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
}

#main-body .products .product .product-header::before,
#main-body .products .product .product-header::after,
#main-body .products .product .product-title::before,
#main-body .products .product .product-title::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Exact WHMCS rule override: #order-standard_cart .products .product header */
#main-body #order-standard_cart .products .product header,
#order-standard_cart .products .product header {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body #order-standard_cart .products .product header::before,
#main-body #order-standard_cart .products .product header::after,
#order-standard_cart .products .product header::before,
#order-standard_cart .products .product header::after {
  content: none !important;
  display: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

/* Configure Product page (cart.php?a=confproduct): text and white-box fixes */
#main-body #order-standard_cart,
#main-body #order-standard_cart .product-info,
#main-body #order-standard_cart .configurable-options,
#main-body #order-standard_cart .sub-heading,
#main-body #order-standard_cart .field-container,
#main-body #order-standard_cart .option,
#main-body #order-standard_cart .panel,
#main-body #order-standard_cart .panel-body,
#main-body #order-standard_cart .panel-footer,
#main-body #order-standard_cart .bg-light,
#main-body #order-standard_cart .bg-white {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

/* Exact top white bar on confproduct product title/info */
#main-body #order-standard_cart .product-info header,
#main-body #order-standard_cart .product-info .name,
#main-body #order-standard_cart .product-info .title,
#main-body #order-standard_cart .product-info > div:first-child,
#main-body #order-standard_cart [class*="product-info"] > div:first-child {
  background: #111a3e !important;
  background-color: #111a3e !important;
  background-image: none !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

#main-body #order-standard_cart .product-info header::before,
#main-body #order-standard_cart .product-info header::after,
#main-body #order-standard_cart [class*="product-info"] > div:first-child::before,
#main-body #order-standard_cart [class*="product-info"] > div:first-child::after {
  content: none !important;
  display: none !important;
}

/* Improve text contrast on configurable options step */
#main-body #order-standard_cart .text-muted,
#main-body #order-standard_cart .small,
#main-body #order-standard_cart .help-block,
#main-body #order-standard_cart .description,
#main-body #order-standard_cart .section-subheading,
#main-body #order-standard_cart label,
#main-body #order-standard_cart .control-label,
#main-body #order-standard_cart .radio-inline,
#main-body #order-standard_cart .checkbox-inline,
#main-body #order-standard_cart p,
#main-body #order-standard_cart li,
#main-body #order-standard_cart span {
  color: #d7e2ff !important;
}

#main-body #order-standard_cart input,
#main-body #order-standard_cart select,
#main-body #order-standard_cart textarea,
#main-body #order-standard_cart .form-control,
#main-body #order-standard_cart .input-group-text {
  background: #0d1433 !important;
  background-color: #0d1433 !important;
  color: #e8edff !important;
  border-color: rgba(146, 170, 255, 0.22) !important;
}

@media (max-width: 980px) {
  .ds-nav,
  .nav-main {
    display: none;
  }

  .nav-actions,
  .ds-actions {
    display: none;
  }

  .ds-footer-grid,
  .footer-grid {
    grid-template-columns: 1fr 1fr;
  }

  .ds-footer-brand,
  .footer-brand {
    max-width: none;
  }
}

@media (max-width: 600px) {
  .ds-footer-grid,
  .footer-grid {
    grid-template-columns: 1fr;
  }
}