/**
 * Ninja Forms - Mailcheck Validator
 * Frontend Styles
 *
 * Styling für den Korrekturhinweis unter E-Mail-Feldern.
 * Farben werden dynamisch via JavaScript gesetzt.
 *
 * @package NF_Mailcheck
 */

/* -----------------------------------------------------------------------------
   HINT CONTAINER
   -------------------------------------------------------------------------- */

.mail-suggest {
    font-size: 0.9em;
    margin-top: 6px;
    min-height: 1em;
}

.mail-suggest strong {
    font-weight: 600;
}

/* -----------------------------------------------------------------------------
   APPLY LINK
   -------------------------------------------------------------------------- */

.mail-apply {
    text-decoration: underline;
    font-weight: 500;
    margin-left: 4px;
    cursor: pointer;
    transition: color 0.2s, text-decoration-color 0.2s;
}

/* --- Focus State für Accessibility --- */
.mail-apply:focus {
    outline: 2px solid currentColor;
    outline-offset: 2px;
}