/*
 * RELVOUX footer component
 * The final brand tokens live in public/base/relvoux.css. This file deliberately
 * stays structural so the footer has one predictable layout and no legacy theme
 * separators or decorative rules.
 */

.footer,
.footer * {
  box-sizing: border-box;
}

.footer {
  position: relative;
  width: 100%;
  overflow: hidden;
  border: 0;
}

.footer .page-width,
.footer__inner,
.footer__group,
.footer__menu,
.footer__email-subscribe,
.footer__social-media,
.footer__localization-form,
.footer__payment-icons,
.footer__copyright {
  min-width: 0;
}

.footer__inner,
.footer__group {
  margin: 0;
}

.footer__menu-title {
  cursor: default;
}

.footer__menu-content {
  padding: 0;
  margin: 0;
  list-style: none;
}

.footer__payment-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

@media (max-width: 959px) {
  .footer__menu-title {
    cursor: pointer;
  }

  theme-footer-menu:not([open]) .footer__menu-content {
    display: none;
  }
}