/* =========================================================
   K59 HUB — LOGIN ERROR MESSAGE
   File: messages-login.css
   Version: 2.0.2
   Updated: 2026-08-26

   Changelog:
   2.0.2 — Fine-tune Login error message spacing.
   - Reduce the desktop bottom margin to 2px.
   - Set the mobile bottom margin to -1px.
   - Keep the spacing above the error message unchanged.
   - Keep the message inside the Login panel.
   - Preserve responsive behaviour.

   2.0.1 — Reduce spacing below Login error message.
   - Reduce the distance between the error message and
     the Username field.
   - Keep the spacing above the error message unchanged.
   - Apply the adjustment to desktop and mobile.

   2.0.0 — Move Login error message inside the
           Divi Login module.
   - Remove external/absolute positioning.
   - Display the message below the Login description.
   - Keep the message inside the Login panel.
   - Improve responsive behaviour.
   - Match the visual style of the Register errors.
   ========================================================= */


/* =========================================================
   1. LOGIN ERROR MESSAGE
   ========================================================= */

.et_pb_login_0 .k59-login-error-message {

    display: block !important;

    width: 100% !important;

    box-sizing: border-box !important;

    /*
     * Fine-tuned spacing.
     *
     * The error message remains naturally positioned
     * inside the Login module.
     *
     * Desktop:
     * 2px below the message.
     */

    margin: 0 0 2px !important;

    padding: 13px 16px !important;

    background: rgba(150, 20, 20, 0.90) !important;
    background-color: rgba(150, 20, 20, 0.90) !important;

    color: #ffffff !important;

    border: 1px solid rgba(255, 120, 120, 0.45) !important;
    border-radius: 16px !important;

    font-family: "Cinzel", serif !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 1.45em !important;

    text-align: left !important;

    box-shadow:
        0 4px 14px rgba(0, 0, 0, 0.18) !important;

    position: relative !important;

    z-index: 2 !important;

    overflow: hidden !important;
}


/* =========================================================
   2. MOBILE
   ========================================================= */

@media (max-width: 767px) {

    .et_pb_login_0 .k59-login-error-message {

        width: 100% !important;

        /*
         * Fine-tuned mobile spacing.
         *
         * Mobile:
         * -1px below the message.
         */

        margin: 0 0 -1px !important;

        padding: 12px 14px !important;

        border-radius: 16px !important;

        font-size: 13px !important;
        line-height: 1.45em !important;

        box-sizing: border-box !important;
    }
}