/* Memberstack modal — ScaffSkills overrides */

/* Import Barlow Condensed for the wordmark */
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800&display=swap');

/* ── Modal backdrop ── */
.ms-modal-wrapper {
  background: rgba(11, 25, 41, 0.85) !important;
  backdrop-filter: blur(6px) !important;
}

/* ── Modal card ── */
.ms-modal {
  background: #0B1929 !important;
  border: 1px solid rgba(42, 125, 225, 0.2) !important;
  border-radius: 12px !important;
  box-shadow: 0 24px 64px rgba(0, 0, 0, 0.5) !important;
  font-family: 'Inter', system-ui, sans-serif !important;
}

/* ── Close button ── */
.ms-modal__close svg {
  stroke: #6B90AE !important;
}
.ms-modal__close:hover svg {
  stroke: #B8CDD9 !important;
}

/* ── Replace Memberstack logo with ScaffSkills wordmark ── */
.ms-modal__figure {
  margin-bottom: 8px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0 !important;
}
.ms-modal__figure svg {
  display: none !important;
}
.ms-modal__figure img {
  display: none !important;
}
.ms-modal__figure::before {
  content: 'SCAFF';
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
  color: #FFFFFF !important;
}
.ms-modal__figure::after {
  content: 'SKILLS';
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 30px !important;
  letter-spacing: -0.5px !important;
  line-height: 1 !important;
  color: #2A7DE1 !important;
}

/* ── Title ── */
.ms-modal__title {
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 800 !important;
  font-size: 22px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.3px !important;
  color: #FFFFFF !important;
}

/* ── Form labels ── */
.ms-form__label {
  color: #6B90AE !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
}

/* ── Inputs ── */
.ms-form__input {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
  color: #FFFFFF !important;
  font-family: 'Inter', system-ui, sans-serif !important;
  font-size: 15px !important;
}
.ms-form__input:focus {
  border-color: #2A7DE1 !important;
  outline: none !important;
  box-shadow: 0 0 0 3px rgba(42, 125, 225, 0.15) !important;
}

/* ── Primary button (Log in / Sign up) ── */
.ms-form__button:not(.ms-form__button--text) {
  background: #2A7DE1 !important;
  border-radius: 6px !important;
  font-family: 'Barlow Condensed', sans-serif !important;
  font-weight: 700 !important;
  font-size: 17px !important;
  letter-spacing: 0.6px !important;
  text-transform: uppercase !important;
}
.ms-form__button:not(.ms-form__button--text):hover {
  background: #1C5CB5 !important;
}

/* ── Forgot password link ── */
.ms-form__button--text {
  color: #6B90AE !important;
  font-size: 13px !important;
}
.ms-form__button--text:hover {
  color: #2A7DE1 !important;
}

/* ── "or" divider ── */
.ms-modal__divider-line {
  background: rgba(255, 255, 255, 0.1) !important;
}
.ms-modal__divider-text {
  color: #6B90AE !important;
  font-size: 12px !important;
}

/* ── Social button ── */
.ms-modal__social-button {
  background: rgba(255, 255, 255, 0.05) !important;
  border: 1px solid rgba(255, 255, 255, 0.12) !important;
  border-radius: 6px !important;
  color: #B8CDD9 !important;
}
.ms-modal__social-button:hover {
  border-color: rgba(42, 125, 225, 0.4) !important;
  background: rgba(42, 125, 225, 0.06) !important;
}

/* ── "Secured by Memberstack" footer — hide ── */
.ms-modal__footer {
  display: none !important;
}