/* =========================================================
   visitBHV v4.6 MTN Brighter Sans Hard Override
   Fixes Safari/Chrome fallback by loading the font from the source URL.
   ========================================================= */

/* Use local file first if uploaded; otherwise load the GitHub raw font source. */
@font-face {
  font-family: "visitBHV MTN";
  src:
    url("../fonts/MTNBrighterSans-Bold.ttf") format("truetype"),
    url("https://raw.githubusercontent.com/sparkplug/mtn-momo-api-documentation/master/docs/.vuepress/theme/fonts/MTNBrighterSans-Bold.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --site-font: "visitBHV MTN";
  --heading-font: "visitBHV MTN";
  --body-font: "visitBHV MTN";
  --ui-font: "visitBHV MTN";
  --primary-color: #0d1b2a;
  --accent-color: #2a7f7f;
  --bg-color: #f9f8f6;
}

/* Absolute typography enforcement: same font everywhere. */
html,
body,
body *,
.site,
.site *,
main,
main *,
header,
header *,
footer,
footer *,
nav,
nav *,
input,
textarea,
select,
button,
label,
.editor-styles-wrapper,
.editor-styles-wrapper *,
.editor-post-title__input,
.block-editor-block-list__layout,
.block-editor-block-list__layout *,
.wp-block,
.wp-block *,
.elementor,
.elementor *,
.elementor-widget,
.elementor-widget * {
  font-family: "visitBHV MTN" !important;
  font-style: normal !important;
}

/* Keep hierarchy by weight and scale only. */
h1,
.hero-copy h1,
.hero h1,
.hero-title,
.detail-hero h1,
.inner-hero h1,
.editor-post-title__input,
.editor-styles-wrapper h1 {
  font-weight: 900 !important;
  line-height: 0.92 !important;
  letter-spacing: -0.06em !important;
}

h2,
.section-head h2,
.section-top h2,
.story-copy h2,
.student-copy h2,
.itinerary-card h2,
.survey h2,
.info h2,
.editor-styles-wrapper h2 {
  font-weight: 850 !important;
  line-height: 0.96 !important;
  letter-spacing: -0.052em !important;
}

h3,
.path-card h3,
.place-body h3,
.feature h3,
.event h3,
.info-card h3,
.mini-card h3,
.editor-styles-wrapper h3 {
  font-weight: 750 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.035em !important;
}

h4,
h5,
h6,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
  font-weight: 700 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.02em !important;
}

p,
li,
blockquote,
.hero-lead,
.path-card p,
.place-body p,
.feature p,
.event p,
.info-card p,
.mini-card p,
.footer p,
.vbhv-official-footer p,
.editor-styles-wrapper p,
.editor-styles-wrapper li {
  font-weight: 400 !important;
  line-height: 1.65 !important;
}

.nav-menu a,
button,
.btn,
.header-cta,
.filter-btn,
.footer-newsletter button,
.place-card a,
.path-card a,
.text-link,
.vbhv-link {
  font-weight: 750 !important;
}

.eyebrow,
.micro-label,
.tag,
.vbhv-daytrip-timeline__time {
  font-weight: 800 !important;
  letter-spacing: 0.12em !important;
  text-transform: uppercase !important;
}

.text-accent,
.heading-accent,
.hero-copy h1 span,
.hero h1 span {
  color: var(--accent-color) !important;
  font-family: "visitBHV MTN" !important;
  font-weight: inherit !important;
}

::selection {
  background: rgba(42, 127, 127, 0.22) !important;
  color: inherit !important;
}

::-moz-selection {
  background: rgba(42, 127, 127, 0.22) !important;
  color: inherit !important;
}