/* Drake KB — footer region.
 *
 * The footer is now ONE block-based template part
 * (theme/drake-kb/parts/footer.html), editable in Appearance > Editor. It used to
 * be two: the theme's 1040-inherited part (TRUSTe seal, 1040.com nav, "Do Not
 * Sell") hidden with `display:none`, plus a real Drake footer echoed from PHP on
 * wp_footer. That hid dead markup on every page and put the address and legal links
 * beyond the Site Editor's reach.
 *
 * The `display:none` on footer.wp-block-template-part is therefore GONE — the part
 * it used to hide is the part we now render. Do not reintroduce it: it would blank
 * the whole footer.
 *
 * Drake's footer is a light-gray band with muted text and two link groups — NOT the
 * theme's dark-blue band. The blocks keep the original `drake-footer*` class names
 * so every rule below still applies.
 */

/* WordPress already wraps a footer-area template part in <footer
 * class="wp-block-template-part">, so the part's own top-level block is a plain
 * div — a nested <footer> would be invalid HTML and a duplicate `contentinfo`
 * landmark for screen readers. */
.wp-block-group.drake-footer {
  padding: 32px 24px;
}

.drake-footer {
  background: var(--drake-bg-alt, #f2f4f6);
  border-top: 1px solid var(--drake-line, #d9dde1);
  color: #595959;
  font-family: var(--drake-font);
  font-size: 14px;
  line-height: 1.6;
  padding: 32px 24px;
}

.drake-footer__inner {
  max-width: 1200px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 24px;
}

.drake-footer__group {
  min-width: 220px;
}

.drake-footer__group p {
  margin: 0 0 6px;
  color: #595959;
}

.drake-footer__group p:last-child {
  margin-bottom: 0;
}

.drake-footer__links {
  text-align: left;
}

.drake-footer__links a {
  color: #595959;
  text-decoration: none;
}

.drake-footer__links a:hover,
.drake-footer__links a:focus {
  color: var(--drake-blue, #1b75bc);
  text-decoration: underline;
}

@media (min-width: 640px) {
  .drake-footer__links {
    text-align: right;
  }
}

@media (max-width: 639px) {
  .drake-footer__inner {
    flex-direction: column;
  }

  .drake-footer {
    padding: 24px 16px;
  }
}