/* Membership Plugin — main.css */

/* ------------ Core boxes & notices ------------ */
.mvm-box {
  max-width: 560px;
  margin: 24px auto;
  padding: 16px;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
}

.mvm-box h2 {
  margin: 0 0 12px 0;
  font-size: 22px;
  line-height: 1.2;
}

.notice {
  padding: .6em .8em;
  margin: 12px 0;
  border-radius: 6px;
  border: 1px solid transparent;
}

.notice-success {
  background: #ecfdf5;
  border-color: #a7f3d0;
}

.notice-error {
  background: #fef2f2;
  border-color: #fecaca;
}

/* ------------ Forms ------------ */
.mvm-box form p {
  margin: 0 0 12px 0;
}

.mvm-box label {
  display: inline-block;
  font-weight: 600;
  margin-bottom: 6px;
}

.mvm-box input[type="text"],
.mvm-box input[type="email"],
.mvm-box input[type="password"],
.mvm-box textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #111827;
}

.mvm-box input:focus,
.mvm-box textarea:focus {
  outline: 2px solid #93c5fd;
  outline-offset: 1px;
  border-color: #93c5fd;
}

.mvm-box button {
  display: inline-block;
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #2563eb;
  background: #2563eb;
  color: #fff;
  cursor: pointer;
}

.mvm-box button:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

/* ------------ Signup & Login: make text red ------------ */
.mvm-signup,
.mvm-login {
  color: #b91c1c; /* all text inside red */
}

.mvm-signup h2,
.mvm-login h2,
.mvm-signup label,
.mvm-login label {
  color: #b91c1c; /* ensure headers/labels are definitely red */
}

/* Optional: subtle red focus ring on these forms */
.mvm-signup input:focus,
.mvm-login input:focus,
.mvm-signup button:focus,
.mvm-login button:focus {
  outline: 2px solid #b91c1c33;
  outline-offset: 1px;
}

/* ------------ Page Visibility badge in Pages list ------------ */
.mvm-vis-pill {
  display: inline-block;
  padding: 2px 8px;
  background: #eef2ff;
  border-radius: 999px;
  border: 1px solid #c7d2fe;
  font-size: 12px;
}

/* ------------ Admin Users filters & table tweaks ------------ */
.mvm-user-filters input,
.mvm-user-filters select {
  min-width: 200px;
}

@media (max-width: 782px) {
  .mvm-user-filters input,
  .mvm-user-filters select {
    min-width: 140px;
  }
  table.widefat.fixed th,
  table.widefat.fixed td {
    word-break: break-word;
  }
}