/* =====================================================
   LOGOVARO APPLICATION FOOTER
   Compact footer for logged-in areas
   ===================================================== */

.app-footer {
    margin-top: 48px;

    border-top: 1px solid #e8ebf0;

    background: #f8f9fc;
}


.app-footer-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 20px;

    max-width: 1280px;

    margin: 0 auto;

    padding:
        20px
        40px;
}


.app-footer p {
    margin: 0;

    color: #98a2b3;

    font-size: 0.82rem;
}


/* =====================================================
   APP FOOTER LINKS
   ===================================================== */

.app-footer-links {
    display: flex;
    align-items: center;

    gap: 20px;
}


.app-footer-links a {
    color: #7b8496;

    font-size: 0.82rem;
    font-weight: 600;

    text-decoration: none;

    transition:
        color 0.2s ease;
}


.app-footer-links a:hover {
    color: #635bff;
}


/* =====================================================
   TABLET
   ===================================================== */

@media (max-width: 900px) {

    .app-footer-inner {
        padding:
            18px
            28px;
    }

}


/* =====================================================
   MOBILE
   ===================================================== */

@media (max-width: 600px) {

    .app-footer {
        margin-top: 36px;
    }


    .app-footer-inner {
        flex-direction: column;

        align-items: flex-start;

        gap: 12px;

        padding:
            18px
            22px;
    }


    .app-footer-links {
        flex-wrap: wrap;

        gap:
            10px
            18px;
    }

}