/* Tight footer (2026-10-15). Dan, comparing hospitable.com: "look how tight it is, no wasted black space like Cavmir."
   Loaded on every page by _worker.js (FOOTER_TAGS), with js/footer-tight.js. Before this the Client Types + For Your
   PMS column (33 links, the 3rd column of footer-grid--5col in shared-layout.js) ran 1,100 px while the others stopped
   at 370-590 px, leaving black holes beside it. Its lists now run in two sub-columns, the Ask AI strip sits in the
   brand column (the worker puts it there), the bottom line is centred, and the quick-actions pill hides over the footer.
   Change the version in FOOTER_TAGS when you edit this file (/css/ is cached for a year). */

.footer { padding-top: 64px; }
.footer-grid.footer-grid--5col { padding-bottom: 44px; }

/* Client Types + For Your PMS: two sub-columns under each heading */
.footer-grid--5col > :nth-child(3) .footer-links {
  display: block;
  column-count: 2;
  column-gap: 28px;
}
.footer-grid--5col > :nth-child(3) .footer-links a {
  display: block;
  padding: 4px 0;
  line-height: 1.45;
  break-inside: avoid;
}
.footer-grid--5col > :nth-child(3) .footer-h.mt-32 { margin-top: 28px; }

@media (min-width: 1101px) {
  .footer-grid--5col { grid-template-columns: 1.25fr 1fr 2fr 1fr 1.25fr; gap: 36px; }
}
/* 3-column range: brand, Services, Company on top; Client Types (two tracks) and Locations below */
@media (min-width: 701px) and (max-width: 1100px) {
  .footer-grid--5col > :nth-child(3) { grid-column: 1 / span 2; grid-row: 2; }
  .footer-grid--5col > :nth-child(4) { grid-column: 3; grid-row: 1; }
  .footer-grid--5col > :nth-child(5) { grid-column: 3; grid-row: 2; }
}
/* Phones: every link list in two sub-columns */
@media (max-width: 700px) {
  .footer-grid--5col .footer-links { display: block; column-count: 2; column-gap: 20px; }
  .footer-grid--5col .footer-links a { display: block; padding: 4px 0; line-height: 1.45; break-inside: avoid; }
}

/* Ask AI (Module 51) inside the brand column, Hospitable-style */
.footer-brand .ask-ai { margin: 26px 0 0; padding-top: 0; border-top: 0; text-align: left; }
.footer-brand .ask-ai__h {
  margin: 0 0 10px;
  font-size: 0.7rem;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--copper-l, #E7A981);
}
.footer-brand .ask-ai__row { justify-content: flex-start; gap: 10px; }
.footer-brand .ask-ai__t { width: 46px; height: 46px; border-radius: 11px; }

/* Bottom line centred, so the floating phone and share buttons at the corners never sit on it */
.footer-bottom {
  flex-direction: column;
  justify-content: center;
  text-align: center;
  gap: 8px;
  padding: 22px 0 26px;
}
.footer-bottom .footer-legal-note { margin-top: 0 !important; }

/* The Book a Call / Case Studies / 12-Step System pill covered the footer's bottom line; hide it while the
   footer is on screen (footer-tight.js sets the class). The footer carries the same links. */
.cv-footer-in .quick-pill,
.cv-footer-in .quick-pill.is-visible {
  opacity: 0;
  transform: translateX(-50%) translateY(12px);
  pointer-events: none;
}