/*
Theme Name: Hello Elementor Child - Catalyst
Description: Catalyst Personnel child theme - carries the Matador Jobs job board styling and form enhancements.
Author: Sakib Chowdhury
Template: hello-elementor
Version: 1.0.5
*/

/* ============================================================
   SITE BASE STYLES
   (restored from the original Customizer "Additional CSS" —
   used by the Elementor sections across the whole site)
   ============================================================ */

.white-logo img,
img.white-logo {
    filter: brightness(0) invert(1);
}
.cta-band{
	background:rgb(11, 29, 21);
}
.cta-band::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(circle at 20% 30%, rgba(76, 175, 109, .18), transparent 45%), radial-gradient(circle at 80% 70%, rgba(139, 212, 107, .14), transparent 45%);
}

.hero-bg{
    position: relative;
    overflow: hidden;
    background: radial-gradient(1100px 620px at 82% -10%, rgba(73, 190, 134, 0.28), transparent 60%), radial-gradient(900px 600px at -10% 100%, rgba(73, 190, 134, 0.16), transparent 55%), linear-gradient(160deg, rgb(11, 29, 21) 0%, rgb(15, 42, 30) 55%, rgb(11, 29, 21) 100%);
}


.highlight-text {
    color: #51be86;
    font-weight: 600;
}


.bg-work{
        position: relative;
    overflow: hidden;
    background: radial-gradient(900px 500px at 15% 0%, rgba(73, 190, 134, 0.22), transparent 55%), linear-gradient(165deg, rgb(11, 29, 21), rgb(15, 42, 30));
}


.work-card{
    gap: 14px;
    padding: 30px 28px;
    border-radius: 15px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    backdrop-filter: blur(16px);
}
.work-card:hover{
    transform: translateY(-8px);
    border-color: rgba(34, 197, 94, 0.45);
    background: rgba(255, 255, 255, 0.12);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.process-box{
    border-radius: 24px;
    overflow: hidden;
    border: 1px solid rgba(18, 36, 28, 0.08);
    background: linear-gradient(135deg, rgba(73, 190, 134, 0.08), rgba(73, 190, 134, 0.03));
}

.process-card{
        padding: 36px 30px;
    border-right: 2px solid rgba(18, 36, 28, 0.06);
}

.process-card:last-child {
    border-right: 1px solid transparent;
}


.cta-bg-box {
    padding: clamp(24px, 4vw, 64px) clamp(20px, 5vw, 60px);
    border-radius: 30px;
    background: rgba(255, 255, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.28);
    backdrop-filter: blur(24px);
    box-shadow: 0 30px 80px rgba(20, 60, 42, 0.35);
}


.why-card{
    background:#F8FAFC;
    border:1px solid #E5E7EB;
    border-radius:10px;
    padding:32px;
    transition:.35s ease;
}

.why-card:hover{
    background:#ffffff;
    border-color:#16A34A;
    transform:translateY(-6px);
    box-shadow:0 20px 50px rgba(0,0,0,.08);
}

/* Service Card */
.serve-card .elementor-icon-box-wrapper {
    padding: 20px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid rgba(18, 36, 27, 0.06);
    transition: all 0.3s ease;
}

/* Hover Effect */
.serve-card .elementor-icon-box-wrapper:hover {
    transform: translateX(8px);
    background: #ffffff;
    border-color: rgba(34, 197, 94, 0.25);
    box-shadow: 0 12px 30px rgba(18, 36, 27, 0.08);
}

@media (max-width: 767px) {
    .cta-bg-box {
        padding: 24px 20px;
        border-radius: 20px;
    }
}

/* ============================================================
   CATALYST JOB BOARD (Matador Jobs) — custom styling
   Scope: Job Search page (998), single jobs, apply pages, jobs archive
   ============================================================ */

/* ---------- 1. Hero band (fixes invisible transparent header) ---------- */
body.page-id-998 .page-header,
body.single-matador-job-listings .page-header,
body.post-type-archive-matador-job-listings .page-header {
  background: radial-gradient(900px 500px at 15% 0%, rgba(73, 190, 134, 0.22), transparent 55%), linear-gradient(165deg, rgb(11, 29, 21), rgb(15, 42, 30));
  margin: 0 calc(50% - 50vw) 0;
  padding: 168px 24px 88px;
}
body.page-id-998 .page-header .entry-title,
body.single-matador-job-listings .page-header .entry-title,
body.post-type-archive-matador-job-listings .page-header .entry-title {
  color: #ffffff;
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  line-height: 1.15;
  margin: 0;
  max-width: 1200px;
  margin-inline: auto;
  padding: 0 24px;
}
body.single-matador-job-listings .page-header .entry-title em { font-style: normal; }

/* ---------- 2. Content container (90px breathing top & bottom) ---------- */
body.page-id-998 .page-content,
body.single-matador-job-listings .page-content,
body.post-type-archive-matador-job-listings .page-content,
body.single-matador-job-listings .entry-content,
body.page-id-998 .entry-content {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px 90px;
}
body.single-matador-job-listings .page-content,
body.post-type-archive-matador-job-listings .page-content {
  padding-top: 90px;
}
/* The full-bleed hero uses 100vw which counts the scrollbar width on
   Windows — clip the overflow so no sideways scrollbar appears */
body.page-id-998,
body.single-matador-job-listings,
body.post-type-archive-matador-job-listings { overflow-x: hidden; }

/* ---------- 3. Search bar (floating card over hero) ---------- */
.catalyst-jobs-search {
  background: #ffffff;
  border-radius: 16px;
  padding: 18px;
  box-shadow: 0 18px 45px rgba(11, 32, 21, 0.16);
  margin: 52px 0 44px;
  position: relative;
  z-index: 5;
}
.catalyst-jobs-search .matador-search-form {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
}
.catalyst-jobs-search .matador-search-form-field-group { align-self: center; }
.catalyst-jobs-search .matador-search-submit { margin: 0; display: block; }
/* Hidden labels were still taking vertical space — remove them entirely */
.catalyst-jobs-search label { display: none !important; }
.catalyst-jobs-search .matador-search-form-field-group {
  flex: 1 1 210px;
  margin: 0;
}
.catalyst-jobs-search .matador-search-form-field-submit { flex: 0 0 auto; }
.catalyst-jobs-search input[type="text"],
.catalyst-jobs-search select {
  width: 100%;
  height: 54px;
  padding: 0 16px;
  border: 1px solid #E6E6E6 !important;
  border-radius: 10px;
  background: #E6E6E6 !important;
  font-size: 1rem;
  color: #14281D;
}
/* No focus highlight (client preference) */
.catalyst-jobs-search input[type="text"]:focus,
.catalyst-jobs-search select:focus {
  outline: none;
  border-color: #E6E6E6 !important;
  box-shadow: none;
}
.catalyst-jobs-search .matador-search-submit {
  height: 54px;
  padding: 0 34px;
  background: #1E7A4C;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
}
.catalyst-jobs-search .matador-search-submit:hover { background: #176240; }

/* ---------- 3b. Custom dropdown (replaces ugly native select list) ---------- */
.cat-select { position: relative; width: 100%; }
.cat-select select {
  position: absolute !important;
  opacity: 0;
  pointer-events: none;
  width: 1px;
  height: 1px;
}
/* High specificity on purpose: the Elementor kit styles all <button>s green */
.catalyst-jobs-search .cat-select .cat-select-toggle {
  width: 100%;
  height: 54px;
  padding: 0 42px 0 16px;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  background: #E6E6E6;
  font-size: 1rem;
  font-weight: 400;
  font-family: inherit;
  letter-spacing: normal;
  text-transform: none;
  color: #14281D;
  text-align: left;
  cursor: pointer;
  position: relative;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.catalyst-jobs-search .cat-select .cat-select-toggle:hover { background: #DEDEDE; color: #14281D; }
.cat-select-toggle::after {
  content: "";
  position: absolute;
  right: 18px;
  top: 50%;
  width: 9px;
  height: 9px;
  border-right: 2px solid #5C6B63;
  border-bottom: 2px solid #5C6B63;
  transform: translateY(-70%) rotate(45deg);
  transition: transform 0.2s ease;
}
.catalyst-jobs-search .cat-select.open .cat-select-toggle,
.catalyst-jobs-search .cat-select .cat-select-toggle:focus {
  outline: none;
  background: #E6E6E6;
  color: #14281D;
  border-color: #E6E6E6;
  box-shadow: none;
}
.cat-select.open .cat-select-toggle::after { transform: translateY(-30%) rotate(225deg); }
.cat-select-panel {
  position: absolute;
  top: calc(100% + 8px);
  left: 0;
  right: 0;
  background: #ffffff;
  border: 1px solid #E3EAE5;
  border-radius: 12px;
  box-shadow: 0 18px 45px rgba(11, 32, 21, 0.18);
  max-height: 280px;
  overflow-y: auto;
  z-index: 50;
  display: none;
  padding: 6px;
}
.cat-select.open .cat-select-panel { display: block; }
.cat-select-option {
  padding: 12px 14px;
  border-radius: 8px;
  cursor: pointer;
  color: #14281D;
  transition: background 0.15s ease;
}
.cat-select-option:hover { background: #EAF5EF; }
.cat-select-option.is-selected {
  background: #1E7A4C;
  color: #ffffff;
  font-weight: 600;
}

/* ---------- 4. Job cards ---------- */
.matador-jobs-listing {
  display: grid;
  gap: 20px;
  margin: 0 0 50px;
  padding: 0;
}
.matador-job-listing {
  background: #ffffff;
  border: 1px solid #E3EAE5;
  border-radius: 16px;
  padding: 28px 30px;
  transition: box-shadow 0.25s ease, transform 0.25s ease, border-color 0.25s ease;
}
.matador-job-listing:hover {
  box-shadow: 0 16px 38px rgba(11, 32, 21, 0.10);
  transform: translateY(-3px);
  border-color: #BFD6C9;
}
.matador-job-header :is(h2, h3, h4) {
  margin: 0 0 10px;
  font-size: 1.35rem;
  line-height: 1.3;
}
.matador-job-header a {
  color: #14281D;
  text-decoration: none;
  transition: color 0.2s ease;
}
.matador-job-header a:hover { color: #1E7A4C; }
.matador-job-listing p { color: #5C6B63; margin: 0 0 18px; }
/* Kill stray list bullets inside job cards and forms */
.matador-jobs-listing li,
.matador-job-navigation li,
.matador-application li,
.matador-job-meta li { list-style: none !important; }
.matador-jobs-listing ul,
.matador-application ul { padding-left: 0; }

/* Job meta row (location / type / category) */
.matador-job-meta {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 8px 22px;
  margin: 0 0 14px;
  padding: 0;
  color: #5C6B63;
  font-size: 0.92rem;
}
.matador-job-meta li { margin: 0; }
.matador-job-meta .matador-job-meta-label { font-weight: 600; color: #14281D; }
/* Hide meta rows that have no value yet (e.g. "Job #" before Bullhorn sync) */
.matador-job-field-value- { display: none !important; }

/* Apply Now / More Info links */
.matador-job-navigation,
.matador-job-navigation ul {
  list-style: none;
  display: flex !important;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0 !important;
  margin: 20px 0 0;
}
.matador-job-navigation ul { margin: 0; }
.matador-job-navigation li { margin: 0; width: auto; }
/* Secondary links (More Info / See All Jobs) as outline buttons */
.matador-job-navigation a {
  text-decoration: none;
  font-weight: 600;
  color: #1E7A4C;
  display: inline-block;
  padding: 10px 40px;
  border: 1.5px solid #1E7A4C;
  border-radius: 999px;
  background: transparent;
  font-size: 0.85rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  transition: color 0.2s ease, background 0.2s ease, border-color 0.2s ease;
}
.matador-job-navigation a:hover {
  background: #1E7A4C;
  color: #ffffff;
}
.matador-job-navigation a:focus,
.matador-job-navigation a:focus-visible {
  outline: none;
  box-shadow: none;
}
/* Primary button (Apply Now) stays filled */
.matador-job-navigation a[href$="/apply"],
.matador-job-navigation a[href$="/apply/"] {
  background: #1E7A4C;
  color: #ffffff;
}
.matador-job-navigation a[href$="/apply"]:hover,
.matador-job-navigation a[href$="/apply/"]:hover {
  background: #176240;
  border-color: #176240;
}

/* ---------- 4a. Apply page: form left + info column right ---------- */
.catalyst-apply-row {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 32px;
  align-items: start;
}
.catalyst-apply-aside {
  background: #F3F7F5;
  border: 1px solid #E3EAE5;
  border-radius: 16px;
  padding: 30px 28px;
  margin-top: 14px;
  position: sticky;
  top: 120px;
}
.catalyst-apply-aside h3 { margin: 0 0 18px; font-size: 1.2rem; color: #14281D; }
.catalyst-apply-aside ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: step;
  display: grid;
  gap: 14px;
}
.catalyst-apply-aside ol li {
  counter-increment: step;
  position: relative;
  padding-left: 40px;
  color: #42524A;
  line-height: 1.55;
}
.catalyst-apply-aside ol li::before {
  content: counter(step);
  position: absolute;
  left: 0;
  top: 0;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: #1E7A4C;
  color: #ffffff;
  font-weight: 700;
  font-size: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.catalyst-apply-aside li strong { color: #14281D; }
.catalyst-apply-note {
  margin-top: 22px;
  padding: 14px 16px;
  background: #ffffff;
  border: 1px dashed #B8BDB9;
  border-radius: 10px;
}
.catalyst-apply-note p { margin: 0; font-size: 0.9rem; color: #42524A; }
@media (max-width: 960px) {
  .catalyst-apply-row { grid-template-columns: 1fr; }
  .catalyst-apply-aside { position: static; }
}

/* ---------- 4b. Apply page: only SUBMIT stays a button; the two nav
   links under the form become quiet text links (visual hierarchy) ---------- */
.matador-application + .matador-job-navigation,
.catalyst-apply-row + .matador-job-navigation {
  margin-top: 18px;
  gap: 28px;
}
.matador-application + .matador-job-navigation a,
.catalyst-apply-row + .matador-job-navigation a {
  border: none;
  background: transparent;
  padding: 0;
  border-radius: 0;
  color: #1E7A4C;
  font-size: 0.92rem;
  font-weight: 600;
  text-transform: none;
  letter-spacing: normal;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.matador-application + .matador-job-navigation a:hover,
.catalyst-apply-row + .matador-job-navigation a:hover {
  background: transparent;
  color: #176240;
}

/* ---------- 5. Single job page content ---------- */
body.single-matador-job-listings .page-content h2 {
  font-size: 1.35rem;
  color: #14281D;
  margin: 2.1em 0 0.6em;
}
body.single-matador-job-listings .page-content li { color: #42524A; }

/* ---------- 6. Application form ---------- */
.matador-application {
  max-width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 24px;
  background: #ffffff;
  border: 1px solid #E3EAE5;
  border-radius: 16px;
  padding: 34px clamp(20px, 4vw, 44px);
  margin: 14px 0 0;
  box-shadow: 0 10px 30px rgba(11, 32, 21, 0.06);
}
/* Two-column field layout: names and email/phone share rows */
.matador-application > * { grid-column: 1 / -1; }
.matador-application .matador-field-firstName,
.matador-application .matador-field-email { grid-column: 1; }
.matador-application .matador-field-lastName,
.matador-application .matador-field-phone { grid-column: 2; }
/* Honeypot field must never occupy a grid cell */
.matador-application .matador-field-job-seeker { display: none !important; }
.matador-application ul { list-style: none; margin: 0; padding: 0; }
.matador-field-group { margin: 0 0 22px; }
/* Labels hidden — placeholders carry the field names (consent checkbox label stays) */
.matador-application .matador-field-group:not(.matador-field-type-checkbox) > label,
.matador-application .matador-field-group:not(.matador-field-type-checkbox) > .matador-label,
.matador-application .matador-field-group:not(.matador-field-type-checkbox) > .matador-field-label {
  display: none;
}
.matador-application input::placeholder,
.matador-application textarea::placeholder { color: #6B7A72; opacity: 1; }
.matador-application input[type="text"],
.matador-application input[type="email"],
.matador-application input[type="tel"],
.matador-application textarea {
  width: 100%;
  border: 1px solid #E6E6E6;
  border-radius: 10px;
  background: #E6E6E6;
  padding: 14px 16px;
  font-size: 1rem;
  color: #14281D;
}
.matador-application textarea { min-height: 130px; }
.matador-application input:focus,
.matador-application textarea:focus {
  outline: none;
  border-color: #E6E6E6;
  box-shadow: none;
}
.matador-field-description { color: #5C6B63; font-size: 0.88rem; margin-top: 6px; }

/* Resume upload as a proper dropzone-style box */
.matador-application .matador-field-resume label.for-file {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  padding: 26px 20px;
  background: #E6E6E6;
  border: 2px dashed #B8BDB9;
  border-radius: 10px;
  cursor: pointer;
  color: #14281D;
  font-weight: 600;
  margin: 0;
  text-align: left;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.matador-application .matador-field-resume label.for-file:hover {
  background: #DEDEDE;
  border-color: #1E7A4C;
}
.matador-application .matador-field-resume label.for-file svg {
  fill: #1E7A4C;
  width: 22px;
  height: auto;
  flex: none;
}

/* Consent checkbox row */
.matador-field-privacy_policy_opt_in label {
  display: flex;
  gap: 10px;
  align-items: flex-start;
  font-weight: 400;
  color: #42524A;
  line-height: 1.5;
}
.matador-application input[type="checkbox"] {
  accent-color: #1E7A4C;
  width: 18px;
  height: 18px;
  margin-top: 3px;
  flex: none;
}

/* Buttons */
.matador-application .matador-button,
.matador-application button[type="submit"],
.matador-application input[type="submit"] {
  background: #1E7A4C;
  color: #ffffff;
  border: none;
  border-radius: 999px;
  padding: 15px 38px;
  font-size: 0.95rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  cursor: pointer;
  transition: background 0.2s ease;
}
.matador-application .matador-button:hover,
.matador-application button[type="submit"]:hover,
.matador-application input[type="submit"]:hover { background: #176240; }
.matador-button.matador-button-secondary {
  background: transparent;
  color: #1E7A4C;
  border: 1.5px solid #1E7A4C;
}

/* ---------- 7. Responsive ---------- */
@media (max-width: 782px) {
  body.page-id-998 .page-header,
  body.single-matador-job-listings .page-header,
  body.post-type-archive-matador-job-listings .page-header {
    padding: 128px 24px 64px;
  }
  body.page-id-998 .page-header .entry-title,
  body.single-matador-job-listings .page-header .entry-title,
  body.post-type-archive-matador-job-listings .page-header .entry-title { padding: 0; }
  .matador-application { grid-template-columns: 1fr; }
  .matador-application .matador-field-firstName,
  .matador-application .matador-field-lastName,
  .matador-application .matador-field-email,
  .matador-application .matador-field-phone { grid-column: 1 / -1; }
  .catalyst-jobs-search { margin-top: 36px; padding: 14px; }
  body.page-id-998 .page-content,
  body.single-matador-job-listings .page-content,
  body.post-type-archive-matador-job-listings .page-content { padding-bottom: 60px; }
  body.single-matador-job-listings .page-content,
  body.post-type-archive-matador-job-listings .page-content { padding-top: 60px; }
  .catalyst-jobs-search .matador-search-form-field-group { flex: 1 1 100%; }
  .catalyst-jobs-search .matador-search-submit { width: 100%; }
  .matador-job-listing { padding: 22px 20px; }
  .matador-job-navigation a[href$="/apply"],
  .matador-job-navigation a[href$="/apply/"] { width: 100%; text-align: center; }
}

/* ============================================================
   RESUME PAGE — general application form, dark variant
   (matches the page's original dark design)
   ============================================================ */
.matador-application.catalyst-general-application {
  grid-template-columns: 1fr;
  background: transparent;
  border: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
}
.matador-application.catalyst-general-application .matador-field-firstName,
.matador-application.catalyst-general-application .matador-field-lastName,
.matador-application.catalyst-general-application .matador-field-email,
.matador-application.catalyst-general-application .matador-field-phone {
  grid-column: 1 / -1;
}
.matador-application.catalyst-general-application input[type="text"],
.matador-application.catalyst-general-application input[type="email"],
.matador-application.catalyst-general-application input[type="tel"],
.matador-application.catalyst-general-application textarea {
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.18);
  color: #ffffff;
}
.matador-application.catalyst-general-application input::placeholder,
.matador-application.catalyst-general-application textarea::placeholder {
  color: rgba(255, 255, 255, 0.55);
}
.matador-application.catalyst-general-application input:focus,
.matador-application.catalyst-general-application textarea:focus {
  border-color: rgba(255, 255, 255, 0.35);
}
.matador-application.catalyst-general-application .matador-field-resume label.for-file {
  background: rgba(255, 255, 255, 0.05);
  border-color: rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.matador-application.catalyst-general-application .matador-field-resume label.for-file:hover {
  background: rgba(255, 255, 255, 0.10);
  border-color: #51be86;
}
.matador-application.catalyst-general-application .matador-field-resume label.for-file svg {
  fill: #51be86;
}
.matador-application.catalyst-general-application .matador-field-description {
  color: rgba(255, 255, 255, 0.55);
}
.matador-application.catalyst-general-application .matador-field-privacy_policy_opt_in label {
  color: rgba(255, 255, 255, 0.75);
}
.matador-application.catalyst-general-application input[type="submit"],
.matador-application.catalyst-general-application .matador-button {
  width: 100%;
}




/* ============================================================
   MODERN LISTING POLISH (v1.0.3)
   Chips for job meta, clamped excerpts, results count
   ============================================================ */
.catalyst-results-count {
  font-size: 0.95rem;
  font-weight: 600;
  color: #5C6B63;
  margin: 0 0 16px;
}
.matador-job-meta { gap: 8px; }
.matador-job-meta li.matador-job-meta-field {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  background: #F0F5F2;
  border: 1px solid #E3EAE5;
  border-radius: 999px;
  padding: 6px 14px;
  font-size: 0.84rem;
  font-weight: 500;
  color: #3D4F46;
}
.matador-job-meta .matador-job-meta-label { font-weight: 600; color: #3D4F46; }
/* location pin icon */
.matador-job-meta li.matador-job-field-job_general_location::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%231E7A4C'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M21%2010c0%207-9%2013-9%2013S3%2017%203%2010a9%209%200%201%201%2018%200z'/%3E%3Ccircle%20cx='12'%20cy='10'%20r='3'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* employment type briefcase icon */
.matador-job-meta li.matador-job-field-employmentType::before {
  content: "";
  width: 13px;
  height: 13px;
  flex: none;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%231E7A4C'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Crect%20x='2'%20y='7'%20width='20'%20height='14'%20rx='2'/%3E%3Cpath%20d='M16%2021V5a2%202%200%200%200-2-2h-4a2%202%200%200%200-2%202v16'/%3E%3C/svg%3E") center/contain no-repeat;
}
/* remote badge gets the green treatment */
.matador-job-meta li.matador-job-field-isRemote {
  background: #E7F4EC;
  border-color: #CBE7D6;
  color: #1E7A4C;
  font-weight: 600;
}
/* wpautop leaves empty <p> tags around trimmed excerpts - remove them */
.matador-job-listing p:empty { display: none; }

/* clamp listing excerpts to two tidy lines */
.matador-jobs-listing .matador-job-listing p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}





/* ============================================================
   APPLICATION CONFIRMATION (thank-you) PAGE
   ============================================================ */
.matador-job-confirmation {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #E7F4EC;
  border: 1px solid #CBE7D6;
  border-radius: 16px;
  padding: 26px 30px;
  margin: 14px 0 26px;
  color: #14281D;
  font-size: 1.05rem;
  line-height: 1.6;
}
.matador-job-confirmation::before {
  content: "";
  flex: none;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  background: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2024%2024'%20fill='none'%20stroke='%231E7A4C'%20stroke-width='2.4'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Ccircle%20cx='12'%20cy='12'%20r='10'/%3E%3Cpath%20d='M8%2012l3%203%205-6'/%3E%3C/svg%3E") center/contain no-repeat;
}
.matador-job-confirmation p { margin: 0; }