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

   WHMCS ships the MarketConnect landing pages styled for a LIGHT theme
   (store.css). On Antler's dark palette a lot of that text lands at #333 on
   #030303, which is effectively invisible, and the light grey panels read as
   holes in the page.

   This file re-skins that page with the theme's own tokens. It is linked from
   the template AFTER store.css, so plain specificity beats the stock store
   rules. The handful of !important declarations below are only where Antler's
   own main.min.css (and blaze-silver.css, for the section navbar) already use
   !important — they cannot be won any other way. store.css itself is stock
   WHMCS and stays untouched.
   ========================================================================== */

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

/* --- Hero ---------------------------------------------------------------- */
.landing-page.marketgoo .hero h2.strong-green {
    color: var(--blz-gold) !important;
}
.landing-page.marketgoo .hero h2 {
    color: #fff !important;
}

/* --- Video banner: square vendor block -> themed card --------------------- */
.landing-page.marketgoo .video-banner .embed-responsive {
    border-radius: 12px;
    overflow: hidden;
}

/* --- Section nav: light grey bar with white links was unreadable ---------- */
.landing-page.marketgoo nav.navbar {
    background: var(--mg-panel) !important;
    border: 1px solid var(--mg-line);
    border-radius: 12px;
}
.landing-page.marketgoo nav.navbar a {
    color: var(--mg-text) !important;
}
.landing-page.marketgoo nav.navbar a:hover,
.landing-page.marketgoo nav.navbar a:focus,
.landing-page.marketgoo nav.navbar li.active a {
    color: var(--blz-gold) !important;
    background: transparent;
}
.landing-page.marketgoo nav.navbar .navbar-toggle .icon-bar {
    background: var(--mg-text);
}

/* --- "How it works" steps ------------------------------------------------ */
.landing-page.marketgoo .feature-blocks .block span {
    color: #fff;
}
.landing-page.marketgoo .feature-blocks .block p {
    color: var(--mg-muted);
}
/* The step artwork is SVG drawn on a white canvas, so on the dark page it
   reads as a bare white rectangle. Make it a deliberate rounded tile. */
.landing-page.marketgoo .feature-blocks .block img {
    background: #fff;
    border-radius: 12px;
    padding: 12px;
}

/* Steps 4 & 5 sit in a light grey vendor panel */
.landing-page.marketgoo .feature-wrapper {
    background: var(--mg-panel);
    border: 1px solid var(--mg-line);
    border-radius: 12px;
}

/* --- Pricing matrix ------------------------------------------------------ */
.landing-page.marketgoo .plan:not(.labels) {
    background: var(--mg-panel);
    border: 1px solid var(--mg-line);
    border-radius: 12px;
    overflow: hidden;
}
.landing-page.marketgoo .plan .header h4 span {
    color: #fff;
}
.landing-page.marketgoo .plan .pricing {
    color: var(--blz-gold);
}
.landing-page.marketgoo .plan li,
.landing-page.marketgoo .plan.labels li span {
    color: var(--mg-text);
    border-color: var(--mg-line);
}
/* Vendor magenta badge -> theme gold */
.landing-page.marketgoo .plan .best-value {
    background: var(--blz-gold) !important;
    color: var(--blz-gold-text) !important;
}
.landing-page.marketgoo .plan .currency-selector {
    background: #090909;
    color: var(--mg-text);
    border-color: var(--mg-line);
}

/* --- Testimonials -------------------------------------------------------- */
.landing-page.marketgoo .testimonial {
    color: var(--mg-text) !important;
}
.landing-page.marketgoo .user .bio span {
    color: #fff;
}
.landing-page.marketgoo .user .bio em {
    color: var(--mg-muted);
}
.landing-page.marketgoo .user .bio a {
    color: var(--blz-gold);
}
.landing-page.marketgoo .carousel-indicators li {
    border-color: var(--mg-muted);
}
.landing-page.marketgoo .carousel-indicators li.active {
    background: var(--blz-gold);
    border-color: var(--blz-gold);
}

/* --- FAQs ---------------------------------------------------------------- */
.landing-page.marketgoo .faqs h3,
.landing-page.marketgoo .faqs h4 {
    color: #fff;
}
.landing-page.marketgoo .faqs p {
    color: var(--mg-muted);
}
.landing-page.marketgoo .faqs .faq {
    background: var(--mg-panel);
    border: 1px solid var(--mg-line);
    border-radius: 12px;
    padding: 30px;
    height: 100%;
}
.landing-page.marketgoo .faqs .row {
    display: flex;
    flex-wrap: wrap;
}
.landing-page.marketgoo .faqs .faq img {
    border-radius: 8px;
    margin-top: 10px;
}