/**
 * WPMagnet User Portal styles.
 * Uses the WPMagnet theme's CSS custom properties when present
 * (var(--wpm-*, fallback)) so forms match the site automatically,
 * but still look reasonable if this plugin is used with another theme.
 */

.wpmup-form-wrap{
  max-width: 560px;
  margin: 24px 0;
  font-family: var(--wpm-font-ui, "Inter", "Segoe UI", sans-serif);
}

.wpmup-notice{
  padding: 12px 16px;
  border-radius: var(--wpm-radius, 4px);
  margin-bottom: 18px;
  font-size: 14px;
}
.wpmup-notice-error{
  background: var(--wpm-north-tint, #fdeeea);
  color: var(--wpm-north, #b3391f);
}
.wpmup-notice-success{
  background: var(--wpm-south-tint, #eaf0fe);
  color: var(--wpm-south, #1c46c2);
}

.wpmup-form p{ margin: 0 0 16px; }
.wpmup-form label{
  display: block;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 6px;
  color: var(--wpm-ink, #14161f);
}
.wpmup-form input[type="text"],
.wpmup-form input[type="email"],
.wpmup-form input[type="password"],
.wpmup-form input[type="file"],
.wpmup-form select,
.wpmup-form textarea{
  width: 100%;
  padding: 10px 14px;
  border: 1px solid var(--wpm-border, #e3e7ef);
  border-radius: var(--wpm-radius, 4px);
  font-size: 15px;
  font-family: inherit;
  box-sizing: border-box;
}
.wpmup-form textarea{ min-height: 90px; resize: vertical; }

.wpmup-inline{
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 14px;
}
.wpmup-inline label{
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 400;
  margin: 0;
}

.wpmup-switch,
.wpmup-hint{
  font-size: 14px;
  color: var(--wpm-muted, #5b6072);
}

.wpmup-field-hidden{
  position: absolute;
  left: -9999px;
}

/* Fallback button styling in case the active theme has no .wpm-btn */
.wpmup-form-wrap .wpm-btn{
  display: inline-block;
  font-weight: 600;
  font-size: 15px;
  padding: 11px 20px;
  border-radius: var(--wpm-radius, 4px);
  background: var(--wpm-ink, #14161f);
  color: #fff;
  border: 1px solid var(--wpm-ink, #14161f);
  cursor: pointer;
  text-decoration: none;
}
.wpmup-form-wrap .wpm-btn-outline{
  background: transparent;
  color: var(--wpm-ink, #14161f);
}

/* My submissions list */
.wpmup-my-posts{
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid var(--wpm-border, #e3e7ef);
}
.wpmup-my-posts h2{
  font-family: var(--wpm-font-head, inherit);
  font-size: 18px;
  margin-bottom: 12px;
}
.wpmup-my-posts ul{ list-style: none; margin: 0; padding: 0; }
.wpmup-my-posts li{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid var(--wpm-border, #e3e7ef);
  font-size: 15px;
}
.wpmup-status{
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
  white-space: nowrap;
}
.wpmup-status-publish{ background: var(--wpm-south-tint, #eaf0fe); color: var(--wpm-south, #1c46c2); }
.wpmup-status-pending{ background: var(--wpm-north-tint, #fdeeea); color: var(--wpm-north, #b3391f); }
.wpmup-status-draft{ background: #eee; color: #555; }