/*
 * Chardan Capital Markets brand styles for TriNet Hire (HiringThing)
 * job pages.
 *
 * Served at https://chardan.com/lib/css/trinet-embed.css and referenced from
 * TriNet Hire admin ("Site CSS File URL"). Source of truth is this file
 * (src/lib/css/trinet-embed.css in the ccm-web repo) - edits ship with the
 * regular site deploy. The express app must send
 * Cross-Origin-Resource-Policy: cross-origin for this file (see app.js) or
 * browsers refuse to apply it on TriNet's origin.
 *
 * Where TriNet loads this stylesheet (observed 2026-09-10):
 * - the embedded job listings page (/companies/.../jobs/embed), AFTER its
 *   own embed_jobs.css - so equal-specificity rules here win the cascade.
 *   The "#jobs" selectors below mirror TriNet's own embed markup.
 * - NOT on the hosted job detail / application pages; branding those is a
 *   TriNet-side setting, not something this file can reach today.
 *
 * The listings are styled to match the careers page's original
 * "Open positions" accordion: black serif underlined links that turn
 * Chardan yellow (#ffd750) on hover, per the site-wide rich-text link
 * pattern in src/less/main.less.
 *
 * Font URLs are absolute because this stylesheet executes on TriNet's origin;
 * chardan.com serves /fonts with Access-Control-Allow-Origin: * so the
 * cross-origin font loads succeed.
 */

@font-face {
  font-family: 'Fjalla';
  src:
    url('https://chardan.com/fonts/FjallaOne-Regular.woff') format('woff'),
    url('https://chardan.com/fonts/FjallaOne-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Crimson';
  src:
    url('https://chardan.com/fonts/CrimsonText-Regular.woff') format('woff'),
    url('https://chardan.com/fonts/CrimsonText-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: 'Crimson';
  src:
    url('https://chardan.com/fonts/CrimsonText-SemiBold.woff') format('woff'),
    url('https://chardan.com/fonts/CrimsonText-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
}

@font-face {
  font-family: 'Crimson';
  src:
    url('https://chardan.com/fonts/CrimsonText-Bold.woff') format('woff'),
    url('https://chardan.com/fonts/CrimsonText-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
}

/* ------------------------------------------------------------------ */
/* Base brand rules (any TriNet page that loads this stylesheet)       */
/* ------------------------------------------------------------------ */

body {
  font-family: 'Crimson', Georgia, serif;
  color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Fjalla', Arial, sans-serif;
  color: #000;
}

/* site-wide rich-text link pattern: black, underlined, yellow on hover */
a {
  color: #000;
  text-decoration: underline;
}

a:hover {
  color: #ffd750;
}

button,
input[type='submit'],
.btn,
.button {
  font-family: 'Fjalla', Arial, sans-serif;
  background-color: #104177;
  color: #fff;
  border: 0;
}

button:hover,
input[type='submit']:hover,
.btn:hover,
.button:hover {
  background-color: #0c2f56;
}

/* ------------------------------------------------------------------ */
/* Embedded job listings page (iframe on chardan.com/careers)          */
/* ------------------------------------------------------------------ */

/* TriNet paints the page #ecf2f6 and boxes the list in a bordered white
   card; flatten all of it so the iframe blends into the Chardan page */
html {
  background: transparent;
}

#jobs {
  padding: 0;
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #000;
  font-family: 'Crimson', Georgia, serif;
}

/* the Chardan careers page provides its own section heading, so hide
   TriNet's built-in "Our Current Job Openings" heading and the generic
   "Thank you for visiting..." intro paragraph */
#jobs > h1,
#jobs > p {
  display: none;
}

/* "no openings" / status messages (TriNet centers these) */
#jobs h3,
#jobs h4 {
  font-family: 'Fjalla', Arial, sans-serif;
  color: #000;
  font-weight: normal;
}

/* category/location filter dropdowns, when enabled in TriNet */
#jobs #selects label {
  font-family: 'Fjalla', Arial, sans-serif;
  color: #000;
}

#jobs select {
  font-family: 'Crimson', Georgia, serif;
  border: 1px solid #e8e8e8;
  padding: 8px;
}

/* match the original "Open positions" accordion: plain stacked links
   with generous spacing, no separators */
#jobs-list {
  margin: 0;
  padding: 0;
}

#jobs-list li {
  margin: 0;
  padding: 14px 0;
  border: 0;
}

#jobs-list a {
  font-family: 'Crimson', Georgia, serif;
  font-size: 22px;
  color: #000;
  text-decoration: underline;
}

#jobs-list a:hover {
  color: #ffd750;
  text-decoration: underline;
}

#jobs-list li p {
  font-family: 'Crimson', Georgia, serif;
  font-size: 16px;
  color: #797979;
  margin: 4px 0 0;
}

/* TriNet's footer is a solid slate bar; reduce it to a quiet copyright
   line so it reads as a caption, not a section */
#powered-by,
footer {
  background: transparent;
  border-radius: 0;
  color: #797979;
  font-family: 'Crimson', Georgia, serif;
  font-size: 12px;
  padding: 14px 0 0;
  text-align: left;
}