/* JTM 4.0.0-beta10 — isolated Font Awesome 4.7 glyph rendering.
 * Icons are rendered as real FA4 glyph text, not ::before pseudo-elements.
 * This prevents theme/Elementor/global CSS from suppressing them.
 */
@font-face {
  font-family: 'JTMFontAwesome4';
  src: url('../vendor/fontawesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('../vendor/fontawesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

#jtm-app .jtm-fa4,
#jtm-app .jtm-fa4::before,
#jtm-app .jtm-fa4::after {
  font-family: 'JTMFontAwesome4' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

#jtm-app .jtm-fa4 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1em !important;
  height: 1em !important;
  line-height: 1 !important;
  opacity: 1 !important;
  visibility: visible !important;
  overflow: visible !important;
  flex: 0 0 auto !important;
}

/* No pseudo-element is needed; neutralize any inherited icon rules. */
#jtm-app .jtm-fa4::before,
#jtm-app .jtm-fa4::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 782px) {
  #jtm-app .jtm-fa4-bars { font-size: 22px !important; color: #0f172a !important; }
  #jtm-app .jtm-fa4-search { font-size: 17px !important; color: #0f172a !important; }
  #jtm-app .jtm-fa4-bell { font-size: 18px !important; color: #0f172a !important; }
  #jtm-app .jtm-fa4-times { font-size: 20px !important; color: #fff !important; }

  #jtm-app .jtm-mobile-nav-toggle > .jtm-fa4,
  #jtm-app .jtm-mobile-nav-close > .jtm-fa4,
  #jtm-app .jtm-global-search .jtm-fa4,
  #jtm-app .jtm-notifications .jtm-fa4 {
    display: inline-flex !important;
  }
}