/**
 * ARC typography.
 *
 * Two families, everywhere:
 *
 *   itc-avant-garde-gothic-pro  headings, titles, buttons, navigation
 *   avenir-next-lt-pro          body copy, form controls, tables, everything else
 *
 * WHY THE SELECTORS LOOK LIKE THIS
 *
 * This theme runs inside Elementor, whose global kit writes rules such as
 *
 *     .elementor-kit-12 h1 { font-family: "Bebas Neue", Sans-serif; }
 *     .elementor-kit-12 { font-family: "Roboto", Sans-serif; }
 *
 * The kit class sits on <body>, so those rules match every heading on the site
 * at specificity (0,1,1) — which beats a plain `h1 { }` at (0,0,1) and beats a
 * single class at (0,1,0). Hello Elementor's own `body { font-family: ... }`
 * has to be outranked too.
 *
 * So every rule here is anchored on `body.arc-fonts`, added by
 * arc_body_font_class() in functions.php. `body.arc-fonts h1` is (0,1,2) and
 * wins cleanly, and the anchor doubles as documentation: if the class is not on
 * the page, none of this applies.
 *
 * WHY NOT !important
 *
 * Because the dashboard's own stylesheets deliberately set families on specific
 * components — `.arc-tab.arc-rf .arc-tab-title`, `.arc-single.arc-fund
 * h1.arc-fund-title` — and those are more specific than anything here, so they
 * still win. Blanket !important would flatten that and take the design with it.
 * The rules below exist to beat Elementor, not to beat ARC.
 *
 * WHAT IS DELIBERATELY NOT TARGETED
 *
 * Icon fonts. Font Awesome, Elementor's eicons and Dashicons all work by
 * mapping glyphs onto private-use code points in their own family; overriding
 * font-family on them replaces every icon with a blank box. They are excluded
 * explicitly rather than by hoping the cascade misses them.
 */

/* ---------------------------------------------------------------------------
   Body copy
   --------------------------------------------------------------------------- */

/*body.arc-fonts,
body.arc-fonts p,
body.arc-fonts li,
body.arc-fonts dd,
body.arc-fonts dt,
body.arc-fonts td,
body.arc-fonts th,
body.arc-fonts figcaption,
body.arc-fonts blockquote,
body.arc-fonts address {
	font-family: 'avenir-next-lt-pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}*/

/* Elementor text widgets and containers, which name their own family. */
/*body.arc-fonts .elementor-widget-text-editor,
body.arc-fonts .elementor-widget-text-editor p,
body.arc-fonts .elementor-widget-testimonial,
body.arc-fonts .elementor-widget-icon-list .elementor-icon-list-text,
body.arc-fonts .elementor-widget-container,
body.arc-fonts .elementor-tab-content,
body.arc-fonts .elementor-price-list-description {
	font-family: 'avenir-next-lt-pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}*/

/* ---------------------------------------------------------------------------
   Headings
   --------------------------------------------------------------------------- */

/*body.arc-fonts h1,
body.arc-fonts h2,
body.arc-fonts h3,
body.arc-fonts h4,
body.arc-fonts h5,
body.arc-fonts h6 {
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
}*/

/* Elementor renders headings through a widget wrapper and sets the family on
   the inner element, so the bare h1-h6 rules above never reach it. */
/*body.arc-fonts .elementor-widget-heading .elementor-heading-title,
body.arc-fonts .elementor-widget-heading h1.elementor-heading-title,
body.arc-fonts .elementor-widget-heading h2.elementor-heading-title,
body.arc-fonts .elementor-widget-heading h3.elementor-heading-title,
body.arc-fonts .elementor-widget-heading h4.elementor-heading-title,
body.arc-fonts .elementor-widget-heading h5.elementor-heading-title,
body.arc-fonts .elementor-widget-heading h6.elementor-heading-title,
body.arc-fonts .elementor-widget-post-info .elementor-post-info__item,
body.arc-fonts .elementor-widget-image-box .elementor-image-box-title,
body.arc-fonts .elementor-widget-icon-box .elementor-icon-box-title,
body.arc-fonts .elementor-accordion .elementor-tab-title,
body.arc-fonts .elementor-toggle .elementor-tab-title {
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
}*/

/* The site header and footer are Elementor templates of their own. */
/*body.arc-fonts .elementor-nav-menu .elementor-item,
body.arc-fonts .elementor-nav-menu--dropdown .elementor-item,
body.arc-fonts nav.elementor-nav-menu--main .elementor-item,
body.arc-fonts .elementor-widget-nav-menu .elementor-item {
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
}*/

/* ---------------------------------------------------------------------------
   Controls
   --------------------------------------------------------------------------- */

/*body.arc-fonts input,
body.arc-fonts textarea,
body.arc-fonts select,
body.arc-fonts optgroup,
body.arc-fonts option,
body.arc-fonts label,
body.arc-fonts legend {
	font-family: 'avenir-next-lt-pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}*/

/* Buttons read as labels rather than as prose, so they take the display face —
   which is what the dashboard and checkout already do to their own buttons. */
/*body.arc-fonts button,
body.arc-fonts input[type="submit"],
body.arc-fonts input[type="button"],
body.arc-fonts .elementor-button,
body.arc-fonts .elementor-button-text,
body.arc-fonts a.elementor-button,
body.arc-fonts .wp-element-button {
	font-family: 'itc-avant-garde-gothic-pro', sans-serif;
}*/

/* ---------------------------------------------------------------------------
   Icon fonts: hands off
   --------------------------------------------------------------------------- */

/*body.arc-fonts i[class*="fa-"],
body.arc-fonts i[class*="fas"],
body.arc-fonts i[class*="fab"],
body.arc-fonts i[class*="far"],
body.arc-fonts span[class*="fa-"],
body.arc-fonts .fa,
body.arc-fonts .fas,
body.arc-fonts .fab,
body.arc-fonts .far,
body.arc-fonts .fal,
body.arc-fonts .eicon,
body.arc-fonts i.eicon,
body.arc-fonts [class^="eicon-"],
body.arc-fonts [class*=" eicon-"],
body.arc-fonts .dashicons,
body.arc-fonts .dashicons-before::before,
body.arc-fonts [class^="dashicons-"],
body.arc-fonts [class*=" dashicons-"] {
	font-family: inherit;
}*/

/* `font-family: inherit` above only stops OUR rules reaching them; the icon
   libraries set their own family at higher specificity and keep it. This
   belt-and-braces line restores it for the two that matter most, in case a
   future rule here is written more broadly than intended. */
/*body.arc-fonts .dashicons,
body.arc-fonts .dashicons-before::before {
	font-family: dashicons;
}

body.arc-fonts .eicon,
body.arc-fonts [class^="eicon-"],
body.arc-fonts [class*=" eicon-"] {
	font-family: eicons;
}*/

/* ---------------------------------------------------------------------------
   Code stays monospace. A stack trace in a proportional face is unreadable.
   --------------------------------------------------------------------------- */

/*body.arc-fonts code,
body.arc-fonts kbd,
body.arc-fonts pre,
body.arc-fonts samp,
body.arc-fonts tt {
	font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, 'Liberation Mono', monospace;
}*/