/* ==========================================================================
   Foxall & Young — TYPOGRAPHY layer (loads site-wide on every page)

   Single-family type system: Montserrat everywhere. The stock theme shipped
   three families — Arimo (body), Montserrat (headings/menu), Poppins (accent).
   This layer collapses that to Montserrat only.

   WHY AN OVERRIDE LAYER AND NOT A SOURCE EDIT:
   The families are baked into the compiled style.min.css, whose LESS variables
   (@body_font, @primary_font, …) are resolved from theme options stored in the
   GSF database — not from anything in the repo. There is no build step here and
   no filter on the options getter, so the LESS sources cannot be recompiled and
   a DB value could re-emit `body{font-family:'Arimo'}` as inline CSS after our
   stylesheet. Hence: enqueued with a hard dependency on the main handle so it
   always prints later, and font-family declarations carry !important so a
   stale/overridden DB option can never win.

   SAFETY: only text selectors are touched. Icon fonts (FontAwesome,
   ElegantIcons, flaticon, revicons) live exclusively on :before/:after
   pseudo-elements and are deliberately never matched here — forcing a family
   onto those would turn every icon into a literal glyph character.
   ========================================================================== */

:root{
  /* Single source of truth for the whole type system. */
  --fy-font: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

/* --------------------------------------------------------------------------
   1. BODY — was Arimo (style.css:2584). Size/weight/line-height are left at
   the theme's 15px / 400 / 1.73 on purpose: this change is family-only.
   Everything that inherits from body follows automatically.
   -------------------------------------------------------------------------- */
body{
  font-family: var(--fy-font) !important;
}

/* --------------------------------------------------------------------------
   2. FORM CONTROLS — browsers do NOT inherit the body font into inputs, so
   these need naming explicitly or they fall back to the UA default.
   -------------------------------------------------------------------------- */
input,
select,
textarea,
button,
optgroup{
  font-family: var(--fy-font) !important;
}
/* Placeholders inherit from their input, so the rule above already covers them.
   Stated explicitly anyway: some UA stylesheets specify a font on the
   placeholder pseudo directly, which would beat inheritance. */
::-webkit-input-placeholder{ font-family: var(--fy-font) !important; }
::-moz-placeholder{ font-family: var(--fy-font) !important; }
:-ms-input-placeholder{ font-family: var(--fy-font) !important; }
::placeholder{ font-family: var(--fy-font) !important; }

/* --------------------------------------------------------------------------
   3. HEADINGS + MENU — already Montserrat via the theme options, restated here
   so the family survives if a DB option is ever changed, and so this file is
   the one place that defines site typography.
   -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.heading_font,
.main-menu > .menu-item > a,
.main-menu ul.sub-menu,
.mobile-menu-wrapper a{
  font-family: var(--fy-font) !important;
}

/* --------------------------------------------------------------------------
   4. WAS POPPINS — the theme's "primary font" accent role (style.css:2901,
   4943, 4970, 7917, 8461). Folded into Montserrat.
   -------------------------------------------------------------------------- */
.primary-font,
.has-drop-cap:not(:focus):first-letter,
.gf-heading .heading_title,
.top-drawer-wrap .widget_nav_menu li a,
.top-bar .widget_nav_menu li a,
.bottom-bar-wrapper .widget_nav_menu li a,
.header-vertical.widget_nav_menu li a,
ul.search-popup-list .sa-post-title,
ul.search-popup-list .sa-post-meta,
ul.social-icon-square > li > a,
.review-wrapper .review-list li span,
.review-wrapper .review-desc .review-summary-title,
.gf-menu-vertical a,
.gf-post-navigation > div span,
.gf-post-like{
  font-family: var(--fy-font) !important;
}

/* --------------------------------------------------------------------------
   5. WAS ARIMO — the theme's "body font" utility class + WooCommerce product
   meta (style.css:8453).
   -------------------------------------------------------------------------- */
.body-font,
.single-product-info .summary-product .product_meta .sku_wrapper .sku,
.single-product-info .summary-product .product_meta .posted_in .sku,
.single-product-info .summary-product .product_meta .sku_wrapper a,
.single-product-info .summary-product .product_meta .posted_in a{
  font-family: var(--fy-font) !important;
}

/* --------------------------------------------------------------------------
   6. PAGE-BUILDER / BLOCK-EDITOR CONTAINERS — WPBakery text/heading elements and
   Gutenberg blocks. These inherit from body already; they are named explicitly
   only because WP core's theme.json ships Inter/Cardo font-family presets
   (--wp--preset--font-family--*) that a block can opt into and win with.
   Deliberately container-level, not a descendant wildcard: children inherit
   from here, and a `*` rule would be a standing trap for any future icon or
   embed that legitimately needs its own family.
   -------------------------------------------------------------------------- */
.wpb_text_column,
.vc_custom_heading,
.rev_slider .tp-caption,
.entry-content [class*="wp-block-"]{
  font-family: var(--fy-font) !important;
}