/* AffixIO site footer — shared layout from homepage */

.footer,
.site-chrome .footer {
  --footer-muted: #4c5868;
  --footer-verdict: #295f4e;
  --footer-line: #cfc7b8;
  --footer-bg: #f5f2ea;

  margin-top: 1.5rem;
  padding-top: 0.6rem;
  border-top: 1px solid var(--footer-line, var(--line, #cfc7b8));
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  gap: 0.5rem 1rem;
  font-size: 0.72rem;
  color: var(--footer-muted, var(--muted, #4c5868));
  font-family: "DM Sans", "Segoe UI", sans-serif;
}

.footer-nav,
.site-chrome .footer-nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.2rem 0.9rem;
}

.footer-menu,
.site-chrome .footer-menu {
  position: relative;
}

.footer-menu summary,
.site-chrome .footer-menu summary {
  font-weight: 600;
  font-size: 0.72rem;
  letter-spacing: 0.02em;
  color: var(--footer-muted, var(--muted, #4c5868));
  cursor: pointer;
  list-style: none;
  user-select: none;
}

.footer-menu summary::-webkit-details-marker,
.site-chrome .footer-menu summary::-webkit-details-marker {
  display: none;
}

.footer-menu summary::after,
.site-chrome .footer-menu summary::after {
  content: "▾";
  margin-left: 0.25em;
  font-size: 0.65em;
  opacity: 0.55;
}

.footer-menu[open] summary,
.site-chrome .footer-menu[open] summary {
  color: var(--footer-verdict, var(--verdict, #295f4e));
}

.footer-menu ul,
.site-chrome .footer-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.footer-menu li a,
.site-chrome .footer-menu li a {
  display: block;
  color: var(--footer-muted, var(--muted, #4c5868));
  text-decoration: none;
  font-weight: 500;
  font-size: 0.72rem;
  padding: 0.18rem 0;
  white-space: nowrap;
}

.footer-menu li a:hover,
.footer-standalone:hover,
.site-chrome .footer-menu li a:hover,
.site-chrome .footer-standalone:hover {
  color: var(--footer-verdict, var(--verdict, #295f4e));
}

.footer-standalone,
.site-chrome .footer-standalone {
  color: var(--footer-muted, var(--muted, #4c5868));
  text-decoration: none;
  font-weight: 600;
  font-size: 0.72rem;
}

.footer .mono,
.site-chrome .footer .mono {
  font-family: ui-monospace, "IBM Plex Mono", Menlo, monospace;
  font-feature-settings: "tnum" 1;
  font-size: 0.78rem;
}

@media (min-width: 720px) {
  .footer-menu summary::after,
  .site-chrome .footer-menu summary::after {
    display: inline;
  }

  .footer-menu ul,
  .site-chrome .footer-menu ul {
    display: none;
    position: absolute;
    top: calc(100% + 0.2rem);
    left: 0;
    min-width: 10.5rem;
    padding: 0.35rem 0.65rem;
    background: var(--footer-bg, var(--bg, #f5f2ea));
    border: 1px solid var(--footer-line, var(--line, #cfc7b8));
    border-radius: 4px;
    box-shadow: 0 3px 10px rgba(16, 19, 23, 0.1);
    z-index: 30;
  }

  .footer-menu[open],
  .site-chrome .footer-menu[open] {
    z-index: 31;
  }

  .footer-menu[open] ul,
  .site-chrome .footer-menu[open] ul {
    display: block;
  }
}

@media (max-width: 719px) {
  .footer-menu,
  .site-chrome .footer-menu {
    width: 100%;
  }

  .footer-menu ul,
  .site-chrome .footer-menu ul {
    padding: 0.1rem 0 0.3rem 0.75rem;
  }
}

@media print {
  .footer,
  .site-chrome .footer {
    display: none;
  }
}