/***********************************************************************/
/******************************* %footer% ******************************/
/***********************************************************************/

/*#region Footer*/

footer {
    background-color: var(--background);
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    color: var(--color);
    --link: white;
}

    footer .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }

    footer .main .container {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    footer h1 {
        font-size: 1.2rem;
        color: white;
    }

@media (prefers-color-scheme: dark) {
    footer h1 {
        color: white;
    }
}

footer .icons {
    text-align: center;
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

    footer .icons a {
        margin: 0 0.2rem;
    }

footer .other-icons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    font-size: 1.2rem;
    place-items: center;
}

@media screen and (max-width: 799px) {
    footer .other-icons {
        display: flex;
        gap: 0.5rem;
        justify-content: center;
    }
}

footer .address {
    text-align: right;
}

footer .legal {
    border-top: 1px solid var(--tertiary);
}

    footer .legal .container {
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

        footer .legal .container > * {
            margin: 0 1rem;
        }

#FooterGrid {
    gap: 3rem;
    --COLUMNS: auto auto 1fr;
}

@media screen and (max-width: 799px) {
    #FooterGrid {
        text-align: center;
        --COLUMNS: auto;
        --ROWS: auto auto auto;
        gap: 1.5rem;
    }

        #FooterGrid .address {
            text-align: center;
        }
}

/*#endregion*/

#HiddenSettings {
    color: var(--background);
    filter: brightness(80%);
}