/* Public overrides loaded AFTER /css/public-css.css (which imports main.css).
   Fix template rule in main.css: `input { border: none !important; }`
   by restoring Bootstrap-like borders where we use .form-control/.form-select.
*/

/* Contact Us page form controls */
.public-contact .form-control,
.public-contact .form-select {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px;
  background-color: #fff;
}

.public-contact textarea.form-control {
  border: 1px solid rgba(0, 0, 0, 0.12) !important;
}

.public-contact .form-control:focus,
.public-contact .form-select:focus {
  border-color: rgba(13, 110, 253, 0.55) !important;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.15) !important;
}

/* Utility: reset default link look (bootstrap underlines anchors) */
.link-reset,
.link-reset:hover,
.link-reset:focus,
.link-reset:active {
  color: inherit;
  text-decoration: none;
}

/* =====================
   Careers: job cards
===================== */

.career-card {
  padding: 20px;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.06);
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.career-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 24px 55px rgba(0, 0, 0, 0.12);
}

.career-pill {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.02em;
  background: rgba(236, 29, 37, 0.10);
  color: #ec1d25;
  white-space: nowrap;
}

.career-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 16px;
  color: #666;
  font-size: 13px;
}

.career-meta__item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.career-title {
  font-size: 22px;
  line-height: 1.2;
}

.career-card__footer {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 20px;
  border-top: 1px solid rgba(0, 0, 0, 0.06);
  background: linear-gradient(to bottom, rgba(250, 250, 250, 0.9), #fff);
}

.career-btn {
  height: 44px;
  padding: 0 18px;
  min-width: 150px;
}

.career-apply {
  margin-left: auto;
  background: transparent;
  border: 1px solid rgba(0, 0, 0, 0.12);
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  color: #222;
  font-weight: 600;
  letter-spacing: 0.02em;
  transition: all 180ms ease;
}

.career-apply:hover,
.career-apply:focus {
  border-color: rgba(236, 29, 37, 0.45);
  color: #ec1d25;
  box-shadow: 0 10px 25px rgba(236, 29, 37, 0.10);
}

@media (prefers-reduced-motion: reduce) {
  .career-card {
    transition: none !important;
  }

  .career-card:hover {
    transform: none !important;
  }
}