/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
    margin-top: var(--space-section);
    padding-block: var(--space-xl);
    background-color: var(--color-bg-dark);
    border-top: 1px solid var(--color-divider);
    font-size: var(--fs-small);
}

.footer__inner {
    display: grid;
    gap: var(--space-md);
    justify-items: center;
    text-align: center;
}

.footer__links,
.footer__emails {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--space-2xs) var(--space-md);
    list-style: none;
}

.footer__link {
    color: var(--color-text);
    transition: color var(--transition);
}

.footer__link:hover {
    color: var(--color-heading);
}

.footer__contacts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-2xs);
}

.footer__contacts-title {
    color: var(--color-white);
    font-weight: var(--fw-semibold);
}

.footer__payments {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--space-md);
}

.footer__payment {
    width: auto;
    height: 2.25rem;
    object-fit: contain;
}

.footer__age-badge {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    background-color: var(--color-accent);
    border-radius: 50%;
    color: var(--color-white);
    font-weight: var(--fw-bold);
}

.footer__warning,
.footer__copyright {
    max-width: 46rem;
}

.footer__copyright {
    color: var(--color-white);
}