/**
 * Section: header-cta-section
 *
 * Extracted from template-parts/header_cta_section.php.
 * Loaded via trunorth_enqueue_section('header-cta-section').
 */

.HeaderCTA-Section {
        /* Section spans viewport edge-to-edge so bg_color fills full
           width. Vertical padding here so bg extends top/bottom too. */
        display: block !important;
        width: 100vw !important;
        max-width: 100vw !important;
        margin-left: calc(50% - 50vw) !important;
        margin-right: calc(50% - 50vw) !important;
        padding: calc(var(--vw) * 3.75) 0 !important;
        box-sizing: border-box;

        .HeaderCTA-Inner {
            /* Inner content capped at 1400 + 8vw side padding to
               match card-grid below, so heading LEFT / button RIGHT
               align with the first/last image edges. */
            max-width: 1400px !important;
            margin: 0 auto !important;
            padding: 0 calc(var(--vw) * 8) !important;
            box-sizing: border-box;
            width: 100%;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .HeaderCTA-ButtonWrap {
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }