/**
 * Site-wide type roles (Theme Settings: --ph-font-heading / --ph-font-body).
 *
 * Heading font: h1–h6, buttons, links.
 * Body font:   everything else (default on body + form controls).
 *
 * Component CSS must not set --ph-font-heading / --ph-font-body; use this file only.
 */

body {
	font-family: var(--ph-font-body);
}

h1,
h2,
h3,
h4,
h5,
h6,
button,
input[type="button"],
input[type="submit"],
input[type="reset"],
.ph-btn,
a {
	font-family: var(--ph-font-heading);
}

/* Form fields and labels stay body (not link-styled controls). */
input:not([type="button"]):not([type="submit"]):not([type="reset"]),
select,
textarea,
.ph-input,
.ph-label,
label {
	font-family: var(--ph-font-body);
}

/* Numeric / step badges (stats, test flows) */
.ph-font-numeric,
[data-ph-font="numeric"],
.ph-architect__stat-box-number,
.ph-tests-cat-how__badge,
.ph-test-how-step__badge {
	font-family: var(--ph-font-custom);
}

/* WooCommerce buttons match site buttons */
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	font-family: var(--ph-font-heading);
}

/* WooCommerce block checkout — WC defaults override base typography without !important */
body.woocommerce-checkout .wc-block-components-text-input .wc-block-components-text-input__wrapper > label {
	font-family: var(--ph-font-body) !important;
}

body.woocommerce-checkout .wc-block-components-text-input input[type="email"],
body.woocommerce-checkout .wc-block-components-text-input input[type="tel"],
body.woocommerce-checkout .wc-block-components-text-input input[type="text"],
body.woocommerce-checkout .wc-block-components-text-input input[type="number"],
body.woocommerce-checkout .wc-block-components-text-input input[type="url"],
body.woocommerce-checkout .wc-block-components-text-input input[type="password"],
body.woocommerce-checkout .wc-block-components-text-input select {
	font-family: var(--ph-font-body) !important;
}

body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__label {
	font-family: var(--ph-font-body) !important;
}

body.woocommerce-checkout .wc-blocks-components-select .wc-blocks-components-select__select {
	font-family: var(--ph-font-body) !important;
}

body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
body.woocommerce-checkout .wc-block-components-combobox .wc-block-components-combobox-control input {
	font-family: var(--ph-font-body) !important;
}

body.woocommerce-checkout .wc-block-components-textarea {
	font-family: var(--ph-font-body) !important;
}