/*
 * ================================================================
 *  WHEELER'S MEDIA — BRANDS GLOBAL SWEEP v1.0
 *  ----------------------------------------------------------------
 *  Source of truth: brands/index.html
 *
 *  This stylesheet is the FINAL authority layer for the Brands
 *  section. It overrides any scoped per-page styles that deviate
 *  from the approved design system.
 *
 *  Load order: after global.css, tokens.css, homepage.css
 *  ================================================================
 */

/* ================================================================
   FIX: White feature tile text — End-to-End Pipeline and similar
   white-background tiles must use black text for contrast.
   ================================================================ */
body.wheelers-brands .features-mosaic .feature-card--white,
body.wheelers-brands [style*="background: #fff"],
body.wheelers-brands [style*="background: white"],
body.wheelers-brands [style*="background-color: #fff"],
body.wheelers-brands [style*="background-color: white"],
body.wheelers-brands [style*="background:#fff"],
body.wheelers-brands [style*="background:white"],
body.wheelers-brands [style*="background-color:#fff"],
body.wheelers-brands [style*="background-color:white"] {
    color: #000 !important;
}

body.wheelers-brands [style*="background: #fff"] h2,
body.wheelers-brands [style*="background: #fff"] h3,
body.wheelers-brands [style*="background: #fff"] h4,
body.wheelers-brands [style*="background: #fff"] p,
body.wheelers-brands [style*="background: #fff"] span,
body.wheelers-brands [style*="background:#fff"] h2,
body.wheelers-brands [style*="background:#fff"] h3,
body.wheelers-brands [style*="background:#fff"] h4,
body.wheelers-brands [style*="background:#fff"] p,
body.wheelers-brands [style*="background:#fff"] span,
body.wheelers-brands [style*="background-color: #fff"] h2,
body.wheelers-brands [style*="background-color: #fff"] h3,
body.wheelers-brands [style*="background-color: #fff"] h4,
body.wheelers-brands [style*="background-color: #fff"] p,
body.wheelers-brands [style*="background-color: #fff"] span,
body.wheelers-brands [style*="background-color:#fff"] h2,
body.wheelers-brands [style*="background-color:#fff"] h3,
body.wheelers-brands [style*="background-color:#fff"] h4,
body.wheelers-brands [style*="background-color:#fff"] p,
body.wheelers-brands [style*="background-color:#fff"] span,
body.wheelers-brands [style*="background: white"] h2,
body.wheelers-brands [style*="background: white"] h3,
body.wheelers-brands [style*="background: white"] h4,
body.wheelers-brands [style*="background: white"] p,
body.wheelers-brands [style*="background: white"] span {
    color: #000 !important;
}

/* ================================================================
   1. DESIGN TOKENS
   ================================================================ */
:root {
    --wm-bg-page: #000000;
    /* Primary page background  */
    --wm-bg-card: #181A1B;
    /* Card / bento surfaces    */
    --wm-bg-card-alt: #202124;
    /* Alternate card surface   */
    --wm-bg-section-alt: #0D0D0D;
    /* Subtle section separator */
    --wm-blue: #1760FF;
    /* Brand blue               */
    --wm-white: #FFFFFF;
    --wm-black: #000000;
    --wm-muted: #A1A3A5;
    /* Subtext / muted copy     */
    --wm-font: 'neue-haas-grotesk-display', sans-serif;
    --wm-radius: 16px;
}

/* ================================================================
   2. PURGE — Replace all #121C2D and #0A1220 backgrounds
   ================================================================
   Any element that accidentally carries the old navy background
   gets reset to true black. Overlays using rgba(18,28,45,...)
   are left alone since they sit on top of images — wiping them
   would remove the cinematic effect. */

body.wheelers-brands {
    background-color: var(--wm-bg-page) !important;
    color: var(--wm-white) !important;
    font-family: var(--wm-font) !important;
}

/* Section backgrounds — kill the navy */
body.wheelers-brands [style*="background-color: #121C2D"],
body.wheelers-brands [style*="background-color:#121C2D"],
body.wheelers-brands [style*="background: #121C2D"],
body.wheelers-brands [style*="background:#121C2D"] {
    background-color: var(--wm-bg-page) !important;
}

body.wheelers-brands [style*="background-color: #0A1220"],
body.wheelers-brands [style*="background-color:#0A1220"],
body.wheelers-brands [style*="background: #0A1220"],
body.wheelers-brands [style*="background:#0A1220"] {
    background-color: var(--wm-bg-page) !important;
}

/* ================================================================
   3. TYPOGRAPHY — Global enforcement for all inner pages
   ================================================================ */

/* Base font stack */
body.wheelers-brands,
body.wheelers-brands * {
    font-family: var(--wm-font);
}

/* H1 — match index.html hero title sizing */
body.wheelers-brands h1 {
    font-family: var(--wm-font) !important;
    font-weight: 800 !important;
    line-height: 1.06 !important;
    letter-spacing: -0.02em !important;
    color: var(--wm-white) !important;
}

/* H2 — section headlines */
body.wheelers-brands h2 {
    font-family: var(--wm-font) !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
    letter-spacing: -0.02em !important;
    color: var(--wm-white) !important;
}

/* H3 — card titles */
body.wheelers-brands h3 {
    font-family: var(--wm-font) !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: var(--wm-white) !important;
}

/* H4 — footer column headings, small labels */
body.wheelers-brands h4 {
    font-family: var(--wm-font) !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.08em !important;
    color: var(--wm-white) !important;
}

/* Paragraphs */
body.wheelers-brands p {
    font-family: var(--wm-font) !important;
    line-height: 1.7;
    color: var(--wm-muted);
}

/* Strip any serif fallback */
body.wheelers-brands [style*="serif"],
body.wheelers-brands [style*="Georgia"],
body.wheelers-brands [style*="Times"] {
    font-family: var(--wm-font) !important;
}

/* ================================================================
   4. OVERLINE / EYEBROW TEXT
   ================================================================ */
body.wheelers-brands .overline,
body.wheelers-brands .eyebrow,
body.wheelers-brands .cs-flagship__label .overline,
body.wheelers-brands .cs-hero__eyebrow,
body.wheelers-brands .tm-hero__eyebrow,
body.wheelers-brands [class*="__eyebrow"],
body.wheelers-brands [class*="overline"] {
    color: var(--wm-blue) !important;
    font-family: var(--wm-font) !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

/* ================================================================
   5. BUTTONS — Lock to index.html spec
   ================================================================ */

/* Primary CTA — blue fill, white text, pill shape */
body.wheelers-brands .btn--primary,
body.wheelers-brands .cs-closing__btn,
body.wheelers-brands .tm-closing__btn {
    background: var(--wm-blue) !important;
    color: var(--wm-white) !important;
    border-radius: 9999px !important;
    font-family: var(--wm-font) !important;
    font-weight: 700 !important;
    border: 2px solid var(--wm-blue) !important;
    transition: background .2s ease, color .2s ease !important;
}

body.wheelers-brands .btn--primary:hover,
body.wheelers-brands .cs-closing__btn:hover,
body.wheelers-brands .tm-closing__btn:hover {
    background: var(--wm-white) !important;
    color: var(--wm-blue) !important;
}

/* Header CTA — no orange variant. Brands CTA is always blue. */
/* .cta-orange is banned on Brands pages — taxonomy enforcement */

/* Pre-footer CTA band buttons */
body.wheelers-brands .tm-prefooter__btn,
body.wheelers-brands .cs-prefooter__btn,
body.wheelers-brands [class*="prefooter"] .btn,
body.wheelers-brands [class*="prefooter"] a {
    background: var(--wm-white) !important;
    color: var(--wm-blue) !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
    border: 2px solid transparent !important;
}

body.wheelers-brands .tm-prefooter__btn:hover,
body.wheelers-brands .cs-prefooter__btn:hover {
    background: var(--wm-blue) !important;
    color: var(--wm-white) !important;
    border-color: var(--wm-white) !important;
}

/* ================================================================
   6. CARDS / BENTO SURFACES
   ================================================================ */

/* Standard card — #181A1B with subtle border (matches index.html service cards) */
body.wheelers-brands .tm-card,
body.wheelers-brands .cs-card,
body.wheelers-brands .pricing-card,
body.wheelers-brands [class*="__card"]:not([class*="industry"]):not([class*="mosaic"]) {
    background: var(--wm-bg-card) !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Alternate card surfaces */
body.wheelers-brands .cs-flagship,
body.wheelers-brands .tm-production {
    background-color: var(--wm-bg-section-alt) !important;
}

/* Ensure card text colors */
body.wheelers-brands .tm-card__bio,
body.wheelers-brands .cs-card__row-text,
body.wheelers-brands .cs-flagship__body {
    color: var(--wm-muted) !important;
}

/* ================================================================
   7. HEADER — Pixel-perfect sync across all pages
   ================================================================ */

/* Header background: transparent → solid black on scroll (handled by wm-header.js) */
body.wheelers-brands .wm-header {
    background: transparent;
}

body.wheelers-brands .wm-header.solid {
    background-color: rgba(0, 0, 0, 0.92) !important;
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.06) !important;
}

/* Header CTA — ghost style: transparent + white stroke → blue fill on hover */
body.wheelers-brands .wm-header .wm-cta,
body.wheelers-brands .wm-header a.wm-cta,
body.wheelers-brands .wm-header__right .wm-cta {
    background: transparent !important;
    border: 1.5px solid rgba(255, 255, 255, 0.75) !important;
    color: #ffffff !important;
    transition: all 0.3s ease, border-color 0.2s ease, color 0.2s ease !important;
}

body.wheelers-brands .wm-header .wm-cta:hover,
body.wheelers-brands .wm-header a.wm-cta:hover,
body.wheelers-brands .wm-header__right .wm-cta:hover {
    background: #1760FF !important;
    border-color: #1760FF !important;
    color: #ffffff !important;
}

/* Logo height — uniform across all pages */
body.wheelers-brands .wm-logo img,
body.wheelers-brands .wm-header__left img {
    height: 42px !important;
    width: auto !important;
}

/* Nav links */
body.wheelers-brands .wm-nav ul li a {
    color: var(--wm-white) !important;
    font-family: var(--wm-font) !important;
    font-weight: 700 !important;
    font-size: 0.95rem !important;
}

body.wheelers-brands .wm-nav ul li a:hover {
    color: var(--wm-white) !important;
}

/* Active page indicator */
body.wheelers-brands .wm-nav ul li a[aria-current="page"]::after {
    transform: scaleX(1) !important;
}

/* ── Solutions dropdown — globally applied to all brands pages ── */
body.wheelers-brands .wm-dropdown {
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
}

body.wheelers-brands .wm-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(10px);
    background: #000;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    padding: 10px 0;
    min-width: 240px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s;
    box-shadow: none;
    z-index: 10000;
    list-style: none;
    margin: 0;
    display: flex !important;
    flex-direction: column !important;
    gap: 0 !important;
}

body.wheelers-brands .wm-dropdown:hover .wm-dropdown-menu {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
}

body.wheelers-brands .wm-dropdown-menu li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
}

body.wheelers-brands .wm-dropdown-menu li a {
    display: block !important;
    padding: 12px 24px !important;
    color: #A1A3A5 !important;
    white-space: nowrap;
    font-size: 0.95rem !important;
    text-align: left;
    transition: background 0.2s, color 0.2s;
    font-weight: 400 !important;
    text-decoration: none !important;
}

body.wheelers-brands .wm-dropdown-menu li a:hover {
    background: rgba(255, 255, 255, 0.05);
    color: #fff !important;
}

/* ================================================================
   8. FOOTER — Pixel-perfect sync
   ================================================================ */

/* Force all wm-footer instances to pure black */
body.wheelers-brands .wm-footer {
    background-color: var(--wm-black) !important;
    color: var(--wm-muted) !important;
    font-family: var(--wm-font) !important;
}

body.wheelers-brands .wm-footer .footer-container {
    display: grid !important;
    grid-template-columns: 2fr 1fr 1fr 1fr !important;
    gap: 3rem !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 5rem 2rem 3rem !important;
}

body.wheelers-brands .wm-footer .footer-about img {
    height: 32px !important;
    width: auto !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

body.wheelers-brands .wm-footer .footer-about p {
    font-size: 0.9rem !important;
    line-height: 1.7 !important;
    color: var(--wm-muted) !important;
    max-width: 280px !important;
}

body.wheelers-brands .wm-footer .footer-column h4 {
    font-size: 0.72rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
    color: var(--wm-white) !important;
    margin-bottom: 1.25rem !important;
    font-family: var(--wm-font) !important;
}

body.wheelers-brands .wm-footer .footer-column ul {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 0.65rem !important;
}

body.wheelers-brands .wm-footer .footer-column ul li a {
    color: var(--wm-muted) !important;
    font-size: 0.92rem !important;
    text-decoration: none !important;
    transition: color .2s !important;
}

body.wheelers-brands .wm-footer .footer-column ul li a:hover {
    color: var(--wm-blue) !important;
}

/* Footer bottom bar */
body.wheelers-brands .wm-footer .footer-bottom {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    position: relative !important;
    max-width: 1280px !important;
    margin: 0 auto !important;
    padding: 1.5rem 2rem 1.5rem 2rem !important;
    border-top: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* Fix #4: Brands footer logo — correct small size */
body.wheelers-brands .wm-footer .footer-about img {
    height: 32px !important;
    width: auto !important;
    max-width: 200px !important;
    margin-bottom: 1rem !important;
    display: block !important;
}

/* col 1: aligns with WHEELERSMEDIA logo */
body.wheelers-brands .wm-footer .footer-bottom-left {
    font-size: 0.82rem !important;
    color: var(--wm-muted) !important;
    margin: 0 !important;
}

body.wheelers-brands .wm-footer .footer-bottom-center {
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.5rem !important;
    font-size: 0.82rem !important;
    color: var(--wm-muted) !important;
    white-space: nowrap !important;
}

body.wheelers-brands .wm-footer .footer-bottom-center a {
    color: var(--wm-muted) !important;
    text-decoration: none !important;
    transition: color .2s !important;
}

body.wheelers-brands .wm-footer .footer-bottom-center a:hover {
    color: var(--wm-blue) !important;
}

body.wheelers-brands .wm-footer .footer-bottom-center span {
    opacity: 0.4 !important;
}

/* Social icons — margin-right pulls them ~20px left from the hard edge */
body.wheelers-brands .wm-footer .footer-social {
    display: flex !important;
    align-items: center !important;
    gap: 1rem !important;
    margin-right: 20px !important;
    flex-shrink: 0 !important;
}

body.wheelers-brands .wm-footer .footer-social a img {
    height: 22px !important;
    width: 22px !important;
    opacity: 0.65 !important;
    transition: opacity .2s ease !important;
    display: block !important;
}

body.wheelers-brands .wm-footer .footer-social a:hover {
    color: #1760FF !important;
    transform: translateY(-4px);
}

body.wheelers-brands .wm-footer .footer-social a:hover img {
    opacity: 1 !important;
    filter: brightness(0) saturate(100%) invert(24%) sepia(90%) saturate(2000%) hue-rotate(213deg) brightness(100%) contrast(107%) !important;
}

/* Footer responsive */
@media (max-width: 1024px) {
    body.wheelers-brands .wm-footer .footer-container {
        grid-template-columns: 1fr 1fr !important;
        gap: 2.5rem !important;
        padding: 4rem 2rem 2rem !important;
    }

    /* tablet: stack footer-bottom vertically */
    body.wheelers-brands .wm-footer .footer-bottom {
        flex-direction: column !important;
        align-items: center !important;
        gap: 1rem !important;
        padding: 1.5rem 1.25rem !important;
        text-align: center !important;
    }

    body.wheelers-brands .wm-footer .footer-bottom-center {
        position: static !important;
        transform: none !important;
        left: auto !important;
        justify-content: center !important;
    }

    body.wheelers-brands .wm-footer .footer-social {
        margin-right: 0 !important;
        justify-content: center !important;
    }
}

@media (max-width: 640px) {
    body.wheelers-brands .wm-footer .footer-container {
        grid-template-columns: 1fr !important;
        gap: 2rem !important;
        padding: 3rem 1.25rem 1.5rem !important;
    }
}

/* ================================================================
   9. PRE-FOOTER CTA BAND — uniform across all pages
   ================================================================ */
body.wheelers-brands .tm-prefooter,
body.wheelers-brands .cs-prefooter,
body.wheelers-brands [class*="prefooter"] {
    background-color: var(--wm-blue) !important;
}

/* ================================================================
   10. STAT NUMBERS — lock orange/blue accent usage
   ================================================================ */
body.wheelers-brands .cs-stat__num {
    color: var(--wm-white) !important;
    font-family: var(--wm-font) !important;
    font-weight: 800 !important;
}

body.wheelers-brands .cs-stat__label {
    color: var(--wm-muted) !important;
    font-family: var(--wm-font) !important;
}

/* ================================================================
   11. SECTION TRANSITIONS — Remove visible background seams
   ================================================================ */
body.wheelers-brands main>section,
body.wheelers-brands main>div {
    position: relative;
}

/* Any section without an explicit background should inherit black */
body.wheelers-brands section:not([style*="background"]):not([class*="prefooter"]):not([class*="closing"]) {
    background-color: transparent;
}

/* ================================================================
   12. HEADER NAV — Three targeted fixes
   ================================================================ */

/* ── FIX 1: UNDERLINE — only show on the current page link, never on
   the "Solutions" dropdown parent (href="#") ─────────────────────── */

/* Block underline from ever appearing on the dropdown trigger */
body.wheelers-brands .wm-nav .wm-dropdown>a::after,
body.wheelers-brands .wm-nav ul li.wm-dropdown>a::after {
    display: none !important;
    transform: scaleX(0) !important;
}

/* Also block hover underline from appearing on the dropdown trigger */
body.wheelers-brands .wm-nav .wm-dropdown:hover>a::after,
body.wheelers-brands .wm-nav ul li.wm-dropdown:hover>a::after {
    transform: scaleX(0) !important;
}

/* Ensure is-active / aria-current only fire on real page links */
body.wheelers-brands .wm-nav ul li a[href="#"]::after,
body.wheelers-brands .wm-nav ul li a[href="#"].is-active::after,
body.wheelers-brands .wm-nav ul li a[href="#"][aria-current]::after {
    transform: scaleX(0) !important;
    display: none !important;
}

/* ── FIX 2: VERTICAL ALIGNMENT — all nav items on the same baseline ─ */

/* Remove the height:100% that was pushing the dropdown <li> taller
   than its siblings and causing the visual offset */
body.wheelers-brands .wm-nav ul li.wm-dropdown {
    height: auto !important;
    display: flex !important;
    align-items: center !important;
}

/* Ensure the dropdown trigger link is vertically centered like
   all other <a> elements inside nav <li> items */
body.wheelers-brands .wm-nav ul li.wm-dropdown>a {
    display: flex !important;
    align-items: center !important;
    height: auto !important;
    line-height: 1 !important;
}

/* All other nav <li> anchors — uniform vertical centering */
body.wheelers-brands .wm-nav ul li a {
    display: flex !important;
    align-items: center !important;
    line-height: 1 !important;
}

/* ── FIX 3: MOBILE ACCORDION — Solutions section ──────────────────── */

/* The accordion trigger row: "Solutions" text + chevron side by side */
.wm-mobile-accordion__trigger {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    width: 100%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    color: #fff;
    font-family: var(--wm-font, 'neue-haas-grotesk-display', sans-serif);
    font-size: 1.25rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    text-decoration: none;
    transition: all 0.3s ease, transform 0.3s ease;
    text-align: left;
    -webkit-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
}

@media (min-width: 1025px) {
    .wm-mobile-accordion__trigger {
        /* Match nav links: clamp(1.5rem, 3vw, 2.5rem) so Solutions scales with Home/Case Studies/The Team */
        font-size: clamp(1.5rem, 3vw, 2.5rem) !important;
        line-height: 1.15;
    }
}

.wm-mobile-accordion__trigger:hover,
.wm-mobile-accordion__trigger:focus,
.wm-mobile-accordion__trigger:active {
    color: #1760FF;
    transform: translateX(10px);
    background: transparent !important;
    outline: none !important;
    box-shadow: none !important;
}

/* Chevron arrow */
.wm-mobile-accordion__chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    flex-shrink: 0;
    transition: transform 0.28s ease;
}

@media (min-width: 1025px) {
    .wm-mobile-accordion__chevron {
        width: 32px;
        height: 32px;
    }
}

.wm-mobile-accordion__chevron svg {
    width: 100%;
    height: 100%;
    stroke: currentColor;
    fill: none;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
}

/* Rotate chevron when open */
.wm-mobile-accordion.is-open .wm-mobile-accordion__chevron {
    transform: rotate(180deg);
}

/* The collapsible sub-link panel */
.wm-mobile-accordion__panel {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s ease, margin-top 0.35s ease;
    padding-left: 16px;
    margin-top: 0;
}

@media (min-width: 1025px) {
    .wm-mobile-accordion__panel {
        padding-left: 24px;
    }
}

.wm-mobile-accordion.is-open .wm-mobile-accordion__panel {
    max-height: 400px;
    margin-top: 10px;
}

/* Sub-links inside the panel */
.wm-mobile-accordion__panel a {
    display: block;
    padding: 8px 0;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
    color: rgba(255, 255, 255, 0.7) !important;
    text-decoration: none;
    border-left: 2px solid rgba(255, 255, 255, 0.15);
    padding-left: 20px;
    margin-left: 0;
    transition: all 0.3s ease, border-color 0.3s ease, transform 0.3s ease;
    white-space: normal;
    word-break: keep-all;
    width: max-content;
    max-width: 90vw;
}

@media (min-width: 1025px) {
    .wm-mobile-accordion__panel a {
        font-size: 1.5rem !important;
        padding: 12px 0 12px 24px;
    }
}

.wm-mobile-accordion__panel a:hover {
    color: #fff !important;
    border-left-color: #1760FF;
    transform: translateX(5px);
}

/* ================================================================
   13. FLAT DESIGN AUTHORITY — No gradients, no glow, no heavy shadow
   ================================================================
   This is a permanent enforcement layer. It ensures no scoped
   per-page styles can re-introduce gradients or glow effects
   that undermine the strict premium flat-black aesthetic.
   ================================================================ */

/* ── A. Kill ALL blue glow box-shadows ─────────────────────────── */
body.wheelers-brands [style*="box-shadow"][style*="23, 96, 255"],
body.wheelers-brands [style*="box-shadow"][style*="1760FF"] {
    box-shadow: none !important;
}

/* ── B. Flatten any remaining blue gradient backgrounds ─────────── */
/* These attribute selectors catch inline style= gradients. For
   class-based ones, the per-file passes above handle them. */
body.wheelers-brands [style*="linear-gradient"][style*="1760FF"],
body.wheelers-brands [style*="linear-gradient"][style*="2A7FFF"],
body.wheelers-brands [style*="linear-gradient"][style*="3a8cff"] {
    background: #1760FF !important;
}

/* ── C. Flatten dark card gradient backgrounds → #111111 ────────── */
body.wheelers-brands [style*="linear-gradient"][style*="#1a1a1a"],
body.wheelers-brands [style*="linear-gradient"][style*="#2a2a2a"],
body.wheelers-brands [style*="linear-gradient"][style*="#1a1e2e"],
body.wheelers-brands [style*="linear-gradient"][style*="#0d1017"],
body.wheelers-brands [style*="linear-gradient"][style*="#1a180d"],
body.wheelers-brands [style*="linear-gradient"][style*="#1c0a1a"],
body.wheelers-brands [style*="linear-gradient"][style*="#0a1c1a"],
body.wheelers-brands [style*="linear-gradient"][style*="#0d1a2e"] {
    background: #111111 !important;
}

/* ── D. Remove heavy text shadows ───────────────────────────────── */
body.wheelers-brands h1,
body.wheelers-brands h2,
body.wheelers-brands h3 {
    text-shadow: none !important;
}

/* ── E. CTA band / buttons — flat solid, no glow ───────────────── */
body.wheelers-brands .wm-cta,
body.wheelers-brands .btn--primary,
body.wheelers-brands .cs-closing__btn,
body.wheelers-brands .tm-closing__btn {
    box-shadow: none !important;
    text-shadow: none !important;
}

/* ── F. Card surfaces — enforce flat with 1px crisp border ─────── */
body.wheelers-brands .tm-card,
body.wheelers-brands .cs-card,
body.wheelers-brands .pricing-card,
body.wheelers-brands [class*="__card"] {
    box-shadow: none !important;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
}

/* ── G. Image containers — no drop shadow ──────────────────────── */
body.wheelers-brands img,
body.wheelers-brands video,
body.wheelers-brands .media-wrapper,
body.wheelers-brands [class*="__media"],
body.wheelers-brands [class*="__img"] {
    box-shadow: none !important;
    filter: none !important;
}