/* FilmIndustry Jobs UP1709 — auth role selector hardfix.
   Ensures only the checked account type appears active after the user changes role. */
.fij-auth-v1709 .fij-account-type-card {
  position: relative;
}

/* In modern browsers, neutralize stale server-rendered .is-selected classes when
   their radio is no longer checked. This prevents Job Seeker from staying active
   after selecting Freelancer or Employer. */
.fij-auth-v1709 .fij-account-type-card.is-selected:not(:has(input:checked)) {
  background: #f8fafc !important;
  color: var(--fij-ink, #07111f) !important;
  border-color: var(--fij-line, #dbe3ec) !important;
  box-shadow: none !important;
  transform: none !important;
}

.fij-auth-v1709 .fij-account-type-card.is-selected:not(:has(input:checked)) strong,
.fij-auth-v1709 .fij-account-type-card.is-selected:not(:has(input:checked)) span {
  color: inherit !important;
}

.fij-auth-v1709 .fij-account-type-card:has(input:checked),
.fij-auth-v1709 .fij-account-type-card.is-selected:has(input:checked) {
  background: var(--fij-ink, #07111f) !important;
  color: #fff !important;
  border-color: var(--fij-ink, #07111f) !important;
  box-shadow: 0 16px 42px rgba(2, 6, 23, .12);
}

.fij-auth-v1709 .fij-account-type-card:has(input:checked)::after,
.fij-auth-v1709 .fij-account-type-card.is-selected:has(input:checked)::after {
  content: 'Selected';
  position: absolute;
  right: 14px;
  bottom: 12px;
  font-size: 10px;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--fij-cyan, #10bfd4);
  font-weight: 900;
}

@media (max-width: 980px) {
  .fij-auth-v1709 .fij-account-type-card:has(input:checked)::after,
  .fij-auth-v1709 .fij-account-type-card.is-selected:has(input:checked)::after {
    position: static;
    display: block;
    margin-top: 10px;
  }
}