@import url("https://fonts.googleapis.com/css2?family=Amiri:ital,wght@0,400;0,700;1,400;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

/* Elementor global typography variables */
:root {
	--e-global-typography-text-font-family: "Poppins", sans-serif;
	--e-global-typography-primary-font-family: "Poppins", sans-serif;
	--e-global-typography-secondary-font-family: "Poppins", sans-serif;
	--e-global-typography-accent-font-family: "Poppins", sans-serif;
}

html,
body {
	font-family: "Poppins", sans-serif !important;
}

/*
 * Do NOT use `body *:not(.fa):not(.fas):…` — each :not(.class) raises specificity.
 * That beat `._slashdown-page-header h1` and other hero rules even with !important.
 * Rely on inheritance from body, then nudge common UI/copy where themes set fonts.
 */
p,
li,
td,
th,
label,
figcaption,
blockquote,
dd,
dt,
address,
.elementor-widget-text-editor,
.elementor-icon-list-text,
.elementor-tab-title,
.elementor-accordion .elementor-tab-title,
.elementor-alert .elementor-alert-title,
.wp-block-post-content,
.wpcf7-form,
._slashdown-menu-primary a,
._slashdown-footer,
button,
input,
select,
textarea,
optgroup {
	font-family: "Poppins", sans-serif !important;
}

/* -------- Amiri: hero headers -------- */
/* Kinship page title band */
._slashdown-page-header h1,
._slashdown-page-header .page-header-wrapper h1,
.page-header-wrapper > h1,
.page-header-wrapper h1 a,

/* Elementor fullscreen / full-viewport top hero (e.g. home) */
section.elementor-top-section.elementor-section-height-full .elementor-widget-heading .elementor-heading-title,
section.elementor-top-section.elementor-section-height-full h1.elementor-heading-title,

/*
 * Blog / single-post template: title sits in elementor-location-single, NOT .post-content.
 * Per-post CSS uses 4+ classes (e.g. .elementor-12210 … .elementor-heading-title { font-family: Roboto }).
 * This chain beats those rules when both use !important.
 */
body .elementor-location-single .elementor-widget-theme-post-title .elementor-widget-container h1.elementor-heading-title,
body .elementor-location-single .elementor-widget.elementor-widget-theme-post-title.elementor-page-title h1.elementor-heading-title,
.elementor-location-single section.elementor-top-section:first-of-type .elementor-widget-heading h1.elementor-heading-title,

/* Fallback: Elementor single title row (stable section id on this site’s template) */
section.elementor-element-3b24fb2a h1.elementor-heading-title {
	font-family: "Amiri", sans-serif !important;
}

/* -------- Amiri: section headers (slashdown blocks + Elementor heading widgets in main) -------- */
.post-content .slashdown-heading__title,
.post-content .slashdown-heading__subtitle,
.post-content .slashdown-heading__backtitle,
.post-content h2.elementor-heading-title,
.post-content h3.elementor-heading-title,
.post-content h4.elementor-heading-title,
.post-content h5.elementor-heading-title,
.post-content h6.elementor-heading-title {
	font-family: "Amiri", sans-serif !important;
}