/*
 * CLASSCALL_LOGIN_CANONICAL_FOOTER_V1
 * CLASSCALL_LOGIN_CANONICAL_FOOTER_COMPACT_V1
 *
 * Login page footer:
 * - same canonical content
 * - same dark brand tone
 * - reduced vertical footprint
 */

#cc-login-canonical-footer{
    flex:0 0 auto;

    width:100%;

    margin:0;

    padding:
        22px
        clamp(28px, 7vw, 125px)
        16px;

    background:#081a3d;

    color:
        rgba(255,255,255,.74);

    border:0;

    font-size:12px;

    line-height:1.5;
}


#cc-login-canonical-footer *,
#cc-login-canonical-footer *::before,
#cc-login-canonical-footer *::after{
    box-sizing:border-box;
}


#cc-login-canonical-footer .footer-inner{
    width:100%;

    max-width:1480px;

    margin:0 auto;

    display:grid;

    grid-template-columns:
        minmax(220px,.7fr)
        minmax(0,1.55fr);

    gap:
        12px
        48px;

    align-items:center;
}


#cc-login-canonical-footer .footer-brand{
    min-width:0;
}


#cc-login-canonical-footer .footer-brand strong{
    display:block;

    margin:0 0 5px;

    color:#fff;

    font-size:19px;

    font-weight:900;

    line-height:1.25;

    letter-spacing:-.03em;
}


#cc-login-canonical-footer .footer-brand p{
    margin:0;

    color:
        rgba(255,255,255,.58);

    font-size:12px;

    line-height:1.45;
}


#cc-login-canonical-footer .footer-info{
    min-width:0;

    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    align-items:center;

    gap:
        4px
        14px;

    color:
        rgba(255,255,255,.72);

    line-height:1.45;
}


#cc-login-canonical-footer .footer-info span{
    display:inline-block;

    min-width:0;

    word-break:keep-all;

    overflow-wrap:anywhere;
}


#cc-login-canonical-footer a{
    color:#fff;

    text-decoration:none;

    font-size:12px;

    font-weight:800;

    line-height:1.4;

    transition:
        opacity .15s ease;
}


#cc-login-canonical-footer a:hover{
    opacity:.74;

    text-decoration:none;
}


#cc-login-canonical-footer .footer-links,
#cc-login-canonical-footer .footer-nav,
#cc-login-canonical-footer [class*="footer-links"],
#cc-login-canonical-footer [class*="footer-nav"]{
    grid-column:2;

    display:flex;

    flex-wrap:wrap;

    justify-content:flex-end;

    align-items:center;

    gap:
        4px
        16px;

    margin-top:2px;
}


#cc-login-canonical-footer .footer-bottom,
#cc-login-canonical-footer [class*="footer-bottom"]{
    grid-column:
        1
        /
        -1;

    margin-top:2px;

    padding-top:9px;

    border-top:
        1px solid
        rgba(255,255,255,.10);
}


#cc-login-canonical-footer .footer-copy,
#cc-login-canonical-footer [class*="copyright"]{
    margin:0;

    color:
        rgba(255,255,255,.42);

    font-size:10.5px;

    line-height:1.35;
}


@media(max-width:900px){

    #cc-login-canonical-footer{
        padding:
            20px
            22px
            16px;
    }


    #cc-login-canonical-footer .footer-inner{
        grid-template-columns:1fr;

        gap:10px;
    }


    #cc-login-canonical-footer .footer-info{
        justify-content:flex-start;
    }


    #cc-login-canonical-footer .footer-links,
    #cc-login-canonical-footer .footer-nav,
    #cc-login-canonical-footer [class*="footer-links"],
    #cc-login-canonical-footer [class*="footer-nav"]{
        grid-column:1;

        justify-content:flex-start;
    }

}


@media(max-width:560px){

    #cc-login-canonical-footer{
        padding:
            18px
            16px
            14px;
    }


    #cc-login-canonical-footer .footer-brand strong{
        font-size:18px;
    }


    #cc-login-canonical-footer .footer-info{
        display:grid;

        grid-template-columns:1fr;

        gap:3px;
    }

}