/**
 * Immediate message hiding CSS for successful authentication
 * Prevents authentication messages from flashing briefly on home page
 */

/* Hide messages immediately on login success pages */
body.auth-login-success .messages,
body.auth-login-success .page.messages,
body.auth-login-success .message-error,
body.auth-login-success .message-success {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
}

/* Specific auth message patterns to hide */
.message:has-text("OTP"),
.message:has-text("connexion"),
.message:has-text("inscription"),
.message:has-text("téléphone"),
.message:has-text("WhatsApp"),
.message:has-text("SMS") {
    display: none !important;
}

/* Smooth transition for when messages are intentionally shown */
.messages {
    transition: opacity 0.2s ease-out, visibility 0.2s ease-out;
}

/* Hide any flash of unstyled content for messages */
.messages.loading {
    opacity: 0;
    visibility: hidden;
}