/* === MECS Careers — Monaco palette (scoped) === */

.mecs-careers{ 
  --mecs-bg:#091026;
  --mecs-surface:#1a2a43;
  --mecs-card:#2c3746;
  --mecs-text:#e9e9eb;
  --mecs-gold:#fbd012;
  --mecs-gold-mute:#aa9d7c;
  --mecs-border:#0e182b;
  --mecs-field:#223047;
  --mecs-field-br:#2a3a52;
  --mecs-focus:#fbd012;
  --mecs-shadow:rgba(0,0,0,.35);
}

/* Container */
.mecs-careers{
  background:var(--mecs-bg) !important;
  color:var(--mecs-text) !important;
  padding:48px 20px;
  line-height:1.6;
  font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
}
.mecs-careers a{ color:var(--mecs-gold) !important; text-decoration:none; }
.mecs-careers a:hover{ text-decoration:underline; }

/* Hero */
.mecs-careers .mecs-hero{ max-width:1100px; margin:0 auto 28px; text-align:center; }
.mecs-careers .mecs-hero h1{ margin:0 0 6px; font-size:clamp(28px,4vw,42px); color:var(--mecs-text) !important; }
.mecs-careers .mecs-hero p{ margin:0 auto; opacity:.9; max-width:760px; }

/* Success alert */
.mecs-careers .mecs-alert-success{
  margin:16px auto 0; max-width:760px;
  border:1px solid var(--mecs-field-br);
  background:var(--mecs-card);
  color:var(--mecs-text); border-radius:10px; padding:12px 14px;
  box-shadow:0 8px 24px var(--mecs-shadow);
}

/* Grid */
.mecs-careers .mecs-grid{
  max-width:1200px; margin:0 auto; display:grid; gap:22px;
  grid-template-columns:1.3fr .9fr;
}
@media (max-width:980px){ .mecs-careers .mecs-grid{ grid-template-columns:1fr; } }

/* Section titles */
.mecs-careers .mecs-section-title{
  margin:0 0 10px; font-size:clamp(18px,2.8vw,22px);
  padding-bottom:6px; border-bottom:1px solid var(--mecs-border);
  color:var(--mecs-gold) !important; /* ensure gold heading */
  text-transform:uppercase; letter-spacing:.02em;
}

/* Job cards */
.mecs-careers .mecs-job-cards{ list-style:none; margin:0; padding:0; display:grid; gap:14px; }
.mecs-careers .mecs-card{
  background:var(--mecs-card) !important;
  border:1px solid var(--mecs-border) !important;
  border-radius:12px; padding:16px;
  box-shadow:0 10px 26px var(--mecs-shadow);
  color:var(--mecs-text) !important;
}
.mecs-careers .mecs-job-title{ margin:0 0 8px; font-size:18px; color:var(--mecs-text) !important; }
.mecs-careers .mecs-meta{ margin:0 0 10px; padding:0; list-style:none; display:flex; flex-wrap:wrap; gap:10px; opacity:.9; }
.mecs-careers .mecs-desc{ opacity:.92; }

.mecs-careers .mecs-apply-btn{
  margin-top:10px; padding:10px 14px; border-radius:10px;
  background:transparent; color:var(--mecs-gold) !important; 
  border:1px solid var(--mecs-gold) !important;
  cursor:pointer; transition:all .18s ease-in-out;
}
.mecs-careers .mecs-apply-btn:hover{ background:var(--mecs-gold) !important; color:#0b0b0b !important; }

/* Apply panel */
.mecs-careers .mecs-apply{
  background:var(--mecs-surface) !important;
  border:1px solid var(--mecs-border) !important;
  border-radius:16px; padding:18px;
  box-shadow:0 14px 32px var(--mecs-shadow);
  position:sticky; top:24px;
  color:var(--mecs-text) !important;
}

/* Form controls — add specificity + important to beat Elementor/Theme */
.mecs-careers .mecs-form label{
  display:block; font-weight:600; margin:10px 0 6px; color:var(--mecs-text) !important;
}
.mecs-careers .mecs-form input[type="text"],
.mecs-careers .mecs-form input[type="email"],
.mecs-careers .mecs-form input[type="tel"],
.mecs-careers .mecs-form input[type="date"],
.mecs-careers .mecs-form input[type="number"],
.mecs-careers .mecs-form input[type="file"],
.mecs-careers .mecs-form select,
.mecs-careers .mecs-form textarea{
  width:100%; margin-top:6px;
  background:var(--mecs-field) !important; 
  color:var(--mecs-text) !important;
  border:1px solid var(--mecs-field-br) !important; 
  border-radius:10px !important;
  padding:12px 12px; outline:0;
  box-shadow:none !important;
}
.mecs-careers .mecs-form select{ appearance:none; }
.mecs-careers .mecs-form ::placeholder{ color:color-mix(in oklab, var(--mecs-text) 70%, #000); opacity:.85; }
.mecs-careers .mecs-form input:focus,
.mecs-careers .mecs-form select:focus,
.mecs-careers .mecs-form textarea:focus{
  border-color:var(--mecs-focus) !important;
  box-shadow:0 0 0 3px color-mix(in oklab, var(--mecs-focus) 28%, transparent) !important;
}

/* Consent */
.mecs-careers .mecs-consent{ display:flex; align-items:center; gap:10px; font-weight:500; color:var(--mecs-text) !important; }
.mecs-careers .mecs-consent input{ width:auto; }

/* Submit */
.mecs-careers .mecs-submit{
  display:inline-block; width:100%;
  background:var(--mecs-gold) !important; color:#0b0b0b !important;
  border:1px solid var(--mecs-gold) !important; border-radius:12px !important;
  padding:12px 16px; font-weight:800; cursor:pointer;
  margin-top:10px; transition:transform .08s ease, box-shadow .18s;
  box-shadow:0 10px 24px var(--mecs-shadow) !important;
}
.mecs-careers .mecs-submit:hover{ transform:translateY(-1px); }
.mecs-careers .mecs-submit:active{ transform:translateY(0); }

/* Empty state */
.mecs-careers .mecs-empty{
  background:var(--mecs-card) !important; 
  border:1px dashed var(--mecs-field-br) !important;
  color:var(--mecs-text) !important; border-radius:12px; padding:14px; opacity:.9;
}

/* Honeypot */
.mecs-hp{ position:absolute !important; left:-9999px !important; width:1px; height:1px; overflow:hidden; }