/* ==========================================================================
   Blaze Host — NordVPN store page (store/nordvpn/index.tpl)

   Same problem as blaze-marketgoo.css: the stock MarketConnect page is built
   for a light theme. Nearly every heading and paragraph is NordVPN navy
   (#043855), which on Antler's dark panels measures 1.33:1 — invisible.

   Linked from the template AFTER store.css so plain cascade order wins.
   !important appears only where Antler's main.min.css / blaze-silver.css
   already use it. store.css stays stock.
   ========================================================================== */

.landing-page.nordvpn {
    --nv-panel: #0d0d0d;
    --nv-line: rgba(207, 212, 219, 0.12);
    --nv-text: #d4dee7;
    --nv-muted: #9aa2ac;
}

/* --- The main fix: navy-on-dark body copy ------------------------------- */
.landing-page.nordvpn .feature h1,
.landing-page.nordvpn .feature h2,
.landing-page.nordvpn .feature h3,
.landing-page.nordvpn .feature h4 {
    color: #fff !important;
}
.landing-page.nordvpn .feature p,
.landing-page.nordvpn .feature li,
.landing-page.nordvpn .feature span,
.landing-page.nordvpn .feature td,
.landing-page.nordvpn .feature th,
.landing-page.nordvpn .feature .panel-body {
    color: var(--nv-text) !important;
}
.landing-page.nordvpn .feature .comparison-note,
.landing-page.nordvpn .feature small {
    color: var(--nv-muted) !important;
}
.landing-page.nordvpn .feature a:not(.btn) {
    color: var(--blz-gold) !important;
}

/* --- Section dividers ---------------------------------------------------- */
.landing-page.nordvpn .line-break {
    border-bottom: 1px solid var(--nv-line);
}

/* --- Press logo band ----------------------------------------------------- */
/* Stock renders a full-bleed #f2f2f2 strip, which reads as a hole in the dark
   page. Drop the strip and put each logo on a light tile, matching the
   .blz-featured-logo treatment used by the homepage "Featured On" section. */
.landing-page.nordvpn .feature.logo {
    background: transparent !important;
}
.landing-page.nordvpn .feature.logo img {
    background: #eef1f4;
    border-radius: 12px;
    padding: 12px 16px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7), 0 4px 14px rgba(0, 0, 0, 0.35);
}

/* --- Comparison table ---------------------------------------------------- */
.landing-page.nordvpn .feature.comparison .row {
    border-color: var(--nv-line);
}
/* store.css highlights the NordVPN column with a light blue fill (#ecf3ff),
   which leaves the light body text above unreadable and reads as a bright
   block in a dark table. Tint it with the theme's gold instead. */
.landing-page.nordvpn .comparison .col-xs-12 .col-xs-2:nth-of-type(2) {
    background: rgba(212, 175, 55, 0.10) !important;
    border-left-color: rgba(212, 175, 55, 0.35) !important;
    border-right-color: rgba(212, 175, 55, 0.35) !important;
}

/* --- Pricing cards ------------------------------------------------------- */
/* Only renders once the NordVPN product is unhidden (tblproducts.hidden). */
.landing-page.nordvpn .feature.pricing .row > div {
    background: var(--nv-panel);
    border: 1px solid var(--nv-line);
    border-radius: 12px;
    padding: 26px 20px;
    margin-bottom: 20px;
    text-align: center;
}
.landing-page.nordvpn .feature.pricing .billing-cycle {
    color: var(--nv-muted) !important;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-size: 13px;
}
.landing-page.nordvpn .feature.pricing .billing-price {
    color: var(--blz-gold) !important;
    font-size: 30px;
    margin: 10px 0 4px;
}
.landing-page.nordvpn .feature.pricing .billing-save {
    color: var(--nv-text) !important;
    min-height: 22px;
}

/* --- FAQ accordion ------------------------------------------------------- */
/* The theme's gold button styling catches .btn-link, turning every FAQ
   question into a gold metallic block. These are accordion headers. */
.landing-page.nordvpn .feature.faq .panel {
    background: var(--nv-panel);
    border: 1px solid var(--nv-line);
    border-radius: 12px;
    margin-bottom: 12px;
    overflow: hidden;
}
.landing-page.nordvpn .feature.faq .panel-heading {
    background: transparent;
    padding: 0;
}
.landing-page.nordvpn .feature.faq .btn-link {
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff !important;
    font-size: 17px;
    padding: 18px 22px;
    text-decoration: none !important;
}
.landing-page.nordvpn .feature.faq .btn-link:hover,
.landing-page.nordvpn .feature.faq .btn-link:focus {
    color: var(--blz-gold) !important;
}
.landing-page.nordvpn .feature.faq .btn-link i {
    float: right;
}
.landing-page.nordvpn .feature.faq .panel-body {
    padding: 0 22px 20px;
}