/*
// ===================================================================================================
// ## footer css
// =================================================================================================== 
*/

/* ids */

#footer {
    display: flex; justify-content: center; align-items: center; flex-direction: column;
    height: fit-content; width: 100%;
    box-sizing: border-box;
    background-color: var(--terra);
}

#footer a {
    text-decoration: none;
}

#footer .primary-link {
    background-color: var(--horizon);
    color: var(--panna);
}
#footer .secondary-link {
    outline: 1px solid var(--beige);
    background-color: transparent;
    color: var(--panna);
}
#footer .secondary-link:hover {
    background-color: var(--black-2);
}

#footer .bordered-container {
    background-color: var(--white);
    width: 100%; height: fit-content;
    padding: 15px;
    display: flex; justify-content: center; align-items: center;
}

/* classes */

.footer-main-container {
    display: flex; justify-content: start; align-items: start; flex-direction: column;
    width: 100%; height: fit-content;
    max-width: var(--maxwidth);
    padding: 60px; box-sizing: border-box;
    gap: 40px;
}

.footer-block {
    width: 100%; height: fit-content;
    display: flex; justify-content: space-between; align-items: start;
}

.items-union.vertical.medium {
    max-width: 33%;
}

.footer-link {
    min-height: 34px;
    display: flex; justify-content: start; align-items: center;
    gap: 8px; padding: 5px 10px; 
    box-sizing: border-box; border-radius: 4px;

    font-family: var(--redhat);
    font-size: var(--h5);
    font-weight: var(--normal);
    color: var(--panna);
    opacity: 0.8;
}
.footer-link.bold {
    opacity: 1;
}
.footer-link.linkable:hover {
    cursor: pointer;
    background-color: var(--black-2);
}

.footer-link .lucide {
    width: 1.8cap;
    color: var(--gray);
}
.footer-link:hover .lucide {
    color: var(--black);
}
