/* -------------------------------------------- FOOTER SECTION -------------------------------------------- */
/* Display footer */
footer {
    /* Display */
    display: grid;
    grid-template-rows: repeat(3, auto);
    grid-template-columns: repeat(2, 1fr);

    /* Box model */
    padding: var(--padding);

    /* Color */
    background-color: var(--bc-1);
    color: white;

    font-size: var(--fs-disclaimer);
}

.footer__logo-container, .footer__copyright, .footer__credits, .footer__disclaimer_legal {
    grid-column: span 2;
}

.footer__credits {
    font-size: var(--fs-info_message);
}

.footer__logo-container, .footer__logo-link, .footer-navbar, .footer__social-media, .footer__copyright {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Links */
footer a {
    color: white;
}

footer a:not(.footer__logo-link):hover {
    opacity: 0.7;
}

/* Social media */
.footer-social-media-list {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 10px;
    gap: clamp(10px, 1vw, 20px)
}

.footer-social-media-list i {
    font-size: 2vh;
    font-size: 30px;
    font-size: clamp(20px, 2vw, 30px);
}

/* Copyright */
.footer__copyright p, .footer__disclaimer_legal p {
    text-align: center;
    font-size: var(--fs-disclaimer);
}

@media only screen and (min-width: 1000px) {

    footer {
        /* Grid */
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        padding-top: 3vh;
        font-size: var(--fs);
    }

    .footer__logo-container, .footer__social-media, .footer-navbar {
        grid-column: span 1;
    }
    
    .footer__copyright, .footer__copyright p {
        grid-column: span 3;
        width: 100%;
        text-align: left;
    }
}