/* ============================================================
   CannaMed OG — Footer 2026 (English)

   Every rule matches only the footer `inc/footer-2026.php`
   rebuilds (`footer.site-footer.cmog-footer-2026`). A footer the
   layer returns unchanged, and every non-English footer, keeps
   the shared chrome styles exactly as before.

   Text contrast on #173f33: #f0f3ec 10.4:1, #d0ded2 8.4:1,
   #e4cba0 (headings) 7.4:1, #b9cdbe (legal line) 7.0:1.
   ============================================================ */

body footer.site-footer.cmog-footer-2026 {
  margin: 0;
  padding: 0;
  background: #173f33;
  color: #e4ede6;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 1.7;
}

/* Room under the footer for the homepage's fixed "Need a hand? Ask Thar &
   Jock" prompt (`.cm-team-prompt`, 20 px from the bottom, 10–12 px on
   phones), so that at the very end of the page the three LLM links sit above
   it instead of under it. The prompt is what needs the room, so the rule
   follows the prompt: any page that has one. `body.home` repeats it for
   browsers without :has() — the prompt is only on the homepage — and is a
   separate rule so an unsupported :has() cannot cancel it. */
body:has(.cm-team-prompt) footer.site-footer.cmog-footer-2026 {
  padding-bottom: 86px;
}

body.home footer.site-footer.cmog-footer-2026 {
  padding-bottom: 86px;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-rule {
  height: 3px;
  background: linear-gradient(90deg, #a89975 0%, #cbb98b 12%, #173f33 56%);
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-wrap {
  width: min(1240px, calc(100% - 64px));
  margin: 0 auto;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-main {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr) minmax(0, 0.95fr) minmax(0, 0.8fr);
  gap: clamp(22px, 4vw, 64px);
  padding: 50px 0 42px;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-name {
  margin: 0 0 16px;
  font-family: Georgia, "Times New Roman", serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1.15;
  letter-spacing: -0.015em;
  text-transform: none;
  color: #fff;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-name .accent {
  color: #e4cba0;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-brand p {
  max-width: 360px;
  margin: 0;
  font-size: 14px;
  line-height: 1.8;
  color: #d0ded2;
}

body footer.site-footer.cmog-footer-2026 h3 {
  margin: 3px 0 18px;
  font-family: inherit;
  font-size: 11px;
  font-weight: 800;
  line-height: 1.4;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #e4cba0;
}

body footer.site-footer.cmog-footer-2026 ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
}

body footer.site-footer.cmog-footer-2026 li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.6;
  color: #d0ded2;
}

body footer.site-footer.cmog-footer-2026 a {
  display: inline-block;
  padding: 4px 0;
  font-size: 14px;
  line-height: 1.5;
  color: #f0f3ec;
  text-decoration: none;
}

body footer.site-footer.cmog-footer-2026 a:hover {
  color: #fff;
  text-decoration: underline;
  text-underline-offset: 4px;
}

body footer.site-footer.cmog-footer-2026 a:focus-visible {
  outline: 3px solid #e2ca7d;
  outline-offset: 4px;
  border-radius: 3px;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-arrow {
  font-size: 11px;
  opacity: 0.8;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-visit li:first-child {
  color: #f0f3ec;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-follow {
  margin-top: 10px;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-follow-label {
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.015em;
  color: #d0ded2;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 16px 0 22px;
  border-top: 1px solid #466456;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-legal {
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
  color: #b9cdbe;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-llm {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 4px 20px;
}

body footer.site-footer.cmog-footer-2026 .cmog-footer-llm a {
  font-size: 12px;
  color: #d0ded2;
  white-space: nowrap;
}

@media (max-width: 1020px) {
  body footer.site-footer.cmog-footer-2026 .cmog-footer-wrap {
    width: calc(100% - 60px);
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-main {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-brand {
    grid-column: 1 / -1;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-brand p {
    max-width: 700px;
  }
}

@media (max-width: 860px) {
  body:has(.cm-team-prompt) footer.site-footer.cmog-footer-2026 {
    padding-bottom: 96px;
  }

  body.home footer.site-footer.cmog-footer-2026 {
    padding-bottom: 96px;
  }
}

@media (max-width: 650px) {
  body footer.site-footer.cmog-footer-2026 .cmog-footer-wrap {
    width: calc(100% - 32px);
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-main {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 18px;
    padding: 36px 0 30px;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-brand,
  body footer.site-footer.cmog-footer-2026 .cmog-footer-pages {
    grid-column: 1 / -1;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-visit {
    grid-column: 1;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-contact {
    grid-column: 2;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-name {
    margin-bottom: 12px;
    font-size: 27px;
  }

  body footer.site-footer.cmog-footer-2026 h3 {
    margin-bottom: 10px;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-bottom {
    display: block;
    padding: 16px 0 22px;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-llm {
    justify-content: flex-start;
    gap: 4px 16px;
    margin-top: 10px;
  }
}

@media (max-width: 359px) {
  body footer.site-footer.cmog-footer-2026 .cmog-footer-wrap {
    width: calc(100% - 28px);
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-main {
    gap: 24px 12px;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-name {
    font-size: 24px;
  }

  body footer.site-footer.cmog-footer-2026 a,
  body footer.site-footer.cmog-footer-2026 li {
    font-size: 13px;
    overflow-wrap: anywhere;
  }

  body footer.site-footer.cmog-footer-2026 .cmog-footer-llm {
    gap: 4px 12px;
  }
}