/* ──────────────────────────────────────────────────────────────────────────
   TMC static-site overrides
   Loaded last on every page so it wins over the inherited WordPress CSS.
   Keep this file small and reasoned — it's the one place we depart from the
   mirrored styles.
   ────────────────────────────────────────────────────────────────────────── */

/* Site logo -------------------------------------------------------------- */
/* The markup asks for 36px (width/height attrs) but the WP site-logo wrapper
   forces 80px, which reads oversized in both the header and the footer.
   Honour the intended scale instead. */
header .wp-block-site-logo,
header .wp-block-site-logo img,
header img.custom-logo {
  width: 44px !important;
  height: 44px !important;
}

footer .wp-block-site-logo,
footer .wp-block-site-logo img,
footer img.custom-logo {
  width: 52px !important;
  height: 52px !important;
}

/* Keep the logo crisp at the smaller size and preserve its rounded corner. */
img.custom-logo {
  object-fit: cover;
  border-radius: 6px;
}

/* Footer social icon ----------------------------------------------------- */
/* The footer LinkedIn mark rendered at 16px against 24px in the header, which
   left it looking undersized and adrift next to the footer type. Match the
   header and centre it properly on its own baseline. */
footer .wp-social-link {
  font-size: 24px;
  line-height: 1;
}
footer .wp-social-links {
  display: flex;
  align-items: center;
  gap: 12px;
}
footer .wp-social-link a,
header .wp-social-link a {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
footer .wp-social-link svg,
header .wp-social-link svg {
  display: block;
}
