/* =========================
   Shared notices
   (applications + invites + profile)
   ========================= */

.wiow-notice {
  padding: 12px 14px;
  margin: 14px 0;
  border-radius: 10px;
  background: #111114;
  color: #ffffff;
  border: 3px solid rgba(255,255,255,0.22);
  font-size: 14px;
  line-height: 1.4;
}

.wiow-notice strong {
  font-weight: 700;
}

/* ---------- Success ---------- */

.wiow-notice--success {
  border-color: #46b450; /* WP green */
  box-shadow: 0 0 0 2px rgba(70,180,80,0.22);
}

/* ---------- Error ---------- */

.wiow-notice--error {
  border-color: #dc3232; /* WP red */
  box-shadow: 0 0 0 2px rgba(220,50,50,0.22);
}

/* ---------- Warning ---------- */

.wiow-notice--warning {
  border-color: #ffb900;
  box-shadow: 0 0 0 2px rgba(255,185,0,0.22);
}

/* =========================
   Field-level error highlight
   (used by invites + reusable)
   ========================= */

.wiow-field-error {
  border: 2px solid #dc3232 !important;
  box-shadow: 0 0 0 1px rgba(220,50,50,0.25);
  outline: none !important;
}

/* =========================
   Application + profile form controls
   ========================= */

.wiow-critic-application input,
.wiow-critic-application select,
.wiow-critic-application textarea,
.wiow-critic-profile input,
.wiow-critic-profile select,
.wiow-critic-profile textarea {
  max-width: 100%;
}

/* =========================
   Textarea behavior fixes
   ========================= */

.wiow-critic-application textarea,
.wiow-critic-profile textarea {
  white-space: pre-wrap;
  overflow: auto;
  resize: vertical;
  min-height: 110px;
  line-height: 1.45;

  user-select: text;
  -webkit-user-select: text;
  pointer-events: auto;
}

/* Prevent odd focus outlines on dark backgrounds */
.wiow-critic-application textarea:focus,
.wiow-critic-application input:focus,
.wiow-critic-profile textarea:focus,
.wiow-critic-profile input:focus,
.wiow-critic-profile select:focus {
  outline: none;
}

/* =========================================
   Desktop: constrain form width + center
   ========================================= */
.wiow-critic-application,
.wiow-invite-activate,
.wiow-critic-profile {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Make controls fill the column (not the screen) */
.wiow-critic-application input,
.wiow-critic-application select,
.wiow-critic-application textarea,
.wiow-invite-activate input,
.wiow-invite-activate select,
.wiow-invite-activate textarea,
.wiow-critic-profile input,
.wiow-critic-profile select,
.wiow-critic-profile textarea {
  width: 100%;
  box-sizing: border-box;
}


/* =========================================
   Desktop: constrain form width + center
   ========================================= */
.wiow-critic-application,
.wiow-invite-activate,
.wiow-critic-profile {
  box-sizing: border-box;
  width: 100%;
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
}

/* Make controls fill the column (not the screen) */
.wiow-critic-application input,
.wiow-critic-application select,
.wiow-critic-application textarea,
.wiow-invite-activate input,
.wiow-invite-activate select,
.wiow-invite-activate textarea,
.wiow-critic-profile input,
.wiow-critic-profile select,
.wiow-critic-profile textarea {
  width: 100%;
  box-sizing: border-box;
}

/* =========================================
   Checkbox rows: checkbox left of text
   ========================================= */
.wiow-checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  line-height: 1.35;
}

.wiow-checkbox-row input[type="checkbox"] {
  width: auto;            /* don't inherit width:100% */
  flex: 0 0 auto;
  margin-top: 3px;        /* align with first line of text */
}

.wiow-checkbox-row span {
  display: block;
}

/* =========================
   Minor spacing sanity
   ========================= */

.wiow-critic-application p,
.wiow-critic-profile p {
  margin-bottom: 14px;
}


/* Make sure the Critic Profile area can receive clicks */
.wiow-critic-profile,
.wiow-critic-profile * {
	pointer-events: auto !important;
}

/* Bring the whole module above any invisible overlays */
.wiow-critic-profile {
	position: relative;
	z-index: 9999;
}

/* Ensure the submit button is clickable */
.wiow-critic-profile button,
.wiow-critic-profile input[type="submit"] {
	cursor: pointer;
}