footer {
    display: flex;
    gap: 2rem;
    justify-content: space-around;

    padding: var(--div-padding);
    background-color: var(--secondary-dark);
    color: var(--secondary-light);
}

footer nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

footer nav ul li {
    margin-bottom: 0.5rem;
}

footer nav ul li a {
    text-decoration: none;
    color: var(--secondary-light);
}

footer .copyright, footer .navigation {
    flex: 1;
}

footer .copyright {
    margin-top: 16px;
}

footer .copyright i {
    font-size: 3rem;
    padding: 0;
    margin: 0;
}

footer .direction {
    flex: 3;
}

.map-container {
    height: 15rem;
    border-radius: var(--radius);
    overflow: hidden;
    box-shadow: var(--box-shadow-cards);
}

.map-container iframe {
    width: 100%;
    height: 100%;
    border: none;
}

.footer-gradient {
    height: 4px;
    background-image: linear-gradient(to right, var(--primary-dark), var(--primary-light));
}


/* RESPONSIVE PART */

/* Mobile devices */
@media screen and (max-width: 480px) {
    footer {
        flex-direction: column;
        align-items: center;
    }

    .navigation {
        display: none;
    }

    .copyright {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .copyright .text {
        flex: 1;
    }
}

/* Tablets */
@media screen and (min-width: 481px) and (max-width: 1024px) {
}

/* Small laptops / large tablets */
@media screen and (min-width: 1025px) and (max-width: 1366px) {
    /* Small laptop styles */
}

/* Desktops */
@media screen and (min-width: 1367px) and (max-width: 1920px) {
    /* Desktop styles */
}

/* Large screens / TVs */
@media screen and (min-width: 1921px) {
    /* Ultra-wide or large display styles */
}