/* Shared site footer — the markup is landing_src/footer.html.

   Self-contained on purpose. This file is loaded in two places that share
   nothing:
     * the standalone landing pages, alongside styles.css;
     * Odoo's web.assets_frontend bundle, where styles.css is absent and
       Bootstrap + Odoo's own footer CSS are present.
   So it carries its own colour tokens and its own @font-face rather than
   reading :root variables that only exist on one of the two.

   Every selector is scoped under .yacoda-footer. The landing stylesheet
   styles bare `footer {}`; leaning on that here would restyle Odoo's footer
   on every backend-rendered page. */

/* Absolute url() — this file is bundled by Odoo, and a relative path would
   resolve against the bundle's location rather than this file's. */
@font-face {
  font-family: "Yacoda Mono";
  src: url("/yacoda_website/static/src/landing/fonts/DMMono-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.yacoda-footer {
  --yf-paper: #eee9df;
  --yf-ink: #17151a;

  background: var(--yf-paper);
  color: var(--yf-ink);
  padding: 35px 3vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px 20px;
  font: 400 11px "Yacoda Mono", monospace;
  text-transform: uppercase;
  flex-wrap: wrap;
  margin: 0;
}

.yacoda-footer__logo {
  display: block;
  height: auto;
  max-width: 100%;
  width: 170px;
  flex-shrink: 0;
}

/* <address> is italic by default; Bootstrap also gives it a bottom margin. */
.yacoda-footer__address {
  font-style: normal;
  margin: 0;
}

.yacoda-footer__links,
.yacoda-footer__legal,
.yacoda-footer__copyright {
  margin: 0;
  white-space: nowrap;
}

.yacoda-footer__links a + a::before,
.yacoda-footer__legal a + a::before {
  content: " / ";
}

/* `color: inherit` matters on Odoo pages, where Bootstrap colours links. */
.yacoda-footer a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid transparent;
}

.yacoda-footer a:hover,
.yacoda-footer a:focus-visible {
  border-bottom-color: currentColor;
  text-decoration: none;
}

.yacoda-footer :focus-visible {
  outline: 3px solid currentColor;
  outline-offset: 3px;
}

@media (max-width: 900px) {
  .yacoda-footer {
    justify-content: flex-start;
  }
}