.app-footer{

    margin-top:auto;

    width:100%;

    padding:
        .65rem
        1rem;

    display:flex;

    justify-content:center;

    align-items:center;

    background:
        var(--footer-bg);

    transition:
        var(--transition);

}

.footer-content{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:8px;

    color:
        var(--text-soft);

    font-size:.75rem;

    font-weight:600;

    opacity:.9;

    transition:
        var(--transition);

}

.footer-content img{

    height:28px;

    width:auto;

    object-fit:contain;

    opacity:.9;

    transition:
        var(--transition);

}

.footer-content img:hover{

    transform:
        scale(1.04);

    opacity:1;

}

.footer-divider{

    color:
        var(--text-light);

    font-weight:500;

    transition:
        var(--transition);

}

.footer-content strong{

    color:
        var(--text);

    font-weight:700;

    transition:
        var(--transition);

}

@media (max-width:768px){

    .app-footer{

        padding:.6rem;

    }

    .footer-content{

        gap:6px;

        font-size:.72rem;

    }

    .footer-content img{

        height:24px;

    }

}

@media (max-width:480px){

    .footer-content{

        gap:5px;

        font-size:.68rem;

    }

    .footer-content img{

        height:22px;

    }

}

@media print{

    .app-footer{

        display:none !important;

    }

}