/*
* ----------[FONTS]--------*
* Copy font files into theme /fonts/ per fonts/README.txt.
* Paths below are relative to this file (css/fonts.css) -> ../fonts/
*/
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/InterTight/static/InterTight-Regular.ttf')
    format('truetype');
}
@font-face {
  font-family: 'Inter Tight';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/InterTight/static/InterTight-Medium.ttf')
    format('truetype');
}

@font-face {
  font-family: 'Romek Sharp';
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/Romek/woff2/Romek%20Extra%20Light.woff2') format('woff2');
}
@font-face {
  font-family: 'Romek Sharp';
  font-style: italic;
  font-weight: 200;
  font-display: swap;
  src: url('../fonts/Romek/woff2/Romek%20Extra%20Light%20Italic.woff2')
    format('woff2');
}
@font-face {
  font-family: 'Romek Sharp';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Romek/woff2/Romek%20Regular.woff2') format('woff2');
}
@font-face {
  font-family: 'Romek Sharp';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/Romek/woff2/Romek%20Regular%20Italic.woff2')
    format('woff2');
}

@font-face {
  font-family: 'Manuka Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url('../fonts/Manuka%20Condensed/WOFF2/manuka-condensed-black.woff2')
    format('woff2');
}

html {
  font-size: 62.5%;
}
body {
  font-feature-settings: 'liga', 'kern';
  font-family: var(--bodyFont);
  font-size: var(--font-body-medium-size);
  font-weight: var(--font-body-medium-weight);
  line-height: var(--font-body-medium-lh);
  letter-spacing: var(--font-body-medium-ls);
}

/* Font family utilities */
.font-inter-tight {
  font-family: var(--font-inter-tight);
}
.font-romek-sharp,
.font-romek-sharp h1,
.font-romek-sharp h2,
.font-romek-sharp h3,
.font-romek-sharp h4,
.font-romek-sharp h5,
.font-romek-sharp h6 {
  font-family: var(--font-romek-sharp);
}
.font-manuka-condensed {
  font-family: var(--font-manuka-condensed);
}

/* Font weight utilities */
.font-weight-200 {
  font-weight: 200;
}
.font-weight-400 {
  font-weight: 400;
}
.font-weight-500 {
  font-weight: 500;
}
.font-weight-600 {
  font-weight: 600;
}
.font-weight-700 {
  font-weight: 700;
}
.font-weight-850 {
  font-weight: 850;
}

/* Text align */
.text--center {
  text-align: center;
}
.text--right {
  text-align: right;
}
.text--left {
  text-align: left;
}

/* Text transform */
.text-uppercase {
  text-transform: uppercase;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-capitalize {
  text-transform: capitalize;
}

/* Line height */
.line-height-1 {
  line-height: 1;
}
.line-height-130 {
  line-height: 1.3;
}
.line-height-140 {
  line-height: 1.4;
}
.line-height-150 {
  line-height: 1.5;
}
.line-height-160 {
  line-height: 1.6;
}
.line-height-170 {
  line-height: 1.7;
}

/* Header size scale (clamp) */
.biggest-header h1,
.biggest-header h2,
.biggest-header h3,
.biggest-header h4,
.biggest-header h5,
body.et-db #et-boc .et-l .biggest-header-inline,
#mobile-mega-menu-panel .biggest-header-inline,
.override_column h1,
h1 {
  font-size: clamp(var(--biggestFontMin), 6vw, var(--biggestFontMax));
  line-height: 1.25em;
  transition: 0.4s ease;
}
.big-header h1,
.big-header h2,
.big-header h3,
.big-header h4,
.big-header h5,
body.et-db #et-boc .et-l .big-header-inline,
#mobile-mega-menu-panel .big-header-inline,
.override_column h2,
h2 {
  font-size: clamp(var(--bigFontMin), 4vw, var(--bigFontMax));
  line-height: 1.25em;
  transition: 0.4s ease;
}
.medium-header h1,
.medium-header h2,
.medium-header h3,
.medium-header h4,
.medium-header h5,
body.et-db #et-boc .et-l .medium-header-inline,
#mobile-mega-menu-panel .medium-header-inline,
.override_column h3,
h3 {
  font-size: clamp(var(--mediumFontMin), 3.5vw, var(--mediumFontMax));
  line-height: 1.25em;
  transition: 0.4s ease;
}
.small-header h1,
.small-header h2,
.small-header h3,
.small-header h4,
.small-header h5,
body.et-db #et-boc .et-l .small-header-inline,
#mobile-mega-menu-panel .small-header-inline,
.override_column h4,
h4 {
  font-size: clamp(var(--smallFontMin), 2.5vw, var(--smallFontMax));
  line-height: 1.25em;
  transition: 0.4s ease;
}
.smallest-header h1,
.smallest-header h2,
.smallest-header h3,
.smallest-header h4,
.smallest-header h5,
body.et-db #et-boc .et-l .smallest-header-inline,
#mobile-mega-menu-panel .smallest-header-inline,
.override_column h5,
h5 {
  font-size: clamp(var(--smallestFontMin), 2vw, var(--smallestFontMax));
  line-height: 1.25em;
  transition: 0.4s ease;
}

/* Figma type utilities */
.font-label,
.button-default {
  font-family: var(--font-inter-tight);
  font-size: var(--font-label-size);
  font-weight: var(--font-label-weight);
  line-height: var(--font-label-lh);
  letter-spacing: var(--font-label-ls);
}
.body-regular {
  font-family: var(--font-inter-tight);
  font-size: var(--font-body-regular-size);
  font-weight: var(--font-body-regular-weight);
  line-height: var(--font-body-regular-lh);
  letter-spacing: var(--font-body-regular-ls);
}
.body-medium {
  font-family: var(--font-romek-sharp);
  font-size: var(--font-body-medium-size);
  font-weight: var(--font-body-medium-weight);
  line-height: var(--font-body-medium-lh);
  letter-spacing: var(--font-body-medium-ls);
}
.body-medium-italic {
  font-family: var(--font-romek-sharp);
  font-size: var(--font-body-medium-size);
  font-weight: var(--font-body-medium-weight);
  line-height: var(--font-body-medium-lh);
  letter-spacing: var(--font-body-medium-ls);
  font-style: italic;
}
.body-large {
  font-family: var(--font-romek-sharp);
  font-size: var(--font-body-large-size);
  font-weight: var(--font-body-large-weight);
  line-height: var(--font-body-large-lh);
  letter-spacing: var(--font-body-large-ls);
  font-style: italic;
}
/* Body/Desktop/Large alt: Inter Tight + normal style, using body-large scale tokens */
.body-desktop-large {
  font-family: var(--font-inter-tight);
  font-size: var(--font-body-large-size);
  font-weight: var(--font-body-large-weight);
  line-height: var(--font-body-large-lh);
  letter-spacing: var(--font-body-large-ls);
  font-style: normal;
}
.heading-h2 {
  font-family: var(--font-romek-sharp);
  font-size: var(--font-heading-h2-size);
  font-weight: var(--font-heading-h2-weight);
  line-height: var(--font-heading-h2-lh);
  letter-spacing: var(--font-heading-h2-ls);
}
.heading-h3 {
  font-family: var(--font-romek-sharp);
  font-size: var(--font-heading-h3-size);
  font-weight: var(--font-heading-h3-weight);
  line-height: var(--font-heading-h3-lh);
  letter-spacing: var(--font-heading-h3-ls);
  font-style: italic;
}
/* H1-56: hero / display heading (Manuka Condensed, 56px, 850, uppercase) */
.hero-h1,
.h1-56 {
  font-family: var(--font-manuka-condensed);
  font-size: var(--font-hero-size);
  font-weight: var(--font-hero-weight);
  line-height: var(--font-hero-lh);
  letter-spacing: var(--font-hero-ls);
  text-transform: uppercase;
}
.h1-56 {
  color: var(--white);
  text-align: center;
}
.hero-h1.line-height-1,
.h1-56.line-height-1 {
  line-height: 1;
}

/* Heading/Desktop/Card (Inter Tight, 24px, 500, white, centered) */
.heading-card,
.heading-desktop-card {
  font-family: var(--font-inter-tight);
  font-size: var(--font-heading-card-size);
  font-weight: var(--font-heading-card-weight);
  line-height: var(--font-heading-card-lh);
  letter-spacing: var(--font-heading-card-ls);
  color: var(--white);
  text-align: center;
}

/* Schedule / page title: Heading/Mobile/H1 (Romek Sharp, 38px, italic, white, centered) */
.schedule-title,
.heading-mobile-h1 {
  font-family: var(--font-romek-sharp);
  font-size: var(--font-heading-mobile-h1-size);
  font-weight: var(--font-heading-mobile-h1-weight);
  line-height: var(--font-heading-mobile-h1-lh);
  letter-spacing: var(--font-heading-mobile-h1-ls);
  font-style: italic;
  color: var(--white);
  text-align: center;
}