/* EriFaye TV — V8.44.6 — Reset PIN phone fields
   Objectif : revenir au même rendu intl-tel-input que Connexion / Inscription.
   On ne force plus manuellement le padding/line-height du sélecteur indicatif.
*/

body .ef-account-reset-section {
  padding-top: 36px !important;
  padding-bottom: 72px !important;
  min-height: auto !important;
}

body .ef-account-reset-section .ef-centered-card-wrap {
  min-height: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  align-items: flex-start !important;
  justify-content: center !important;
}

body .ef-account-reset-section .ef-reset-card {
  margin-top: 0 !important;
  width: min(760px, 100%) !important;
}

.ef-reset-card,
.ef-reset-card * {
  box-sizing: border-box;
}

.ef-reset-card input,
.ef-reset-card select,
.ef-reset-card textarea,
.ef-reset-card .form-control,
.ef-reset-card .iti input {
  font-weight: 800 !important;
}

.ef-reset-card input::placeholder,
.ef-reset-card textarea::placeholder {
  font-weight: 650 !important;
  color: rgba(255,255,255,.38) !important;
}

.ef-reset-card .ef-form-grid.two,
.ef-reset-card .ef-form-grid.three {
  align-items: end !important;
}

.ef-reset-card .ef-form-block,
.ef-reset-card .ef-phone-field {
  min-width: 0 !important;
}

/* Même base que Connexion / Inscription : .ef-phone-field + .ef-phone-input.
   Les règles intl-tel-input d'origine gèrent elles-mêmes le padding et l'alignement. */
.ef-reset-card .ef-phone-field {
  width: 100% !important;
  margin-bottom: 2px !important;
}

.ef-reset-card .ef-phone-field .iti {
  width: 100% !important;
  display: block !important;
  position: relative !important;
}

.ef-reset-card .ef-phone-field .iti input,
.ef-reset-card .ef-phone-input {
  width: 100% !important;
}

.ef-reset-card .ef-phone-input {
  font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 800 !important;
}

.ef-reset-card .iti__selected-country {
  border-radius: 14px 0 0 14px;
}

.ef-reset-card .iti__selected-country-primary {
  padding-left: 12px;
  padding-right: 10px;
}

.ef-reset-progress,
.ef-reset-lockout-box,
.ef-reset-redirect-note {
  margin-bottom: 16px;
  padding: 12px 14px;
  border-radius: 14px;
  color: #ffffff !important;
  font-weight: 800;
  border: 1px solid rgba(255,255,255,.14);
  background: rgba(59,130,246,.18);
}

.ef-reset-progress[hidden] {
  display: none !important;
}

.ef-reset-progress.is-success,
.ef-reset-redirect-note {
  background: rgba(34,197,94,.20);
  border-color: rgba(34,197,94,.35);
}

.ef-reset-progress.is-error,
.ef-reset-lockout-box {
  background: rgba(239,68,68,.24);
  border-color: rgba(239,68,68,.34);
}

.ef-reset-progress.is-warning {
  background: rgba(245,158,11,.22);
  border-color: rgba(245,158,11,.34);
}

.ef-reset-card .ef-account-flash,
.ef-reset-card .ef-account-flash.success,
.ef-reset-card .ef-account-flash.error {
  color: #ffffff !important;
  font-weight: 800;
  border-radius: 14px;
  margin-bottom: 16px !important;
}

.ef-reset-card .ef-account-flash.success {
  background: rgba(34,197,94,.22) !important;
  border: 1px solid rgba(34,197,94,.30) !important;
}

.ef-reset-card .ef-account-flash.error {
  background: rgba(239,68,68,.24) !important;
  border: 1px solid rgba(239,68,68,.34) !important;
}

.ef-reset-card .ef-btn[disabled],
.ef-reset-card button[disabled],
.ef-reset-card input[disabled] {
  opacity: .72;
  cursor: not-allowed !important;
}

.ef-reset-card .ef-btn.is-loading,
.ef-reset-card button.is-loading {
  cursor: wait !important;
  pointer-events: none;
}

.ef-reset-card .ef-btn-spinner {
  display: none;
  width: 15px;
  height: 15px;
  margin-right: 8px;
  border-radius: 999px;
  border: 2px solid rgba(255,255,255,.45);
  border-top-color: #ffffff;
  animation: efResetSpin8446 .8s linear infinite;
  vertical-align: -2px;
}

.ef-reset-card .ef-btn.is-loading .ef-btn-spinner,
.ef-reset-card button.is-loading .ef-btn-spinner {
  display: inline-block;
}

.ef-reset-card .ef-btn-text,
.ef-reset-card [data-ef-reset-btn-text] {
  color: inherit;
}

.ef-reset-card .ef-reset-attempts-note {
  margin-top: 10px;
  color: rgba(255,255,255,.75);
  font-size: 13px;
  font-weight: 650;
}

@keyframes efResetSpin8446 {
  to { transform: rotate(360deg); }
}

@media (max-width: 991px) {
  body .ef-account-reset-section {
    padding-top: 28px !important;
  }
}

@media (max-width: 767px) {
  body .ef-account-reset-section {
    padding-top: 22px !important;
    padding-bottom: 46px !important;
  }

  .ef-reset-card .ef-form-grid.two,
  .ef-reset-card .ef-form-grid.three {
    grid-template-columns: 1fr !important;
    gap: 14px !important;
  }

  .ef-reset-card .ef-form-actions.split {
    flex-direction: column;
    align-items: stretch;
    gap: 10px;
  }

  .ef-reset-card .ef-form-actions.split .ef-btn,
  .ef-reset-card .ef-form-actions.split button,
  .ef-reset-card .ef-form-actions.split a {
    width: 100%;
    max-width: 100%;
    justify-content: center;
    text-align: center;
  }
}