/* Shared bottom strip. Both renderers use nav > ul > li > a and the same three
   regions. --footer-unit lets standalone documents use the supplier's scale
   without changing their page's root font size. The marketing panel is separate. */
.footer-strip { --footer-unit: 1rem; }
/* Two class selectors beat the legacy standalone .wl-foot shorthand. */
.footer-strip.footer-strip {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: var(--footer-row-gap) var(--footer-side) calc(1.25 * var(--footer-unit));
  text-align: center;
}
.footer-strip-social {
  order: 1;
  --nav-gap: calc(1.125 * var(--footer-unit));
  --nav-justify: center;
}
.footer-strip-nav {
  order: 2;
  max-width: 100%;
  --nav-align: center;
  --nav-justify: center;
  --nav-direction: column;
  --nav-gap: 0;
}
.footer-strip-nav,
.footer-strip-notice {
  font-size: var(--text-caption);
  line-height: 1.37;
}
.footer-strip-notice { order: 3; margin: 0; }
.footer-strip-consent {
  position: relative;
  text-underline-offset: 2px;
}
.footer-strip-consent::after {
  content: '';
  position: absolute;
  inset: -8px 0;
}
.footer-strip-consent:hover { text-decoration: underline; }
/* tablet (app/utils/breakpoints.js) */
@media (min-width: 701px) {
  .footer-strip.footer-strip {
    gap: var(--footer-unit) calc(2 * var(--footer-unit));
    padding-bottom: var(--footer-bottom);
  }
  .footer-strip-nav {
    --nav-direction: row;
    --nav-gap: var(--footer-link-gap);
  }
}
/* desktop */
@media (min-width: 1001px) {
  .footer-strip.footer-strip {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    font-size: calc(1.125 * var(--footer-unit));
    text-align: start;
  }
  .footer-strip-social { grid-column: 2; grid-row: 1; }
  .footer-strip-nav { grid-column: 3; grid-row: 1; justify-self: end; }
  .footer-strip-notice { grid-column: 1; grid-row: 1; }
  .footer-strip-nav, .footer-strip-notice { font-size: inherit; }
}
/* phone */
@media (max-width: 700px) {
  .footer-strip-nav { margin-top: calc(2.45 * var(--footer-unit)); }
  .footer-strip .footer-strip-nav a { padding-block: calc(.3 * var(--footer-unit)) !important; }
  .footer-strip-notice { order: 3; margin-top: calc(2.3125 * var(--footer-unit)); }
  .footer-strip-consent { display: block; margin: calc(.25 * var(--footer-unit)) auto 0; }
}