/* =========================================
   Employer public page
   ========================================= */

.mp-employer-hero {
  min-height: calc(100vh - 74px);display: flex;align-items: center;padding: 6rem 0;
  background: radial-gradient(circle at 88% 18%, rgba(var(--bs-primary-rgb), 0.14), transparent 35%);
}
.mp-employer-hero-title {max-width: 930px;font-size: clamp(3rem, 5vw, 5.4rem);line-height: 1.03;letter-spacing: -0.04em;}
.mp-employer-hero-title span {color: var(--bs-primary);}
.mp-employer-hero-copy {max-width: 730px;color: var(--color-text-muted);font-size: 1.15rem;line-height: 1.8;}


/* Hero visual */

.mp-employer-hero-visual {
  max-width: 470px;margin-inline: auto;padding: 2rem;
  background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 22px;box-shadow: var(--shadow-2);
}
.mp-employer-visual-row {
  display: flex;align-items: center;gap: 1rem;
  padding: 1rem 1.15rem;
  background: var(--color-bg);border: 1px solid var(--color-border);border-radius: 12px;
}
.mp-employer-visual-icon {
  width: 44px;height: 44px;display: grid;flex: 0 0 44px;place-items: center;
  color: var(--bs-primary);background: color-mix(in srgb, var(--bs-primary), transparent 90%);
  border-radius: 10px;
}
.mp-employer-visual-connector {width: 2px;height: 24px;margin-left: 33px;background: var(--color-border);}


/* Organization */

.mp-employer-structure-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}
.mp-employer-feature-card {
  padding: 1.75rem;background: var(--color-bg);border: 1px solid var(--color-border);border-radius: 14px;
}
.mp-employer-feature-icon {
  width: 46px;height: 46px;display: grid;place-items: center;margin-bottom: 1.1rem;
  color: var(--bs-primary);background: color-mix(in srgb, var(--bs-primary), transparent 90%);
  border-radius: 11px;
}
.mp-employer-feature-card h3 {margin-bottom: 0.6rem;font-size: 1.05rem;font-weight: 700;}
.mp-employer-feature-card p {margin: 0;color: var(--color-text-muted);font-size: 0.9rem;line-height: 1.7;}


/* Onboarding */

.mp-employer-onboarding-preview {
  max-width: 540px;margin-inline: auto;padding: 1.5rem;
  background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 18px;box-shadow: var(--shadow-2);
}
.mp-employer-preview-header {
  display: flex;justify-content: space-between;align-items: center;gap: 1rem;
  padding-bottom: 1rem;margin-bottom: 1rem;
  border-bottom: 1px solid var(--color-border);
}
.mp-employer-preview-header > span {
  padding: 0.25rem 0.65rem;color: var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary), transparent 90%);
  border-radius: 999px;
  font-size: 0.7rem;font-weight: 700;text-transform: uppercase;letter-spacing: 0.05em;
}
.mp-employer-onboarding-group + .mp-employer-onboarding-group {margin-top: 1.25rem;}
.mp-employer-onboarding-group-title {
  display: flex;align-items: center;gap: 0.6rem;
  margin-bottom: 0.6rem;
  color: var(--color-text-muted);font-size: 0.8rem;font-weight: 700;
}
.mp-employer-onboarding-group-title i {color: var(--bs-primary);}
.mp-employer-onboarding-item {
  display: flex;align-items: center;gap: 0.75rem;
  padding: 0.8rem 1rem;margin-top: 0.5rem;
  background: var(--color-bg);border: 1px solid var(--color-border);border-radius: 9px;font-size: 0.9rem;
}
.mp-employer-onboarding-item > i {color: var(--color-success);}
.mp-employer-point-list {display: grid;gap: 1rem;}
.mp-employer-point-list > div {display: flex;align-items: flex-start;gap: 0.8rem;line-height: 1.6;}
.mp-employer-point-list i {margin-top: 0.25rem;color: var(--bs-primary);}


/* Resources */

.mp-employer-resource-section {color: var(--manpower-secondary-font);background: var(--manpower-header);}
.mp-employer-resource-copy {
  max-width: 670px;
  color: color-mix(in srgb, var(--manpower-secondary-font), transparent 18%);
  font-size: 1.05rem;line-height: 1.8;
}
.mp-employer-resource-stack {display: grid;gap: 1rem;}
.mp-employer-resource-item {
  display: grid;grid-template-columns: auto 1fr auto;align-items: center;gap: 1rem;
  padding: 1.25rem;
  background: color-mix(in srgb, var(--manpower-header), #fff 5%);
  border: 1px solid color-mix(in srgb, var(--manpower-secondary-font), transparent 75%);
  border-radius: 12px;
}
.mp-employer-resource-item > i:first-child {
  width: 42px;height: 42px;display: grid;place-items: center;
  color: var(--manpower-header);background: var(--manpower-secondary-font);border-radius: 10px;
}
.mp-employer-resource-item > i:last-child {color: var(--manpower-gold);}
.mp-employer-resource-item div {display: flex;flex-direction: column;}
.mp-employer-resource-item span {margin-top: 0.15rem;opacity: 0.75;font-size: 0.85rem;}


/* Workforce operations */

.mp-employer-operations-flow {
  display: grid;
  grid-template-columns:
    1fr auto
    1fr auto
    1fr auto
    1fr;
  align-items: center;gap: 1rem;
}
.mp-employer-operation {
  height: 100%;padding: 1.5rem;
  background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 14px;
}
.mp-employer-operation-number {color: var(--bs-primary);font-size: 0.7rem;font-weight: 700;letter-spacing: 0.1em;}
.mp-employer-operation-icon {
  width: 46px;height: 46px;display: grid;place-items: center;margin: 1rem 0;
  color: var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary), transparent 90%);
  border-radius: 11px;
}
.mp-employer-operation h3 {font-size: 1rem;font-weight: 700;}
.mp-employer-operation p {margin: 0;color: var(--color-text-muted);font-size: 0.85rem;line-height: 1.65;}
.mp-employer-operation-arrow {color: var(--color-border);}


/* Careers */

.mp-employer-career-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 1rem;}
.mp-employer-career-grid > div {
  display: grid;grid-template-columns: auto 1fr;column-gap: 0.9rem;align-items: center;
  padding: 1.25rem;
  background: var(--color-bg);border: 1px solid var(--color-border);border-radius: 12px;
}
.mp-employer-career-grid i {
  grid-row: span 2;width: 42px;height: 42px;display: grid;place-items: center;
  color: var(--bs-primary);
  background: color-mix(in srgb, var(--bs-primary), transparent 90%);border-radius: 10px;
}
.mp-employer-career-grid strong {font-size: 0.95rem;}
.mp-employer-career-grid span {color: var(--color-text-muted);font-size: 0.8rem;}


/* Connected features */

.mp-employer-connected-section {
  padding: 4rem 0;
  background: color-mix(in srgb, var(--bs-primary), var(--color-surface) 95%);
  border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);
}
.mp-employer-connected-inner {display: flex;justify-content: space-between;align-items: center;gap: 3rem;}
.mp-employer-connected-inner h2 {margin: 0;max-width: 650px;font-size: clamp(1.8rem, 3vw, 2.75rem);}
.mp-employer-connected-items {display: flex;justify-content: flex-end;flex-wrap: wrap;gap: 0.75rem;}
.mp-employer-connected-items span {
  display: inline-flex;align-items: center;gap: 0.5rem;
  padding: 0.65rem 0.9rem;
  background: var(--color-bg);border: 1px solid var(--color-border);border-radius: 999px;
  font-size: 0.85rem;font-weight: 600;
}
.mp-employer-connected-items i {color: var(--bs-primary);}


/* Request form */

.mp-employer-request-section {
  padding: 7rem 0;
  background: radial-gradient(circle at 12% 15%, rgba(var(--bs-primary-rgb), 0.10), transparent 35%), var(--color-bg);
}
.mp-employer-request-note {
  display: flex;align-items: flex-start;gap: 1rem;
  margin-top: 2rem;padding: 1rem 1.15rem;
  background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 12px;
}
.mp-employer-request-note > i {margin-top: 0.2rem;color: var(--bs-primary);}
.mp-employer-request-note p {margin: 0.25rem 0 0;color: var(--color-text-muted);font-size: 0.85rem;line-height: 1.6;}
.mp-employer-request-form {
  padding: 2rem;
  background: var(--color-surface);border: 1px solid var(--color-border);border-radius: 18px;box-shadow: var(--shadow-2);
}


@media (max-width: 991px) {
  .mp-employer-hero {min-height: auto;}
  .mp-employer-operations-flow {grid-template-columns: 1fr;}
  .mp-employer-operation-arrow {display: none;}
  .mp-employer-connected-inner {align-items: flex-start;flex-direction: column;}
  .mp-employer-connected-items {justify-content: flex-start;}
}


@media (max-width: 767px) {
  .mp-employer-structure-grid, .mp-employer-career-grid {grid-template-columns: 1fr;}
}


@media (max-width: 575px) {
  .mp-employer-hero {padding: 4rem 0;}
  .mp-employer-hero-title {font-size: 2.65rem;}
  .mp-employer-request-section {padding: 4rem 0;}
  .mp-employer-request-form {padding: 1.5rem;}
}