/* Foxnett dark mode — variable remap + a few Bootstrap leftovers.
   Isolated from Phox theme/layout scripts. */

.foxnett-theme-toggle {
  flex-shrink: 0;
  width: 40px;
  height: 40px;
  margin: 0;
  padding: 0;
  border: 1px solid var(--gray-lighter-4);
  border-radius: var(--radius);
  background: transparent;
  color: var(--menu-item-link-color);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

.foxnett-theme-toggle:hover,
.foxnett-theme-toggle:focus {
  color: var(--brand-primary);
  border-color: var(--brand-primary);
  background: transparent;
  outline: none;
}

.foxnett-theme-toggle__icon {
  font-size: 16px;
  line-height: 1;
}

.foxnett-theme-toggle__icon--to-light {
  display: none;
}

html[data-foxnett-theme="dark"] .foxnett-theme-toggle__icon--to-dark {
  display: none;
}

html[data-foxnett-theme="dark"] .foxnett-theme-toggle__icon--to-light {
  display: inline-block;
}

@media screen and (max-width: 991px) {
  .foxnett-theme-toggle {
    margin-left: 8px;
  }
}

html[data-foxnett-theme="dark"] body {
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] {
  color-scheme: dark;
  background-color: #121418 !important;

  --btn-bg: #2a2748;
  --head-clr: #1a1d23;
  --main-color-lighter-v1: #23203a;
  --gray-icons: #9aa0ad;
  --gray-faded: #1a1d23;
  --gray-darker: #f2f4f7;
  --gray-base: #c5c9d1;
  --gray-lighter: #8b909a;
  --gray-lighter-2: #6e7380;
  --gray-lighter-3: #3a3f4a;
  --gray-lighter-4: #2a2f38;
  --brand-primary-faded: #2a2748;
  --brand-info-lighter-3: #2a2748;
  --text-lighter-color: var(--gray-lighter);
  --text-heading-color: #f2f4f7;
  --text-body-color: #c5c9d1;
  --block-bg: #1e2229;
  --block-border: 1px solid var(--gray-lighter-4);
  --block-header-bg: #1a1d23;
  --body-bg: #121418;
  --header-background-color: #1a1d23;
  --header-border-bottom: 1px solid var(--gray-lighter-4);
  --footer-background-color: #1a1d23;
  --foter-border-top: 1px solid var(--gray-lighter-4);
  --panel-background: var(--block-bg);
  --panel-border: 1px solid var(--gray-lighter-4);
  --panel-divider: 1px solid var(--gray-lighter-4);
  --panel-title-bg: var(--block-header-bg);
  --panel-title-color: var(--text-heading-color);
  --tile-bg: var(--block-bg);
  --table-container-bg: var(--block-bg);
  --table-container-header-bg: var(--block-header-bg);
  --table-th-font-color: var(--gray-base);
  --table-td-bg-hover: rgba(255, 255, 255, 0.04);
  --button-default-color: var(--gray-darker);
  --button-default-bg-hover: #262b34;
  --button-default-color-hover: var(--gray-darker);
  --button-primary-faded-bg: var(--brand-primary-faded);
  --button-primary-faded-border: #3a3560;
  --label-input-color: var(--gray-base);
  --input-border: 1px solid var(--gray-lighter-3);
  --input-color: var(--text-heading-color);
  --input-bg: #16181d;
  --input-hover-bg: #16181d;
  --input-hover-color: var(--text-heading-color);
  --input-focus-bg: #16181d;
  --input-focus-color: var(--text-heading-color);
  --input-disabled-bg: #1a1d23;
  --icheck-bg: #16181d;
  --icheck-hover-bg: #16181d;
  --dropdown-menu-bg: #1e2229;
  --dropdown-menu-border: 1px solid var(--gray-lighter-3);
  --dropdown-link-color: var(--gray-darker);
  --menu-item-link-color: var(--gray-darker);
}

html[data-foxnett-theme="dark"] .wdes-layout-default section#header .wdes-header .logo .phox-logo.phox-logo--dark {
  display: none;
}

html[data-foxnett-theme="dark"] .wdes-layout-default section#header .wdes-header .logo .phox-logo.phox-logo--light {
  display: inline-block;
}

html[data-foxnett-theme="dark"] section#header .wdes-header section#main-menu .navbar-main .navbar-collapse {
  background-color: var(--header-background-color);
}

html[data-foxnett-theme="dark"] .pagination li a,
html[data-foxnett-theme="dark"] .pagination li span {
  background-color: var(--block-bg);
}

html[data-foxnett-theme="dark"] .table,
html[data-foxnett-theme="dark"] .table > thead > tr > th,
html[data-foxnett-theme="dark"] .table > tbody > tr > th,
html[data-foxnett-theme="dark"] .table > tfoot > tr > th,
html[data-foxnett-theme="dark"] .table > thead > tr > td,
html[data-foxnett-theme="dark"] .table > tbody > tr > td,
html[data-foxnett-theme="dark"] .table > tfoot > tr > td {
  background-color: transparent;
  border-color: var(--gray-lighter-4);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.03);
}

html[data-foxnett-theme="dark"] .table-hover > tbody > tr:hover {
  background-color: var(--table-td-bg-hover);
}

html[data-foxnett-theme="dark"] .list-group-item {
  background-color: transparent;
  border-color: var(--gray-lighter-4);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] .breadcrumb {
  background-color: transparent;
}

html[data-foxnett-theme="dark"] .modal-content,
html[data-foxnett-theme="dark"] .popover {
  background-color: var(--block-bg);
  color: var(--text-body-color);
  border-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] .modal-header,
html[data-foxnett-theme="dark"] .modal-footer {
  border-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] .close {
  color: var(--text-heading-color);
  opacity: 0.7;
  text-shadow: none;
}

html[data-foxnett-theme="dark"] hr {
  border-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] .nav-tabs > li > a {
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] .nav-tabs > li.active > a,
html[data-foxnett-theme="dark"] .nav-tabs > li.active > a:hover,
html[data-foxnett-theme="dark"] .nav-tabs > li.active > a:focus {
  background-color: var(--block-bg);
  border-color: var(--gray-lighter-4);
  border-bottom-color: var(--block-bg);
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] .nav-tabs {
  border-bottom-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] .header-lined h1,
html[data-foxnett-theme="dark"] h1,
html[data-foxnett-theme="dark"] h2,
html[data-foxnett-theme="dark"] h3,
html[data-foxnett-theme="dark"] h4 {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] .sidebar .panel-heading,
html[data-foxnett-theme="dark"] .sidebar .panel-title,
html[data-foxnett-theme="dark"] .sidebar-collapsed .panel-heading,
html[data-foxnett-theme="dark"] .sidebar-collapsed .panel-title,
html[data-foxnett-theme="dark"] .panel-sidebar > .panel-heading,
html[data-foxnett-theme="dark"] .panel-sidebar .panel-title,
html[data-foxnett-theme="dark"] .wdes-page-order #order-phox .cart-sidebar .panel-heading,
html[data-foxnett-theme="dark"] .wdes-page-order #order-phox .cart-sidebar .panel-title {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] .dataTables_wrapper .dataTables_filter label .form-control,
html[data-foxnett-theme="dark"] .table-container .dataTables_wrapper .dataTables_filter label .form-control,
html[data-foxnett-theme="dark"] .dataTables_wrapper .dataTables_filter input {
  background-color: var(--input-bg);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239aa0ad' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 12px center;
  border-color: var(--gray-lighter-3);
  color: var(--input-color);
  box-shadow: none;
}

html[data-foxnett-theme="dark"] .dataTables_wrapper .dataTables_filter label .form-control:hover,
html[data-foxnett-theme="dark"] .table-container .dataTables_wrapper .dataTables_filter label .form-control:hover,
html[data-foxnett-theme="dark"] .dataTables_wrapper .dataTables_filter input:hover {
  background-color: var(--input-hover-bg);
  border-color: var(--gray-lighter-2);
  color: var(--input-hover-color);
}

html[data-foxnett-theme="dark"] .dataTables_wrapper .dataTables_filter label .form-control:focus,
html[data-foxnett-theme="dark"] .table-container .dataTables_wrapper .dataTables_filter label .form-control:focus,
html[data-foxnett-theme="dark"] .dataTables_wrapper .dataTables_filter input:focus {
  background-color: var(--input-focus-bg);
  border-color: var(--brand-primary);
  color: var(--input-focus-color);
}

html[data-foxnett-theme="dark"] .dataTables_wrapper .dataTables_length label .form-control,
html[data-foxnett-theme="dark"] .table-container .dataTables_wrapper .dataTables_length label .form-control {
  background-color: var(--input-bg);
  border: 1px solid var(--gray-lighter-3);
  color: var(--input-color);
}

html[data-foxnett-theme="dark"] .main-content,
html[data-foxnett-theme="dark"] .tab-content,
html[data-foxnett-theme="dark"] .panel-body,
html[data-foxnett-theme="dark"] .card-body,
html[data-foxnett-theme="dark"] .panel-footer {
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] .text-muted,
html[data-foxnett-theme="dark"] .help-block {
  color: var(--gray-lighter);
}

html[data-foxnett-theme="dark"] label,
html[data-foxnett-theme="dark"] .control-label {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] .panel-default {
  border-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] .panel-default > .panel-heading,
html[data-foxnett-theme="dark"] .panel-default > .card-header {
  color: var(--text-heading-color);
  background-color: var(--panel-title-bg);
  border-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] .panel-default > .panel-heading .panel-title,
html[data-foxnett-theme="dark"] .panel-default > .panel-heading .card-title {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] .list-info li,
html[data-foxnett-theme="dark"] .list-info .list-info-text {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] .list-info .list-info-title {
  color: var(--text-lighter-color);
}

html[data-foxnett-theme="dark"] div.product-details-tab-container {
  background-color: var(--block-bg);
  border-color: var(--gray-lighter-4);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] div.product-details-tab-container .row {
  border-bottom-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] div.product-details-tab-container .row strong,
html[data-foxnett-theme="dark"] div.product-details-tab-container .row div {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] #cPanelBillingOverviewPanel,
html[data-foxnett-theme="dark"] #cPanelConfigurableOptionsPanel,
html[data-foxnett-theme="dark"] #cPanelAdditionalInfoPanel,
html[data-foxnett-theme="dark"] #cPanelQuickShortcutsPanel,
html[data-foxnett-theme="dark"] #cPanelQuickEmailPanel,
html[data-foxnett-theme="dark"] #cPanelExtrasPurchasePanel,
html[data-foxnett-theme="dark"] #cPanelGetSitejet,
html[data-foxnett-theme="dark"] #cPanelUsagePanel {
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #cPanelQuickEmailPanel .input-group-addon,
html[data-foxnett-theme="dark"] .input-group-addon {
  background-color: var(--input-bg);
  border-color: var(--gray-lighter-3);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] .wdes-product-wrapper .wdes-product-title,
html[data-foxnett-theme="dark"] .wdes-product-wrapper .wdes-product-title h2,
html[data-foxnett-theme="dark"] .wdes-product-wrapper .wdes-product-title a,
html[data-foxnett-theme="dark"] #cPanelPackagePanel,
html[data-foxnett-theme="dark"] #cPanelPackagePanel h3,
html[data-foxnett-theme="dark"] #cPanelPackagePanel h4,
html[data-foxnett-theme="dark"] #cPanelPackagePanel em,
html[data-foxnett-theme="dark"] #cPanelPackagePanel a,
html[data-foxnett-theme="dark"] #cPanelPackagePanel .panel-title {
  color: #fff;
}

html[data-foxnett-theme="dark"] .page-banner {
  background-color: var(--block-bg);
  border: var(--block-border);
}

html[data-foxnett-theme="dark"] .page-banner .banner-thumb svg {
  opacity: 0.82;
  filter: brightness(0.72) saturate(0.9);
}

html[data-foxnett-theme="dark"] .domain-register-box .form-control,
html[data-foxnett-theme="dark"] #order-phox .domain-register-box .form-control {
  background-color: var(--input-bg);
  border: var(--input-border);
  color: var(--input-color);
}

html[data-foxnett-theme="dark"] .domain-register-box .form-control::placeholder {
  color: var(--input-color-placeholder);
}

html[data-foxnett-theme="dark"] #order-phox .tld-filters a,
html[data-foxnett-theme="dark"] #order-phox .tld-filters a.badge-secondary {
  background-color: #232730;
  border-color: var(--gray-lighter-3);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .tld-filters a:hover,
html[data-foxnett-theme="dark"] #order-phox .tld-filters a.badge-secondary:hover {
  background-color: #2a2f38;
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] #order-phox .tld-filters a.badge-success {
  background-color: var(--brand-primary-faded);
  border-color: var(--brand-primary-faded);
  color: var(--brand-primary);
}

html[data-foxnett-theme="dark"] #order-phox .tld-pricing-header,
html[data-foxnett-theme="dark"] #order-phox .tld-row {
  background-color: var(--block-bg);
  border-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] #order-phox .tld-pricing-header .tld-column,
html[data-foxnett-theme="dark"] #order-phox .tld-pricing-header .no-gutters > div,
html[data-foxnett-theme="dark"] #order-phox .tld-row .two-row-center strong,
html[data-foxnett-theme="dark"] #order-phox .tld-row .text-center small,
html[data-foxnett-theme="dark"] #order-phox .tld-table .tld-name,
html[data-foxnett-theme="dark"] #order-phox .tld-table tbody tr td,
html[data-foxnett-theme="dark"] #order-phox .tld-table thead th {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] #order-phox .tld-row .two-row-center,
html[data-foxnett-theme="dark"] #order-phox .tld-row .text-center,
html[data-foxnett-theme="dark"] #order-phox .tld-table tbody tr td small {
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .dataTables_wrapper .dataTables_filter label .form-control,
html[data-foxnett-theme="dark"] #order-phox .table-container .dataTables_wrapper .dataTables_filter label .form-control {
  background-color: var(--input-bg) !important;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239aa0ad' viewBox='0 0 16 16'%3E%3Cpath d='M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85zm-5.242.656a5 5 0 1 1 0-10 5 5 0 0 1 0 10z'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: 12px center !important;
  border-color: var(--gray-lighter-3) !important;
  color: var(--input-color) !important;
}

html[data-foxnett-theme="dark"] #order-phox .section--suggested-domains .panel,
html[data-foxnett-theme="dark"] #order-phox .section--suggested-domains .panel-body,
html[data-foxnett-theme="dark"] #order-phox .section--suggested-domains .suggested-domains .domain-suggestion {
  background-color: var(--block-bg);
  border-color: var(--gray-lighter-4);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .section--suggested-domains .suggested-domains .domain-suggestion .domain,
html[data-foxnett-theme="dark"] #order-phox .section--suggested-domains .suggested-domains .domain-suggestion .extension {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] #order-phox .sub-heading span,
html[data-foxnett-theme="dark"] #order-phox .sub-heading-borderless span,
html[data-foxnett-theme="dark"] #order-phox .wdes-phox-hooks-output > h3,
html[data-foxnett-theme="dark"] #order-phox .wdes-phox-hooks-output .mc-promos .mc-promo .header .content .headline,
html[data-foxnett-theme="dark"] #order-phox .wdes-phox-addons-heading,
html[data-foxnett-theme="dark"] #order-phox .domains-row .input-group-addon.input-group-prepend {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] #order-phox .wdes-phox-hooks-output .mc-promos .mc-promo .body,
html[data-foxnett-theme="dark"] #order-phox .domain-promo-box,
html[data-foxnett-theme="dark"] #order-phox .cc-input-container,
html[data-foxnett-theme="dark"] #order-phox .product-configurable-options .form-group,
html[data-foxnett-theme="dark"] #order-phox .domain-renewals .domain-renewal {
  background-color: var(--block-bg);
  border-color: var(--gray-lighter-4);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox #frmDomainTransfer .panel .panel-body #inputTransferDomain,
html[data-foxnett-theme="dark"] #order-phox #frmDomainTransfer .panel .panel-body #inputAuthCode {
  background-color: var(--input-bg);
  color: var(--input-color);
  border-color: var(--gray-lighter-3);
}

html[data-foxnett-theme="dark"] .modal-backdrop {
  background-color: rgba(10, 12, 16, 0.65);
}

html[data-foxnett-theme="dark"] .domain-pricing .tld-row {
  border-bottom-color: var(--gray-lighter-4);
}

html[data-foxnett-theme="dark"] .domain-pricing .tld-row.highlighted {
  background: rgba(255, 255, 255, 0.04);
}

html[data-foxnett-theme="dark"] .spotlight-tlds {
  background-color: transparent;
}

/* Choose-domain step after picking a store product.
   Order-form all.min.css loads after this file and hardcodes light surfaces. */
html[data-foxnett-theme="dark"] #order-phox label,
html[data-foxnett-theme="dark"] #order-phox .domain-selection-options .option label {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] #order-phox .domain-selection-options .option,
html[data-foxnett-theme="dark"] #order-phox .domain-selection-options .option-selected {
  background-color: transparent;
}

html[data-foxnett-theme="dark"] #order-phox .domain-input-group {
  background-color: var(--panel-title-bg);
  border: var(--panel-border);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .field,
html[data-foxnett-theme="dark"] #order-phox .form-control,
html[data-foxnett-theme="dark"] #frmProductDomain .form-control,
html[data-foxnett-theme="dark"] #frmProductDomainSelections .form-control {
  background-color: var(--input-bg);
  background-image: none;
  border: var(--input-border);
  color: var(--input-color);
}

html[data-foxnett-theme="dark"] #order-phox .form-control:hover,
html[data-foxnett-theme="dark"] #frmProductDomain .form-control:hover {
  background-color: var(--input-hover-bg);
  color: var(--input-hover-color);
}

html[data-foxnett-theme="dark"] #order-phox .form-control:focus,
html[data-foxnett-theme="dark"] #frmProductDomain .form-control:focus {
  background-color: var(--input-focus-bg);
  border-color: var(--input-focus-border-color);
  color: var(--input-focus-color);
}

html[data-foxnett-theme="dark"] #order-phox .form-control::placeholder,
html[data-foxnett-theme="dark"] #frmProductDomain .form-control::placeholder {
  color: var(--input-color-placeholder);
}

html[data-foxnett-theme="dark"] #order-phox .field[disabled],
html[data-foxnett-theme="dark"] #order-phox .field[readonly],
html[data-foxnett-theme="dark"] #order-phox .form-control[disabled],
html[data-foxnett-theme="dark"] #order-phox .form-control[readonly] {
  background-color: var(--input-disabled-bg);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox select.form-control option {
  background-color: var(--input-bg);
  color: var(--input-color);
}

html[data-foxnett-theme="dark"] #order-phox .input-group-text,
html[data-foxnett-theme="dark"] #order-phox .input-group-addon,
html[data-foxnett-theme="dark"] #order-phox .input-group-addon.input-group-prepend {
  background-color: var(--input-bg);
  border-color: var(--gray-lighter-3);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .icheckbox_square-blue,
html[data-foxnett-theme="dark"] #order-phox .iradio_square-blue,
html[data-foxnett-theme="dark"] .wdes-page-order .icheckbox_square-blue,
html[data-foxnett-theme="dark"] .wdes-page-order .iradio_square-blue {
  background-color: var(--icheck-bg);
  background-image: none;
  border: var(--icheck-border);
}

html[data-foxnett-theme="dark"] #order-phox .icheckbox_square-blue.hover,
html[data-foxnett-theme="dark"] #order-phox .iradio_square-blue.hover,
html[data-foxnett-theme="dark"] .wdes-page-order .icheckbox_square-blue.hover,
html[data-foxnett-theme="dark"] .wdes-page-order .iradio_square-blue.hover {
  background-image: none;
  border-color: var(--icheck-hover-border-color);
}

html[data-foxnett-theme="dark"] #order-phox .icheckbox_square-blue.checked,
html[data-foxnett-theme="dark"] #order-phox .iradio_square-blue.checked,
html[data-foxnett-theme="dark"] .wdes-page-order .icheckbox_square-blue.checked,
html[data-foxnett-theme="dark"] .wdes-page-order .iradio_square-blue.checked {
  background-color: var(--icheck-active-bg);
  background-image: none;
  border-color: var(--icheck-active-border-color);
}

html[data-foxnett-theme="dark"] #order-phox .iradio_square-blue:before,
html[data-foxnett-theme="dark"] .wdes-page-order .iradio_square-blue:before {
  opacity: 0;
}

html[data-foxnett-theme="dark"] #order-phox .iradio_square-blue.checked:before,
html[data-foxnett-theme="dark"] .wdes-page-order .iradio_square-blue.checked:before {
  opacity: 1;
  background: #fff;
}

html[data-foxnett-theme="dark"] #order-phox .domain-search-result-wrapper,
html[data-foxnett-theme="dark"] #order-phox .wdes-phox-domain-box {
  background-color: var(--block-bg);
  border-color: var(--gray-lighter-4);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .domain-lookup-loader,
html[data-foxnett-theme="dark"] #order-phox .domain-searching,
html[data-foxnett-theme="dark"] #order-phox .section-description,
html[data-foxnett-theme="dark"] #order-phox .domain-msg-content {
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .section-title,
html[data-foxnett-theme="dark"] #order-phox .domain-checker-result-headline,
html[data-foxnett-theme="dark"] #order-phox .domain-lookup-primary-results .headline,
html[data-foxnett-theme="dark"] #order-phox .domain-price,
html[data-foxnett-theme="dark"] #order-phox .wdes-phox-tld-name {
  color: var(--text-heading-color);
}

html[data-foxnett-theme="dark"] #order-phox .spotlight-tlds {
  background-color: transparent;
}

html[data-foxnett-theme="dark"] #order-phox .spotlight-tld {
  background-color: var(--block-bg);
  border-color: var(--gray-lighter-4);
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .spotlight-tld .unavailable,
html[data-foxnett-theme="dark"] #order-phox .spotlight-tld .invalid {
  background-color: #2a2f38;
  border-color: var(--gray-lighter-3);
  color: var(--gray-lighter);
}

html[data-foxnett-theme="dark"] #order-phox .suggested-domains .domain-lookup-suggestions-loader,
html[data-foxnett-theme="dark"] #order-phox .suggested-domains .panel-heading,
html[data-foxnett-theme="dark"] #order-phox .suggested-domains .card-header,
html[data-foxnett-theme="dark"] #order-phox .suggested-domains .panel-footer,
html[data-foxnett-theme="dark"] #order-phox .section--suggested-domains .panel-footer {
  background-color: transparent;
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] #order-phox .suggested-domains .price,
html[data-foxnett-theme="dark"] #order-phox .idn-language-selector,
html[data-foxnett-theme="dark"] #order-phox #moreSuggestions,
html[data-foxnett-theme="dark"] #order-phox .no-more {
  color: var(--text-body-color);
}

/* Register / password-reset keep a white card in dark mode. Login uses client auth tokens. */
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main_article,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main_article .header-lined small,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form_actions .wdes-register,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form_actions .wdes-register a,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .marketing-email-optin > p,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-reset-password-text,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-rememberme,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .tospanel,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .tospanel label,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .checkbox label,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .password-strength-meter .text-muted {
  color: #242424;
}

html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_heading .header-lined h1,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form .sub-heading span,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form .form-group label {
  color: #242424 !important;
}

html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form .field,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form .form-control {
  background-color: #fff;
  border-color: #eee;
  color: #242424;
}

html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form_actions .wdes-register:hover,
html[data-foxnett-theme="dark"] body.wdes-account-page:not(.wdes-page-login):not(.wdes-page-register) .wdes-wrap-account-page_main-article_form_actions .wdes-register a:hover {
  color: #17191c;
}

html[data-foxnett-theme="dark"] .wdes-announcement-detail,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-meta {
  color: var(--text-body-color);
}

html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content :not(a):not(img) {
  color: inherit !important;
}

html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content h1,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content h2,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content h3,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content h4,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content h5,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content h6,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content strong,
html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content b {
  color: var(--text-heading-color) !important;
}

html[data-foxnett-theme="dark"] .wdes-announcement-detail .wdes-article-content a {
  color: var(--brand-primary) !important;
}