/* ================================================================
   BLOCKS OVERRIDES — Top Notch Consulting
   Overrides accent colours from all 8 reusable section blocks
   to match Top Notch brand green: #ba0c2f / dark: #8f0924
   Loaded AFTER all block CSS files in header.php
================================================================ */

/* ── Neutralise block-level body resets that affect site layout ── */
body {
    font-family: 'Inter', sans-serif;
    background: #ffffff;
    color: #1f2937;
}

/* ── All block accent variables → Top Notch green ─────────────── */
:root {
    /* split-story-milestones */
    --ssm-accent:              #ba0c2f;

    /* metrics-overview */
    --mop-accent:              #ba0c2f;
    --mop-accent-dark:         #8f0924;
    --mop-accent-soft:         rgba(186, 12, 47, 0.12);

    /* layered-engagement-showcase */
    --les-accent:              #ba0c2f;
    --les-accent-dark:         #8f0924;
    --les-accent-soft:         rgba(186, 12, 47, 0.1);

    /* split-experience-highlights */
    --seh-accent:              #ba0c2f;
    --seh-accent-dark:         #8f0924;

    /* reusable-showcase-block */
    --rsb-accent:              #ba0c2f;
    --rsb-accent-soft:         rgba(186, 12, 47, 0.1);

    /* phased-process-overview */
    --ppo-accent:              #ba0c2f;
    --ppo-accent-dark:         #8f0924;
    --ppo-accent-soft:         rgba(186, 12, 47, 0.08);
    --ppo-accent-soft-strong:  rgba(186, 12, 47, 0.14);

    /* policy-terms-panel */
    --ptp-accent:              #ba0c2f;
    --ptp-accent-dark:         #8f0924;

    /* privacy-compliance-panel */
    --ppc-accent:              #ba0c2f;
    --ppc-accent-dark:         #8f0924;
}

/* ── Fix hardcoded ssm timeline + pillar decorative colours ────── */
.ssm-badge {
    box-shadow: 0 8px 28px rgba(82, 180, 75, 0.42);
}
.ssm-timeline__track::before {
    background: linear-gradient(
        to right,
        rgba(82, 180, 75, 0.18),
        var(--ssm-accent),
        rgba(82, 180, 75, 0.18)
    );
}
.ssm-timeline__marker {
    box-shadow: 0 0 0 3px rgb(180 75 75 / 30%);
}
.ssm-pillar {
    border-left-color: rgb(180 75 75 / 30%);
}
.ssm-pillar__num {
    color: rgb(180 75 75 / 40%);
}
.ssm-pillar:hover .ssm-pillar__num {
    color: var(--ssm-accent);
}

/* ── Fix hardcoded mop intro border + badge shadow ──────────────── */
.mop-intro__copy {
    border-left-color: rgba(82, 180, 75, 0.26);
}
.mop-visual__badge {
    box-shadow: 0 10px 18px rgba(82, 180, 75, 0.22);
}
.mop-btn--solid:hover {
    box-shadow: 0 8px 18px rgba(82, 180, 75, 0.18);
}

/* ── Fix hardcoded les badge shadow ─────────────────────────────── */
.les__badge {
    box-shadow: 0 8px 24px rgba(82, 180, 75, 0.34);
}

/* ── Ensure block sections sit flush with pt-24 header offset ──── */
.ssm-block,
.mop-block,
.les,
.seh-block,
.rsb,
.ppo,
.ptp-block,
.ppc-block {
    font-family: 'Inter', sans-serif;
}