/* ==========================================================
   eBillSeva Business OS
   Application Footer
   ========================================================== */

.app-footer {
    margin-left: 230px;

    border-top: 1px solid #e9edf2;

    background: #ffffff;
}

.app-footer__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    min-height: 48px;

    padding: 0 24px;
}


/* ==========================================================
   Left
   ========================================================== */

.app-footer__left {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;

    min-width: 0;

    color: #8a94a3;

    font-size: 0.72rem;
}

.app-footer__copyright {
    font-weight: 500;
}

.app-footer__separator {
    color: #c4cad3;
}

.app-footer__tagline {
    color: #9aa3b0;
}


/* ==========================================================
   Right
   ========================================================== */

.app-footer__right {
    display: flex;
    align-items: center;
    gap: 16px;

    flex-shrink: 0;

    font-size: 0.72rem;
}

.app-footer__version {
    color: #9aa3b0;
}

.app-footer__link {
    color: #697586;

    text-decoration: none;

    transition:
        color 0.15s ease;
}

.app-footer__link:hover {
    color: var(--bs-primary, #0d47a1);
}


/* ==========================================================
   Mobile
   ========================================================== */

@media (max-width: 991.98px) {

    .app-footer {
        margin-left: 0;
    }

    .app-footer__inner {
        min-height: 56px;

        padding: 8px 16px;
    }

}


/* ==========================================================
   Small Mobile
   ========================================================== */

@media (max-width: 575.98px) {

    .app-footer__inner {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }

    .app-footer__right {
        gap: 12px;
    }

}