/**
 * @file
 * inline-messages.css
 *
 * Styles for status/warning/error messages rendered INLINE inside the
 * Login / Reset Password / Create Account / Update Profile panels, in
 * place of this theme's own sitewide "toast" treatment of Drupal's
 * status-messages region (which repositions/restyles them outside the
 * panel — see user_registration_enhanced_accredify.module's
 * _accredify_pending_messages_html() for the full explanation).
 *
 * 20260921 - Per request: replaced the transparent/colored-text look
 * from the previous round with a solid-background, dismissible alert
 * box (with a clickable X close button) — the same visual language
 * already used, natively, for Drupal's own un-drained messages (e.g.
 * core's "Your current password is missing or incorrect" validation
 * error), so every message across every panel now looks the same
 * regardless of which code path produced it. See
 * js/inline-messages-dismiss.js for the click-to-dismiss behavior, and
 * user_registration_enhanced_accredify.module's
 * _accredify_render_inline_message() for the close-button markup.
 *
 * 20260921 (round 7) - Per request: the --status (confirmation)
 * variant's background is now blue rather than green, matching the
 * blue "This account is linked with Google..." message shown natively
 * elsewhere on this site.
 *
 * 20260921 (round 9) - Per explicit follow-up request: confirmed the
 * intent really is ONE consistent blue for every message type, not
 * status-only — --warning and --error now use the exact same blue as
 * --status rather than their own amber/red. The --warning/--error
 * class names and the type argument to _accredify_render_inline_message()
 * are kept as-is (still worth knowing which TYPE a given message is,
 * for anyone reading the code, and in case a future request asks to
 * split the colors again) — only their color values changed here.
 *
 * PLACEMENT: modules/custom/user_registration_enhanced_accredify/css/inline-messages.css
 */

.accredify-inline-messages {
  width: 100%;
  margin: 0 0 20px;
}

.accredify-inline-message {
  position: relative;
  display: block;
  width: 100%;
  box-sizing: border-box;
  margin: 0 0 12px;
  padding: 14px 44px 14px 16px;
  border-radius: 6px;
  border: 1px solid transparent;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
}

.accredify-inline-message:last-child {
  margin-bottom: 0;
}

.accredify-inline-message--status {
  background-color: #cfe2ff;
  border-color: #9ec5fe;
  color: #084298;
}

.accredify-inline-message--warning {
  background-color: #cfe2ff;
  border-color: #9ec5fe;
  color: #084298;
}

.accredify-inline-message--error {
  background-color: #cfe2ff;
  border-color: #9ec5fe;
  color: #084298;
}

.accredify-inline-message p {
  margin: 0 0 6px;
}

.accredify-inline-message p:last-child {
  margin-bottom: 0;
}

.accredify-inline-message a {
  color: inherit;
  text-decoration: underline;
}

/* Click-to-dismiss X button — see js/inline-messages-dismiss.js. */
.accredify-inline-message__close {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 26px;
  height: 26px;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  opacity: 0.55;
}

.accredify-inline-message__close:hover,
.accredify-inline-message__close:focus {
  opacity: 1;
}