/* ===========================================================================
   Wave Recruit theme overlay for the Bullhorn Career Portal.
   Loaded AFTER styles.css so these rules win. Brand palette pulled from
   wave-recruit.com:  navy #0B4277  |  teal #25D6C4  |  ink #0A2A47
   Base blue (#4a89dc) already remapped to navy inside styles.css.
   =========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500;600;700;800&family=Inter:wght@400;500;600&display=swap');

:root {
  --wave-navy: #0b4277;
  --wave-navy-dark: #0a2a47;
  --wave-teal: #25d6c4;
  --wave-teal-dark: #14b8a6;
}

/* ---- Typography: Inter body, Poppins for the bold rounded Wave headings ---- */
body, .novo-header, novo-card, p, span, a, li, input, button, h5 {
  font-family: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
h1, h2, h3, .card-title, .header > header h1, novo-card .title, a.card-title {
  font-family: 'Poppins', 'Helvetica Neue', Arial, sans-serif !important;
  font-weight: 700 !important;
  letter-spacing: -0.01em;
  color: var(--wave-navy) !important;
}

/* ---- Top bar: Wave navy with a teal wave-edge accent ---- */
header.novo-header,
.novo-header,
.novo-header.condensed {
  background: linear-gradient(90deg, var(--wave-navy-dark) 0%, var(--wave-navy) 55%) !important;
  color: #fff !important;
  border-bottom: 4px solid var(--wave-teal) !important;
  box-shadow: 0 2px 10px rgba(11, 66, 119, 0.18);
}
.novo-header *, .novo-header h1, .novo-header .title { color: #fff !important; }
/* the brand title in the bar */
.novo-header h1, .novo-header .title { font-family: 'Poppins', sans-serif !important; font-weight: 800 !important; }

/* ---- Job title links: navy default, teal on hover ---- */
a, .clickable, novo-card a, .card-title {
  color: var(--wave-navy);
}
a:hover, .clickable:hover, novo-card a:hover, .card-title:hover {
  color: var(--wave-teal-dark) !important;
}

/* ---- Search box: teal focus, rounded ---- */
.keyword-search input, input[type="text"], input[type="search"] {
  border-radius: 999px !important;
}
input:focus {
  outline: none !important;
  border-color: var(--wave-teal) !important;
  box-shadow: 0 0 0 2px rgba(37, 214, 196, 0.35) !important;
}

/* ---- Info chips (employment type / date): soft navy pills ---- */
novo-chip, .chip, novo-card .info-chip, novo-card [class*="chip"] {
  border-radius: 999px !important;
  background: rgba(11, 66, 119, 0.08) !important;
  color: var(--wave-navy) !important;
  font-weight: 600;
}

/* ---- Buttons: fully-rounded Wave pills ---- */
button, .btn, button[theme], novo-button button {
  border-radius: 999px !important;
}
button[theme=primary], button.primary, .btn-primary {
  background: var(--wave-navy) !important;
  border-color: var(--wave-navy) !important;
  color: #fff !important;
}
button[theme=primary]:hover, button.primary:hover {
  background: var(--wave-teal-dark) !important;
  border-color: var(--wave-teal-dark) !important;
}

/* ---- Section heading ("Open Positions") with a teal underline accent ---- */
.open-positions {
  position: relative;
  display: inline-block;
  padding-bottom: 10px;
  font-family: 'Poppins', sans-serif !important;
  font-weight: 700 !important;
  color: var(--wave-navy) !important;
}
.open-positions::after {
  content: "";
  position: absolute;
  left: 0; bottom: 0;
  width: 56px; height: 4px;
  border-radius: 4px;
  background: var(--wave-teal);
}

/* ---- Job cards: subtle lift + navy hairline, teal accent on hover ---- */
novo-card, .job-card, .list-item {
  border: 1px solid #e6ecf3 !important;
  border-radius: 12px !important;
  transition: box-shadow .15s ease, border-color .15s ease, transform .15s ease;
}
novo-card:hover, .job-card:hover, .list-item:hover {
  border-color: var(--wave-teal) !important;
  box-shadow: 0 8px 24px rgba(11, 66, 119, 0.10) !important;
}

/* ---- Category / filter checkboxes and active states -> navy ---- */
i.bhi-checkbox-filled, i.bhi-checkbox-empty:hover { color: var(--wave-navy) !important; }

/* ===========================================================================
   De-Bullhorn: hide the "Powered By Bullhorn" bull in the sidebar credits.
   =========================================================================== */
a[href*="bullhorn.com"],
img.bullhorn,
section.credits .powered-by {
  display: none !important;
}

/* ===========================================================================
   Iframe trim: the Wix page at wave-recruit.com/get-hired already carries the
   Wave Recruit branding, so the portal drops its own titles and the location
   facets. See also service.jobInfoChips in app.json, which drops the date chip.
   =========================================================================== */

/* Top bar: keep the navy band + teal edge, drop the company name and icon.
   header[theme]>section is a fixed 55px in styles.css, so the bar keeps height. */
header.novo-header > section .header-title,
header[theme] > section .header-title {
  display: none !important;
}

/* Sidebar: drop the State and City facets. Category + keyword search remain.
   Matched on both attributes the bundle emits, belt and braces. */
app-sidebar-filter[data-automation-id="state"],
app-sidebar-filter[data-automation-id="city"],
app-sidebar-filter[field="address(state)"],
app-sidebar-filter[field="address(city)"] {
  display: none !important;
}