/*
 * ==========================================================
 * SRX — Sign Up page notice modal styles
 * ==========================================================
 *
 * Author:  MJ Bomar
 * Version: 1.0.0
 *
 * Changelog:
 * 1.0.0 (2026-07-20) - Moved out of the old inline PHP footer styles
 *   (inc/srx-forminator-duplicate-registration-modal-notification.php)
 *   during the cleanup sweep. Rules unchanged.
 *
 * What this does, in plain English:
 * The smooth fade for the Sign Up page's notice modal. The script
 * (srx-signup-notice.js) adds and removes the classes below when the
 * modal opens and closes; these rules do the actual animating. The
 * 220ms timing here has a matching timeout in the script — if one
 * changes, change the other.
 */

/* Prevent background scroll while open (plugin adds .lmb-open to <body>) */
.lmb-open { overflow: hidden; }

/* Animate the native <dialog> content */
dialog.srx-anim {
  opacity: 0;
  transform: translateY(8px);
  transition: opacity .22s ease, transform .22s ease;
}
dialog.srx-anim.srx-in {
  opacity: 1;
  transform: translateY(0);
}

/* Backdrop fade (only while dialog is still open) */
dialog[open]::backdrop {
  background: rgba(0,0,0,.35);
  opacity: 1;
  transition: opacity .22s ease, background-color .22s ease;
}
dialog[open][data-srx-out]::backdrop {
  opacity: 0;
}
