/*
Theme Name: Digit - Responsive WHMCS Client Area Template
Theme URI: http://www.whmcsdes.com
Description: Custom CSS File
Version: 8.9.0
Author: WHMCSdes
Author URI: http://whmcsdes.com
Tags: powerful, host
*/

:root {
  --main-gradient-color: oklch(62.7% 0.194 149.214);
  --secondary-gradient-color: oklch(52.7% 0.154 150.069);
}

/* The menu link carries both the label font and the Font Awesome icon class. */
#main-menu .wdes-custom-nav > .panel > a.menu-icon-new::before {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
}

/* NordVPN MarketConnect page: adapt WHMCS's light composition to Digit dark. */
.landing-page.nordvpn {
  background-color: #3b3d50 !important;
  color: #f7f8fc !important;
}

.landing-page.nordvpn p {
  color: #e4e6ef !important;
}

.landing-page.nordvpn h1,
.landing-page.nordvpn h2,
.landing-page.nordvpn h3 {
  color: #fff !important;
}

/* WHMCS designed this page around a 1170px grid; prevent ultra-wide upscaling. */
.landing-page.nordvpn > .hero > .container,
.landing-page.nordvpn > .feature:not(.logo) > .container,
.landing-page.nordvpn > .container.line-break {
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

/* Replace the light comparison stripes and retain NordVPN's highlighted column. */
.landing-page.nordvpn
  .comparison
  .col-xs-12:nth-child(odd):not(:first-child):not(:last-child) {
  background-color: #313244 !important;
}

.landing-page.nordvpn .comparison .col-xs-2 {
  border-color: #4a4c61 !important;
}

.landing-page.nordvpn .comparison .col-xs-12 .col-xs-2:nth-of-type(2) {
  background-color: #0e1a33 !important;
  border-color: #315da8 !important;
}

.landing-page.nordvpn .comparison img[src$="vpn-nord.png"],
.landing-page.nordvpn .comparison img[src$="vpn-private.png"],
.landing-page.nordvpn .comparison img[src$="vpn-proton.png"] {
  filter: brightness(0) invert(1);
}

/* The supplied map and platform artwork was drawn for a white background. */
.landing-page.nordvpn .feature.world .world-image {
  filter: brightness(1.65) contrast(1.05) saturate(1.15);
}

.landing-page.nordvpn .feature.world {
  padding-bottom: 60px !important;
}

.landing-page.nordvpn .feature.world img[src*="/nordvpn/icon-infinity.png"],
.landing-page.nordvpn .feature.device img[src$="icons-available-black.png"] {
  filter: brightness(0) invert(1) !important;
}

/* Make the press-logo band feel like part of the dark theme. */
.landing-page.nordvpn .feature.logo {
  background: #292c3e !important;
  border-bottom: 1px solid #4a4c61;
  border-top: 1px solid #4a4c61;
}

.landing-page.nordvpn .feature.logo img {
  filter: brightness(0) invert(1);
  opacity: 0.72;
}

/* Newer WHMCS releases use cards in these sections. */
.landing-page.nordvpn .keep-data-safe-card,
.landing-page.nordvpn .feature.threat .threats-div .col-xs-10 {
  background-color: #313244 !important;
  border-color: #4a4c61 !important;
}

.landing-page.nordvpn .feature.faq .panel,
.landing-page.nordvpn .feature.faq .panel-body {
  background-color: #313244 !important;
  border-color: #4a4c61 !important;
  color: #e4e6ef !important;
}

.landing-page.nordvpn .line-break {
  border-color: #4a4c61 !important;
}