/* ── Belya Story — display / headings font ─────────────────────────────── */
@font-face {
    font-family: 'Belya Story';
    src: url('../fonts/belya-story.woff2') format('woff2'),
         url('../fonts/belya-story.woff')  format('woff'),
         url('../fonts/belya-story.ttf')   format('truetype');
    font-weight: normal;
    font-style:  normal;
    font-display: swap;
}

/* ── Sitka — body / UI font (variable) ─────────────────────────────────── */
@font-face {
    font-family: 'Sitka';
    src: url('../fonts/sitka.ttf') format('truetype');
    font-weight: 100 900;
    font-style:  normal;
    font-display: swap;
}
@font-face {
    font-family: 'Sitka';
    src: url('../fonts/sitka-italic.ttf') format('truetype');
    font-weight: 100 900;
    font-style:  italic;
    font-display: swap;
}

/* ============================================================
   FRONTEND FONT OVERRIDE — Unity Roots
   Scoped to frontend only via body:not(.wp-admin)
   Body: Sitka  |  Headings: Belya Story
   ============================================================ */

/* 1. Base font on body — clean cascade */
body:not(.wp-admin) {
    font-family: 'Sitka', Georgia, serif !important;
}

/* 2. Body font — common text elements via :is()
      !important needed to override Elementor's own font CSS */
body:not(.wp-admin) :is(
    p, span, a, li,
    button, input, select, textarea,
    label, th, td,
    blockquote, figcaption,
    legend, summary,
    pre, code,
    small, strong, em, b, u, s,
    address, cite, q, time,
    .elementor-widget-text-editor,
    .elementor-button-text,
    .elementor-button-content-wrapper,
    .elementor-tab-content,
    .elementor-icon-list-text,
    .elementor-counter-title,
    .nav-desktop-menu a,
    [data-menu-mobile] a,
    .elementor-nav-menu__item .elementor-item,
    .wp-block-button__link,
    .wp-element-caption,
    .wp-block-quote cite
) {
    font-family: 'Sitka', Georgia, serif !important;
}

/* 3. Heading font — Belya Story */
body:not(.wp-admin) :is(
    h1, h2, h3, h4, h5, h6
) {
    font-family: 'Belya Story', Georgia, serif !important;
}

body:not(.wp-admin) :is(
    .elementor-heading-title,
    .elementor-heading-title a,
    .elementor-heading-title span,
    .ur-ev-hero__title,
    .ur-ec-card__title, .ur-ec-card__title a,
    .ur-story-card__title, .ur-story-card__title a,
    .ur-rc-card__title, .ur-rc-card__title a,
    .ur-event-card__title, .ur-event-card__title a,
    .ur-rc-heading, .ur-rc-label
) {
    font-family: 'Belya Story', Georgia, serif !important;
}

/* 4. Protect icon fonts — let their own CSS win */
.fa, .fas, .far, .fal, .fad, .fab,
.fa-solid, .fa-regular, .fa-brands,
.eicon,
.dashicons,
[class*="fa-"],
[class*="-icon"],
[class$="icon"],
[class^="icon-"] {
    font-family: inherit;
}