/* Footer */

#footer {
    padding: var(--space-2) 0;
    background: var(--color-background-content);
    font-size: .8125rem
}

#footer a {
    text-decoration: none
}

#footer ul {
    list-style: none;
    margin-left: 0
}

#footer ul .button {
    padding: 0;
    text-transform: none;
    background: 0 0
}

/* Footer reuses main menu items (including .button/.yellow helpers from header).
   Force plain link rendering here so CTA button styles do not leak into footer. */
#footer .widgets-container .menu li.button,
#footer .widgets-container .menu li.button.yellow {
    display: list-item !important;
    margin: 0 0 .5rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    text-align: left;
    font-weight: 400;
    align-items: initial;
    justify-content: initial;
}

#footer .widgets-container .menu li.button > a,
#footer .widgets-container .menu li.button.yellow > a {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    color: inherit;
    font: inherit;
    font-weight: 400;
    text-transform: none;
    line-height: inherit;
    min-height: 0;
    text-align: left;
    justify-content: flex-start;
}

#footer .widgets-container .menu li.button > a span,
#footer .widgets-container .menu li.button.yellow > a span {
    color: inherit !important;
}

#footer .lang-switcher,
#footer .search-form {
    display: none
}

#footer .container {
    display: flex
}

#footer .container .legal-notes {
    flex: 0 0 60%
}

#footer .site-title {
    margin: 0
}

#footer .site-title a {
    display: block;
    width: 148px;
    height: 40px;
    background: url(../images/inprogress-logo.svg) no-repeat left top;
    background-size: contain;
    text-indent: -9999px
}

#footer .legal-notes {
    position: relative;
    padding-right: var(--space-1)
}

#footer .legal-notes div {
    opacity: .5;
    font-size: .95em
}

#footer .footer-withdrawal-link {
    margin: .75rem 0 0;
    opacity: .9;
}

#footer .footer-withdrawal-link a {
    font-weight: 600;
}

#footer .legal-notes .menu {
    position: absolute;
    right: var(--space-1);
    top: 0;
    margin: 0
}

#footer .legal-notes .menu li {
    display: inline-block;
    margin-left: var(--space-4)
}

#footer .legal-notes .menu a {
    font-size: 1.5rem;
    display: block;
    width: 2.5rem;
    height: 2.5rem;
    text-align: center;
    line-height: 2.5rem;
    color: var(--color-white);
    border-radius: 100%
}

#footer .widgets-container {
    opacity: .5;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-left: calc(-1 * var(--space-4))
}

#footer .widgets-container .widget {
    flex: 1 1 0;
    margin-left: var(--space-4)
}

#footer .widgets-container .widget-title {
    margin-top: 0
}

#footer .widgets-container .widget ul li {
    margin-bottom: .5rem
}

#footer .widgets-container .widget_nav_menu .sub-menu {
    display: none
}

#footer .legal-notes .menu--social li {
    margin-left: .5rem
}