/* ===========================================================
   Site-wide footer (inc/site-footer.php), shared by the BuyDISC
   pages and the /five-behaviors/ section. Self-contained: it can't
   lean on either site's stylesheet, so it sets its own container,
   colours and type, and overrides the Canvas theme's heading and
   list defaults (h2 margin 30px, etc.) where they would leak in.
   =========================================================== */

.site-footer { background: #1c2b4a; color: #cfd6e4; padding: 56px 0 0; margin-top: 40px; }

/* Same steps as the Five Behaviors .wrap (Bootstrap 5 xl / xxl). */
.site-footer__wrap { max-width: 1140px; margin: 0 auto; padding: 0 20px; box-sizing: border-box; }
@media (min-width: 1400px) { .site-footer__wrap { max-width: 1320px; } }

.site-footer__grid { display: grid; grid-template-columns: 1.6fr 1fr 1fr 1fr; gap: 32px; padding-bottom: 40px; border-bottom: 1px solid rgba(255,255,255,0.12); }
@media (max-width: 900px) { .site-footer__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .site-footer__grid { grid-template-columns: 1fr; } }

.site-footer p, .site-footer li { line-height: 1.65; }
.site-footer__logo { display: block; max-width: 100%; height: auto; margin-bottom: 14px; }
.site-footer__partner { font-size: 0.9rem; color: #9aa7c0; margin: 0; }
.site-footer__col { min-width: 0; }

.site-footer h2 {
  color: #fff; font-family: inherit; font-size: 0.85rem; font-weight: 600; line-height: 1.25;
  text-transform: uppercase; letter-spacing: 1px; margin: 0 0 14px;
}
.site-footer ul { list-style: none; margin: 0; padding: 0; }
.site-footer li { margin: 0 0 10px; }
.site-footer a { color: #cfd6e4; text-decoration: none; font-size: 0.92rem; }
.site-footer a:hover { color: #fff; text-decoration: none; }
.site-footer a:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.site-footer__legal { padding-top: 22px; padding-bottom: 22px; font-size: 0.78rem; color: #8b96ae; line-height: 1.6; }
.site-footer__legal p { margin: 0; }
.site-footer__legal p + p { margin-top: 6px; }