/* =========================================================
   visitBHV v4.5 Unified Typography
   Purpose: one font across every text level without redesigning.
   Loads last.
   ========================================================= */

/* Local MTN Brighter Sans files expected here:
   /wp-content/themes/visitbhv/assets/fonts/MTNBrighterSans-Regular.ttf
   /wp-content/themes/visitbhv/assets/fonts/MTNBrighterSans-Medium.ttf
   /wp-content/themes/visitbhv/assets/fonts/MTNBrighterSans-Bold.ttf
*/

@font-face {
  font-family: "MTN Brighter Sans";
  src: url("../fonts/MTNBrighterSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MTN Brighter Sans";
  src: url("../fonts/MTNBrighterSans-Medium.ttf") format("truetype");
  font-weight: 500 650;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "MTN Brighter Sans";
  src: url("../fonts/MTNBrighterSans-Bold.ttf") format("truetype");
  font-weight: 700 900;
  font-style: normal;
  font-display: swap;
}

:root {
  --primary-color: #0d1b2a;
  --accent-color: #2a7f7f;
  --bg-color: #f9f8f6;
  --site-font: "MTN Brighter Sans", "Inter", "Avenir Next", "Helvetica Neue", Arial, sans-serif;
  --heading-font: var(--site-font);
  --body-font: var(--site-font);
  --ui-font: var(--site-font);
}

/* Frontend + editor: one font family everywhere */
html,
body,
body *,
.site,
.site *,
.wp-site-blocks,
.wp-site-blocks *,
.editor-styles-wrapper,
.editor-styles-wrapper *,
.editor-post-title__input,
.block-editor-block-list__layout,
.block-editor-block-list__layout *,
input,
textarea,
select,
button {
  font-family: var(--site-font) !important;
  font-style: normal !important;
}

/* Keep the design hierarchy through weights 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;
}

/* Accent words */
.text-accent,
.heading-accent,
.hero-copy h1 span,
.hero h1 span {
  color: var(--accent-color) !important;
  font-family: inherit !important;
  font-weight: inherit !important;
}

/* Clean text selection. This does not create permanent highlights. */
::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;
}

/* Remove accidental inline highlight backgrounds on regular content paragraphs */
.student-copy p[style*="background"],
.inner-content p[style*="background"],
.entry-content p[style*="background"],
.wp-block-paragraph[style*="background"] {
  background: transparent !important;
}