/**
 * Elementor Kit isolation — loads AFTER elementor-frontend / kit CSS.
 *
 * Problem: Kit Theme Styles paint `body.elementor-kit-*` (and `a` / `h1–h6`),
 * so header, TOC, article chrome, etc. inherit broken Google fonts (→ Times)
 * and kit link/text colors.
 *
 * Rules:
 * 1) Theme chrome always keeps IRANYekanXVF + theme colors.
 * 2) Inside `.elementor`, kit CSS vars default to theme font (no Times fallback).
 * 3) Per-widget typography set in Elementor is NOT overridden (no !important
 *    on `.elementor-heading-title` etc.) so only that widget changes.
 */

/* ——— 1) Body: restore theme typeface; remap broken kit font vars ——— */
body[class*='elementor-kit-'],
body.elementor-page,
body.elementor-template-full-width,
body.elementor-template-canvas,
body.elementor-default {
  --e-global-typography-primary-font-family: IRANYekanXVF;
  --e-global-typography-secondary-font-family: IRANYekanXVF;
  --e-global-typography-text-font-family: IRANYekanXVF;
  --e-global-typography-accent-font-family: IRANYekanXVF;
  font-family: var(--ia-font-family, 'IRANYekanXVF', system-ui, sans-serif) !important;
  color: var(--c-black, #1d1e22);
}

/* ——— 2) Theme chrome: beat kit selectors like `.elementor-kit-N a|h1|button` ——— */
body[class*='elementor-kit-'] .navbar,
body[class*='elementor-kit-'] .navbar a,
body[class*='elementor-kit-'] .navbar button,
body[class*='elementor-kit-'] .navbar span,
body[class*='elementor-kit-'] .navbar p,
body[class*='elementor-kit-'] .navbar li,
body[class*='elementor-kit-'] .ia-nav,
body[class*='elementor-kit-'] .ia-nav a,
body[class*='elementor-kit-'] .ia-nav button,
body[class*='elementor-kit-'] .ia-nav span,
body[class*='elementor-kit-'] .ia-bottom-nav-wrap,
body[class*='elementor-kit-'] .ia-mobile-header,
body[class*='elementor-kit-'] .offcanvas,
body[class*='elementor-kit-'] .offcanvas a,
body[class*='elementor-kit-'] .site-footer,
body[class*='elementor-kit-'] .site-footer a,
body[class*='elementor-kit-'] footer.footer,
body[class*='elementor-kit-'] footer.footer a,
body[class*='elementor-kit-'] .ia-single,
body[class*='elementor-kit-'] .ia-archive,
body[class*='elementor-kit-'] .ia-card,
body[class*='elementor-kit-'] .ia-article,
body[class*='elementor-kit-'] .ia-article a,
body[class*='elementor-kit-'] .ia-article button,
body[class*='elementor-kit-'] .ia-article summary,
body[class*='elementor-kit-'] .ia-article h1,
body[class*='elementor-kit-'] .ia-article h2,
body[class*='elementor-kit-'] .ia-article h3,
body[class*='elementor-kit-'] .ia-article h4,
body[class*='elementor-kit-'] .ia-article h5,
body[class*='elementor-kit-'] .ia-article h6,
body[class*='elementor-kit-'] .ia-article p,
body[class*='elementor-kit-'] .ia-article li,
body[class*='elementor-kit-'] .ia-toc,
body[class*='elementor-kit-'] .ia-toc a,
body[class*='elementor-kit-'] .ia-toc summary {
  font-family: var(--ia-font-family, 'IRANYekanXVF', system-ui, sans-serif);
}

/* Nav link colors (kit Theme Style often restyles every `a`) */
body[class*='elementor-kit-'] .ia-nav__link,
body[class*='elementor-kit-'] .ia-nav__trigger,
body[class*='elementor-kit-'] .ia-nav__sublink {
  color: var(--c-gray-800, #2e2f35);
  font-family: inherit;
}

body[class*='elementor-kit-'] .ia-nav__link:hover,
body[class*='elementor-kit-'] .ia-nav__trigger:hover,
body[class*='elementor-kit-'] .ia-nav__item.is-active > .ia-nav__link,
body[class*='elementor-kit-'] .ia-nav__item.is-active > .ia-nav__trigger,
body[class*='elementor-kit-'] .ia-nav__sublink:hover,
body[class*='elementor-kit-'] .ia-nav__sublink.is-active {
  color: var(--brand, #ec3c4e);
}

/* Article chrome */
body[class*='elementor-kit-'] .ia-article__title {
  font-family: var(--morabba-font-family, 'IRANYekanXVF'), sans-serif;
  color: var(--ia-ink, #1d1e22);
}

body[class*='elementor-kit-'] .ia-article__meta,
body[class*='elementor-kit-'] .ia-article__meta a,
body[class*='elementor-kit-'] .ia-article__breadcrumb,
body[class*='elementor-kit-'] .ia-article__breadcrumb a {
  color: var(--ia-ink-muted, #6b7280);
  font-family: inherit;
}

body[class*='elementor-kit-'] .ia-article__meta-cat {
  color: var(--brand, #ec3c4e);
}

body[class*='elementor-kit-'] .ia-toc > summary {
  color: var(--ia-ink, #1d1e22);
  font-family: inherit;
}

body[class*='elementor-kit-'] .ia-toc__link {
  color: var(--ia-ink-soft, #3f4148);
  font-family: inherit;
}

body[class*='elementor-kit-'] .ia-toc__item--h3 .ia-toc__link {
  color: var(--ia-ink-muted, #6b7280);
}

body[class*='elementor-kit-'] .ia-toc__link:hover,
body[class*='elementor-kit-'] .ia-toc__link:focus-visible {
  color: var(--brand, #ec3c4e);
}

body[class*='elementor-kit-'] .ia-article__content {
  color: var(--ia-ink-soft, #3f4148);
  font-family: inherit;
}

body[class*='elementor-kit-'] .ia-article__content h2,
body[class*='elementor-kit-'] .ia-article__content h3,
body[class*='elementor-kit-'] .ia-article__content h4,
body[class*='elementor-kit-'] .ia-article__content h5 {
  font-family: var(--morabba-font-family, 'IRANYekanXVF'), sans-serif;
  color: var(--ia-ink, #1d1e22);
}

body[class*='elementor-kit-'] .ia-article__content a:not(.ia-btn):not(.elementor a) {
  color: var(--brand, #ec3c4e);
}

/* ——— 3) Elementor canvases: theme font by default; widget-level fonts win ——— */
body[class*='elementor-kit-'] .elementor,
body.elementor-page .elementor,
.elementor-editor-active .elementor {
  font-family: var(
    --e-global-typography-text-font-family,
    var(--ia-font-family, 'IRANYekanXVF', system-ui, sans-serif)
  );
}

/*
 * Do NOT set !important on .elementor-heading-title / text widgets.
 * Elementor per-element CSS (`.elementor-element-xxxx`) must be able to
 * change only that widget’s font when the user picks one in the editor.
 */