/* Shop1 – Footer (wie Shop2) */

body.ff-shop-shell {
    --ff-shop-footer-gap: clamp(96px, 10vw, 140px);
}

/* Einheitlicher Abstand letzter Content → Footer (alle Katalogseiten) */
body.ff-shop-shell #ff-shop-primary.ff-main > .ff-shop-wrap {
    padding-bottom: var(--ff-shop-footer-gap) !important;
}

body.ff-shop-shell .ff-shop-footer {
    flex: 0 0 auto;
    padding: clamp(20px, 2.5vw, 28px) clamp(16px, 2.5vw, 28px) clamp(36px, 5vw, 64px);
    padding-bottom: max(clamp(36px, 5vw, 64px), env(safe-area-inset-bottom, 0px));
    background: #000;
    color: #fff;
}

body.ff-shop-shell .ff-shop-footer__inner {
    width: 100%;
    max-width: min(1278px, calc(100% - 2 * var(--ff-layout-gutter, 20px)));
    margin-inline: auto;
}

body.ff-shop-shell .ff-shop-footer__wordmark-link {
    display: block;
    margin: 0 0 clamp(18px, 2.5vw, 28px);
    text-decoration: none;
}

body.ff-shop-shell .ff-shop-footer__wordmark {
    display: block;
    width: 100%;
    max-width: 1278px;
    height: auto;
    max-height: 105px;
    margin-inline: auto;
}

/* Alter Website-/Shop-Footer darf auf Shop1 nicht erscheinen */
body.ff-shop-shell footer#ff-footer.ff-site-footer {
    display: none !important;
}

body.ff-shop-shell .ff-shop-footer__bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px 32px;
}

body.ff-shop-shell .ff-shop-footer__links,
body.ff-shop-shell .ff-shop-footer__social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 22px;
    margin: 0;
    padding: 0;
    list-style: none;
}

body.ff-shop-shell .ff-shop-footer__links {
    flex: 1 1 auto;
    justify-content: flex-start;
}

body.ff-shop-shell .ff-shop-footer__links a {
    font-family: 'Barlow Condensed', 'Roboto Condensed', sans-serif;
    font-weight: 400;
    font-style: normal;
    font-size: 18px;
    line-height: 1;
    letter-spacing: 0;
    color: #fff;
    text-decoration: none;
    white-space: nowrap;
}

body.ff-shop-shell .ff-shop-footer__links a:hover,
body.ff-shop-shell .ff-shop-footer__links a:focus-visible {
    color: rgba(255, 255, 255, 0.8);
    text-decoration: underline;
    text-underline-offset: 0.2em;
}

body.ff-shop-shell .ff-shop-footer__social {
    flex: 0 0 auto;
    justify-content: flex-end;
    gap: 14px;
}

body.ff-shop-shell .ff-shop-footer__social a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    opacity: 1;
    transition: opacity 0.2s ease;
}

body.ff-shop-shell .ff-shop-footer__social a:hover,
body.ff-shop-shell .ff-shop-footer__social a:focus-visible {
    opacity: 0.75;
}

body.ff-shop-shell .ff-shop-footer__social img {
    display: block;
    width: 20px;
    height: 20px;
    max-width: none;
}

@media (max-width: 720px) {
    body.ff-shop-shell .ff-shop-footer__bar {
        flex-direction: column;
        align-items: flex-start;
    }

    body.ff-shop-shell .ff-shop-footer__social {
        justify-content: flex-start;
    }
}