/* Global font assignment + responsive word-spacing (ONLY word-spacing changed) */
:root {
  --ali-font-stack: "Inter Local", "Noto Nastaliq Local", system-ui, -apple-system, "Segoe UI", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
  --ali-heading-stack: var(--ali-font-stack);
  --ali-word-spacing-sm: 0.02em; /* mobile */
  --ali-word-spacing-lg: 0.04em; /* tablet/desktop */
}

/* Apply across site: Astra + Spectra (UAG) + Elementor */
html, body, .site, #page, #content {
  font-family: var(--ali-font-stack) !important;
  word-spacing: var(--ali-word-spacing-sm);
}

h1, h2, h3, h4, h5, h6,
.entry-title,
.uagb-heading-text,
.uagb-post__title,
.uagb-post-grid .uagb-post__title,
.elementor-heading-title,
.elementor-widget-heading .elementor-heading-title,
.wp-block-heading,
.wp-block-post-title {
  font-family: var(--ali-heading-stack) !important;
  word-spacing: var(--ali-word-spacing-sm);
}

/* Forms & buttons */
button, input, select, textarea,
.elementor-button,
.wp-block-button__link {
  font-family: var(--ali-font-stack) !important;
}

/* Ensure builder inner content inherits */
.elementor, .elementor *,
.wp-block, .wp-block *,
.uagb-container, .uagb-container * {
  font-family: var(--ali-font-stack) !important;
}

/* Responsive word spacing only */
@media (min-width: 768px) {
  body,
  h1, h2, h3, h4, h5, h6,
  .entry-title,
  .elementor-heading-title,
  .uagb-heading-text {
    word-spacing: var(--ali-word-spacing-lg);
  }
}