/** Mode Sensitive **/

body.lei-sensitive-unlocked .button-sensitive {
  display: none !important;
}


.lei-modal {
  position: fixed;
  inset: 0;
  z-index: 9999;
  display: none;
}

.lei-modal.is-open { display: block; }

.lei-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.55);
}

.lei-modal__dialog {
  position: relative;
  width: min(520px, calc(90vw - 2rem));
  max-height: 90vh;
  overflow-y: scroll;
  margin: 8vh auto;
  background: #fff;
  border-radius: 16px;
  padding: 24px;
  box-shadow: 0 20px 60px rgba(0,0,0,.25);
}

.lei-modal__close {
  position: absolute;
  top: 10px;
  right: 12px;
  width: 36px;
  height: 36px;
  border: 0;
  background: transparent;
  font-size: 24px;
  cursor: pointer;
}

.lei-modal__hint {
  margin: .5rem 0 1rem;
  opacity: .75;
}

.lei-modal__messages {
  margin: 0 0 14px;
  padding: 12px;
  border-radius: 10px;
  font-size: 14px;
}

.lei-modal__messages.success { background: #d1fae5; border: 1px solid #10b981; color:#065f46; }
.lei-modal__messages.error   { background: #fee2e2; border: 1px solid #ef4444; color:#991b1b; }
.lei-modal__messages.info    { background: #dbeafe; border: 1px solid #3b82f6; color:#1e40af; }

.lei-modal__form label {
  display:block;
  font-weight: 600;
  margin: 0 0 6px;
}

.lei-modal__form input {
  width: 100%;
  padding: 12px 14px;
  border: 2px solid #d1d5db;
  border-radius: 10px;
  font-size: 16px;
  box-sizing: border-box;
  margin-bottom: 12px;
}

.lei-modal__form input:focus {
  outline: none;
  border-color: var(--wp--preset--color--brand-coral, #db1931);
  box-shadow: 0 0 0 3px rgba(219,25,49,.12);
}

.lei-btn {
  width: 100%;
  border: 0;
  border-radius: 10px;
  padding: 12px 14px;
  font-weight: 700;
  cursor: pointer;
  background: var(--wp--preset--color--brand-coral, #db1931);
  color: #fff;
}

.lei-btn:disabled { opacity: .6; cursor: not-allowed; }

.lei-btn--ghost {
  margin-top: 10px;
  background: #f3f4f6;
  color: #111827;
}