/* MechJobs Production: clear entrance from the engineering site. */
.main-nav a.production-nav-link{display:inline-flex;align-items:center;justify-content:center;padding:9px 13px !important;border:1px solid #47cfbc !important;background:#087b70 !important;color:#fff !important;border-radius:999px !important;font-weight:900 !important;white-space:nowrap;text-decoration:none}
.main-nav a.production-nav-link:hover,.main-nav a.production-nav-link:focus-visible{background:#0a9a8b !important;color:#fff !important;outline:2px solid #f4c400;outline-offset:2px}
.main-nav a.production-nav-link::after{display:none !important}
.production-hero-direct{display:inline-flex;align-items:center;justify-content:center;padding:11px 20px;border:1px solid #4bd3bf;border-radius:10px;background:#0e746c;color:#fff;font-size:17px;font-weight:900;text-decoration:none;margin:18px auto 0}
.production-hero-direct:hover,.production-hero-direct:focus-visible{background:#0b9285;color:#fff;outline:2px solid #f4c400;outline-offset:3px}
@media(min-width:821px){.main-nav{gap:clamp(9px,1.3vw,20px) !important;font-size:clamp(14px,1.1vw,17px) !important}}
@media(max-width:820px){.main-nav a.production-nav-link{grid-column:1/-1;min-height:42px;padding:9px 14px !important}.production-hero-direct{width:100%;max-width:340px;min-height:46px;margin-top:16px}}

/* QA: keep top navigation visible while browsing engineering pages */
.site-header{position:sticky;top:0;z-index:45;box-shadow:0 4px 14px #06122248}


/* V18 — distinct, compact 2-line path from engineering to Production.
   A secondary violet/slate affordance avoids mixing with the yellow jobs CTA. */
.main-nav a.production-nav-link {
  display:inline-flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:7px !important;
  max-width:228px;
  min-width:192px;
  min-height:49px;
  padding:6px 10px !important;
  background:#242039 !important;
  border:1px solid #7863a5 !important;
  border-radius:11px !important;
  color:#f6f3ff !important;
  direction:rtl !important;
  text-align:right !important;
  white-space:normal !important;
  box-shadow:inset 0 0 0 1px rgba(175,153,229,.10);
  text-decoration:none !important;
  line-height:1.2 !important;
  transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease;
}
.main-nav a.production-nav-link .production-link-icon {
  width:19px;height:19px;flex:0 0 19px;
  color:#c2adf2;
}
.main-nav a.production-nav-link .production-link-copy {
  display:flex;flex-direction:column;align-items:flex-start;
  flex:1;min-width:0;gap:3px;
  text-align:right;direction:rtl;
}
.main-nav a.production-nav-link .production-link-copy strong {
  display:block;align-self:flex-start;
  font:800 13px/1.05 Arial,sans-serif;
  color:#fff;
  white-space:nowrap;
  letter-spacing:-.15px;
}
.main-nav a.production-nav-link .production-link-copy small {
  display:block;width:100%;
  color:#d5cbef;
  font-size:11px;font-weight:700;line-height:1.2;
  white-space:nowrap;
}
.main-nav a.production-nav-link:hover,.main-nav a.production-nav-link:focus-visible {
  background:#322849 !important;
  border-color:#c7aaf3 !important;
  color:#fff !important;
  outline:2px solid #d0b2ff !important;outline-offset:2px;
}
.main-nav a.production-nav-link::after { display:none !important; }
/* Avoid squeezing the branded engineering header on narrow desktops. */
@media(min-width:821px) and (max-width:1160px) {
  .header-inner{flex-wrap:wrap;justify-content:center;gap:10px !important;}
  .main-nav{width:100%;justify-content:center;gap:12px !important;}
}
@media(max-width:820px) {
  .main-nav a.production-nav-link {
    grid-column:1/-1 !important;
    width:100%;max-width:none;min-width:0;
    min-height:48px !important;
    justify-content:center !important;
    padding:7px 12px !important;
  }
  .main-nav a.production-nav-link .production-link-copy {
    flex:0 1 auto;
  }
  .main-nav a.production-nav-link .production-link-copy strong { font-size:13px; }
  .main-nav a.production-nav-link .production-link-copy small { font-size:11px; }
}
@media(max-width:360px) {
  .main-nav a.production-nav-link .production-link-copy small {font-size:10px;}
}