/* Kill ALL Newspaper footer chrome - the child theme renders its own <footer>.
   .td-footer-page / .td-sub-footer-container are what the parent footer.php
   actually emits on this install (the three selectors below them are Newspaper's
   OTHER footer variants, kept so a theme-panel change cannot resurrect one).
   The sub-footer is the black bar that duplicated the footer menu and printed
   the "Newspaper WordPress Theme by TagDiv" credit. Verified against live
   markup 2026-07-26. The duplicate menu itself is ALSO removed server-side in
   functions.php (sttw_clean_kill_subfooter_menu) so it never reaches the DOM -
   this rule only hides the leftover credit bar. */
body:not(.sttw-clean-builder) .td-footer-page,
body:not(.sttw-clean-builder) .td-sub-footer-container,
body:not(.sttw-clean-builder) .td-footer-wrapper,
body:not(.sttw-clean-builder) .td-footer-template-wrap,
body:not(.sttw-clean-builder) #td-footer-template {
  display: none !important;
}

footer {
  background: var(--bg);
  padding: 72px 0 36px;
}

.foot-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 40px;
  padding-bottom: 56px;
  border-bottom: 1px solid var(--rule);
}

.foot-grid h5 {
  margin: 0 0 18px;
  font-family: var(--f-mono);
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--ink-3);
  font-weight: 500;
}

.foot-grid ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  font-size: 14px;
}

.foot-grid ul a { color: var(--ink-2); }
.foot-grid ul a:hover { color: var(--ink); }

.foot-brand p {
  margin-top: 14px;
  color: var(--ink-2);
  font-size: 14px;
  line-height: 1.5;
  max-width: 36ch;
  text-wrap: pretty;
}

.foot-bottom {
  margin-top: 32px;
  display: flex;
  justify-content: space-between;
  font-family: var(--f-mono);
  font-size: 11px;
  color: var(--ink-3);
  flex-wrap: wrap;
  gap: 16px;
}

@media (max-width: 920px) {
  .foot-grid { grid-template-columns: 1fr 1fr; }
}

/* ---- Footer column list normalization (override Newspaper/TagDiv globals) ----
   Forces every list inside the footer columns to sit flush-left as one vertical
   column, regardless of whether the markup is the theme's own <ul> or a default
   WordPress nav menu (ul.menu > li > ul.sub-menu). The parent Newspaper theme
   adds global list indentation that otherwise wins on specificity. */
footer .foot-grid ul,
footer .foot-grid ul.menu,
footer .foot-grid ul.sub-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  text-indent: 0 !important;
  display: grid !important;
  gap: 10px !important;
}
footer .foot-grid li {
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}
footer .foot-grid li::before { content: none !important; }