/* *****************************************************************************
*
*  Footer
*
* ***************************************************************************** */

.bf-footer {
    --color-ground: var(--bf-color-bg-underground);

    &.reversed {
        --color-ground: var(--bf-color-bg-ground);
    }

    background-color: var(--color-ground);
    color: var(--bf-color-neutral-primary);

    .border-bottom,
    .card--wider-x {
        border-bottom-color: var(--bf-color-stroke-secondary) !important;
    }

    &__main {
        font-size: .875rem;

        .navbar-toggler {
            color: currentColor;

            &[aria-expanded='true'] .bf-icon {
                transform: rotate(180deg);
            }
        }

        .link-back-to-top,
        .link-back-to-top:hover {
            color: currentColor;
        }
    }

    &__legal {
        min-height: 6rem;
    }

    &--reduced .bf-footer__legal {
        background-color: var(--bf-color-bg-ground);
    }

    .link-default-optimized {
        color: var(--bf-color-neutral-secondary);
        text-decoration: auto !important;
        text-underline-offset: 3px;
        text-shadow: none !important;
        box-shadow: none !important;
        //     0 -2px 0 var(--color-ground),
        //     0 -1px 0 var(--color-ground),
        //     0 0 0 var(--color-ground),
        //     2px -2px 0 var(--color-ground),
        //     2px -1px 0 var(--color-ground),
        //     2px 0 0 var(--color-ground),
        //     -2px -2px 0 var(--color-ground),
        //     -2px -1px 0 var(--color-ground),
        //     -2px 0 0 var(--color-ground),
        //     1px -2px 0 var(--color-ground),
        //     1px -1px 0 var(--color-ground),
        //     1px 0 0 var(--color-ground),
        //     -1px -2px 0 var(--color-ground),
        //     -1px -1px 0 var(--color-ground),
        //     -1px 0 0 var(--color-ground),
        //     0 -2px 0 var(--color-ground),
        //     0 -1px 0 var(--color-ground),
        //     0 0 0 var(--color-ground);
        // box-shadow: inset 0 -1px 0 0 transparent;

        &:hover,
        &:focus {
            box-shadow: none;
            text-decoration: underline !important;
        }
    }

    .icon,
    a:hover > .icon {
        border-color: var(--bf-color-neutral-secondary);
    }
}