/* ============================================================
       SMBify trade pages — hero redesign + contrast fixes (2026-10-06)
       PART 1: one professional hero pattern across all 7 trade pages.
       Each trade keeps its own photography, --trade accent color and
       --trade-night tint, so pages feel different on one pattern.
       PART 2: contrast fixes, scoped to .niche-page (the 7 trade pages).
       ============================================================ */

    /* ---- restore the per-trade accent system (was nuked to lime) ---- */
    .niche-page.niche-local-seo-for-plumbers{--trade:#3188ba;--trade-soft:#d6ebf5;--trade-night:#06151e}
    .niche-page.niche-local-seo-for-hvac{--trade:#55a9b5;--trade-soft:#d8eef0;--trade-night:#07181c}
    .niche-page.niche-roofing-seo{--trade:#a85639;--trade-soft:#eeddd5;--trade-night:#1a0e09}
    .niche-page.niche-local-seo-for-tree-services{--trade:#4e845e;--trade-soft:#dce9df;--trade-night:#0a180e}
    .niche-page.niche-local-seo-for-dumpster-rental{--trade:#b88b34;--trade-soft:#eee5cf;--trade-night:#17130a}
    .niche-page.niche-water-damage-restoration-seo{--trade:#276d91;--trade-soft:#d6e7f0;--trade-night:#06151f}
    .niche-page.niche-local-seo-for-solar-companies{--trade:#b9852e;--trade-soft:#f1e5ca;--trade-night:#171207}

    /* ---- hero: one clean pattern, replaces the old blob treatments ---- */
    .niche-page .niche-hero{
      background:
        radial-gradient(880px 420px at 88% -40px, color-mix(in srgb, var(--trade) 26%, transparent), transparent 62%),
        radial-gradient(640px 480px at -60px 110%, rgba(182,239,0,.07), transparent 58%),
        var(--trade-night);
    }
    .niche-page .niche-hero .route-hero-grid{grid-template-columns:1.02fr .98fr;gap:60px;align-items:center}
    .niche-page .niche-hero .eyebrow{color:#d8ff6a!important}
    .niche-page .btn-primary{background:var(--lime)!important;color:#07120d!important}
    .niche-page .niche-hero h1{font-family:inherit;font-size:clamp(2.35rem,3.25vw,3.6rem)}

    .trade-hero-media{margin:0;min-width:0;display:grid;gap:18px;align-content:start}
    .trade-hero-photo{position:relative;margin:0;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.16);box-shadow:0 30px 80px rgba(0,0,0,.5);background:#0a0f0d}
    .trade-hero-photo img{display:block;width:100%;aspect-ratio:4/3.05;object-fit:cover}
    .trade-accent-bar{position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,var(--trade),color-mix(in srgb,var(--trade) 35%,#b6ef00));z-index:2}
    .trade-photo-tag{position:absolute;left:16px;bottom:14px;z-index:2;background:rgba(4,10,8,.8);color:#eaf6ef;border:1px solid rgba(255,255,255,.22);border-left:4px solid var(--trade);font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;padding:8px 12px;border-radius:8px}
    .trade-hero-note{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.13);border-left:4px solid var(--trade);border-radius:14px;padding:22px 24px}
    .trade-hero-note strong{display:block;color:#fff;font-size:1.04rem;line-height:1.4;margin-bottom:8px}
    .trade-hero-note p{margin:0;font-size:.93rem;line-height:1.66;color:#ccd6d1}

    /* ---- contrast: fix invisible text on trade-page light sections ----
       (eyebrows, numerals and links were rendering #b6ef00 on near-white:
       contrast ~1.2:1. #3f5f00 gives 6.4:1+ on every light background.) */
    .niche-page .route-section:not(.dark-section) .eyebrow{color:#3f5f00!important}
    .niche-page .route-section:not(.dark-section) .text-link{color:#3f5f00!important}
    .niche-page .route-section:not(.dark-section) .route-callout .text-link{color:#d8ff6a!important}
    .niche-page .route-section:not(.dark-section) .niche-pain-grid span,
    .niche-page .route-section:not(.dark-section) .field-grid span,
    .niche-page .route-section:not(.dark-section) .deep-grid>article>span{color:color-mix(in srgb,var(--trade) 58%,#1c2a1a)!important}
    .niche-page .route-section:not(.dark-section) .step-number{color:color-mix(in srgb,var(--ink) 38%,transparent)}
    .niche-page .visual-band figcaption{background:#a83c26}

    /* ---- mobile: hero stacks cleanly, no cutoff, no overflow ---- */
    @media(max-width:900px){
      .niche-page .niche-hero .route-hero-grid{gap:38px}
      .trade-hero-media{max-width:640px}
      .trade-hero-photo img{aspect-ratio:16/10}
    }
    @media(max-width:620px){
      .trade-hero-note{padding:18px}
      .trade-photo-tag{font-size:.66rem;left:12px;bottom:10px}
    }