/* Careers Jesper styles: PurgeCSS bundle (see scripts/purge-careers-css.mjs).
   Theme :root lives in src/styles/careers-helix-bridge.css (Helix @theme). */
@import "./careers-jesper-bundle.css";

/* ------------------------------------------------------------------
 * Helix @theme typography on careers page (Tailwind text-heading-* / text-tagline-*)
 * Placed after theme import so these win on cascade. Requires main.css (head-links) first.
 * ------------------------------------------------------------------ */

body#body.careers-helix {
  font-size: var(--text-tagline-1);
  line-height: var(--text-tagline-1--line-height);
}

/* Default tt-heading scale → Helix */
body#body.careers-helix .tt-heading .tt-heading-title {
  font-size: var(--text-heading-4);
  line-height: var(--text-heading-4--line-height);
}

body#body.careers-helix .tt-heading .tt-heading-subtitle {
  font-size: var(--text-tagline-2);
  line-height: var(--text-tagline-2--line-height);
}

body#body.careers-helix .tt-heading.tt-heading-xsm .tt-heading-title {
  font-size: var(--text-heading-6);
  line-height: var(--text-heading-6--line-height);
}

body#body.careers-helix .tt-heading.tt-heading-sm .tt-heading-title {
  font-size: var(--text-heading-5);
  line-height: var(--text-heading-5--line-height);
}

body#body.careers-helix .tt-heading.tt-heading-lg .tt-heading-title {
  font-size: var(--text-heading-3);
  line-height: var(--text-heading-3--line-height);
}

body#body.careers-helix .tt-heading.tt-heading-xlg .tt-heading-title {
  font-size: var(--text-heading-2);
  line-height: var(--text-heading-2--line-height);
}

body#body.careers-helix .tt-heading.tt-heading-xxlg .tt-heading-title {
  font-size: var(--text-heading-2);
  line-height: var(--text-heading-2--line-height);
}

body#body.careers-helix .tt-heading.tt-heading-xxxlg .tt-heading-title {
  font-size: var(--text-heading-1);
  line-height: var(--text-heading-1--line-height);
}

/* Helper text utilities (vendor uses !important) */
body#body.careers-helix .text-xlg {
  font-size: var(--text-heading-4) !important;
  line-height: var(--text-heading-4--line-height) !important;
}

body#body.careers-helix .text-xxlg {
  font-size: var(--text-heading-3) !important;
  line-height: var(--text-heading-3--line-height) !important;
}

body#body.careers-helix .text-xxxlg {
  font-size: var(--text-heading-2) !important;
  line-height: var(--text-heading-2--line-height) !important;
}

/* Horizontal accordion */
body#body.careers-helix .tt-haci-title {
  font-size: clamp(1.75rem, 3vw, var(--text-heading-2));
  line-height: var(--text-heading-2--line-height);
}

body#body.careers-helix .tt-hac-item-count::before {
  font-size: clamp(1.5rem, 2.5vw, var(--text-heading-3)) !important;
}

body#body.careers-helix .tt-haci-description {
  font-size: var(--text-tagline-1) !important;
  line-height: var(--text-tagline-1--line-height) !important;
}

/* Sticky testimonials */
body#body.careers-helix .tt-stte-text {
  font-size: var(--text-tagline-1);
  line-height: var(--text-tagline-1--line-height);
}

body#body.careers-helix .tt-stte-subtext {
  font-size: var(--text-tagline-2);
  line-height: var(--text-tagline-2--line-height);
}

/* Portfolio preview list */
body#body.careers-helix .tt-ppli-title {
  font-size: clamp(1.75rem, 3vw, var(--text-heading-2));
  line-height: var(--text-heading-2--line-height);
}

body#body.careers-helix .tt-wrap .tt-ppli-title {
  font-size: clamp(1.75rem, 2.5vw, var(--text-heading-3));
  line-height: var(--text-heading-3--line-height);
}

body#body.careers-helix .tt-ppli-category {
  font-size: var(--text-tagline-2);
  line-height: var(--text-tagline-2--line-height);
}

body#body.careers-helix .tt-ppli-info {
  font-size: var(--text-tagline-2);
  line-height: var(--text-tagline-2--line-height);
}

/* Awards / list */
body#body.careers-helix .tt-avlist-title {
  font-size: var(--text-heading-5);
  line-height: var(--text-heading-5--line-height);
}

body#body.careers-helix .tt-avlist-description,
body#body.careers-helix .tt-avlist-info {
  font-size: var(--text-tagline-2);
  line-height: var(--text-tagline-2--line-height);
}

body#body.careers-helix .tt-avlist-count::before {
  font-size: var(--text-tagline-3);
  line-height: 1;
}

/* Marquee / scrolling text */
body#body.careers-helix .tt-scrolling-text {
  font-size: clamp(var(--text-heading-3), 3.5vw, var(--text-heading-1));
  line-height: 1.05;
}

body#body.careers-helix .tt-scrt-separator > svg {
  height: clamp(1rem, 2.5vw, var(--text-heading-4));
}

/* Big round CTA */
body#body.careers-helix .tt-big-round-ptn-inner {
  font-size: clamp(var(--text-heading-5), 1.5vw, var(--text-heading-4));
  line-height: var(--text-heading-5--line-height);
}

@media (max-width: 1400px) {
  body#body.careers-helix .tt-big-round-ptn-inner {
    font-size: var(--text-heading-5);
  }
}

/* Footer */
body#body.careers-helix .tt-footer-widget-heading {
  font-size: var(--text-heading-3);
  line-height: var(--text-heading-3--line-height);
}

body#body.careers-helix .tt-footer-widget-list li {
  font-size: var(--text-tagline-2);
  line-height: var(--text-tagline-2--line-height);
}

body#body.careers-helix .tt-footer-widget-list li a {
  font-size: var(--text-tagline-1);
  line-height: var(--text-tagline-1--line-height);
}

body#body.careers-helix .tt-footer-copyright {
  font-size: var(--text-tagline-2);
  line-height: var(--text-tagline-2--line-height);
}

/* Site header (header-two): ./careers-header-overrides.css — injected after main.css in vite.config.js
   so rules beat Tailwind layers + fix [data-ns-animate]{opacity:0} on the bar. */