/**
 * Ward & Stake Page Fonts
 *
 * Conditionally loaded only on stake/ward post types.
 * Overrides default Poppins+Lato with Quattrocento+Montserrat.
 *
 * @package GeneratePress_Saints
 * @since 1.0.0
 */

/* Override body fonts with Montserrat */
body, button, input, select, textarea {
    font-family: 'Montserrat', -apple-system, system-ui, sans-serif !important;
}

/* Override heading fonts with Quattrocento (except H3) */
h1, h2, h4, h5, h6 {
    font-family: 'Quattrocento', -apple-system, system-ui, sans-serif !important;
}

/* H3 uses Montserrat (body font) */
h3 {
    font-family: 'Montserrat', -apple-system, system-ui, sans-serif !important;
}

/* Override Elementor CSS variables for Ward/Stake pages */
:root {
    --e-global-typography-text-font-family: 'Montserrat' !important;
    --e-global-typography-primary-font-family: 'Quattrocento' !important;
    --e-global-typography-secondary-font-family: 'Quattrocento' !important;
    --e-global-typography-accent-font-family: 'Quattrocento' !important;
}

/*====================
RESPONSIVE TYPOGRAPHY - Ward/Stake Pages
====================*/

/* Desktop Typography (default) */
body, button, input, select, textarea {
    font-size: 1.05rem;
    font-weight: 400;
    line-height: 1.6em;
}

h1 {
    font-size: 3.4rem;
    font-weight: 700;
    line-height: 1.5;
}

h2 {
    font-size: 2.4rem;
    font-weight: 700;
    line-height: 1.2;
}

h3 {
    font-size: 1.2rem;
    font-weight: 400;
    line-height: 1.2;
}

h4 {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1.3;
}

h5 {
    font-size: 1.05rem;
    font-weight: 600;
    line-height: 1.4;
}

h6 {
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.4;
}

/* Tablet Typography (768px - 1024px) */
@media (max-width: 1024px) {
    body, button, input, select, textarea {
        font-size: 1.05rem;
        font-weight: 400;
        line-height: 1.6em;
    }

    h1 {
        font-size: 44px;
        font-weight: 700;
        line-height: 1.5;
    }

    h2 {
        font-size: 32px;
        font-weight: 700;
        line-height: 1.2;
    }

    h3 {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.2;
    }

    h4 {
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1.3;
    }

    h5 {
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.4;
    }

    h6 {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
}

/* Mobile Typography (up to 767px) */
@media (max-width: 767px) {
    body, button, input, select, textarea {
        font-size: 1.05rem;
        font-weight: 400;
        line-height: 1.6em;
    }

    h1 {
        font-size: 38px;
        font-weight: 700;
        line-height: 1.5;
    }

    h2 {
        font-size: 28px;
        font-weight: 700;
        line-height: 1.2;
    }

    h3 {
        font-size: 1.2rem;
        font-weight: 400;
        line-height: 1.2;
    }

    h4 {
        font-size: 1.1rem;
        font-weight: 600;
        line-height: 1.3;
    }

    h5 {
        font-size: 1.05rem;
        font-weight: 600;
        line-height: 1.4;
    }

    h6 {
        font-size: 1rem;
        font-weight: 500;
        line-height: 1.4;
    }
}