/* Footer: even spacing, aligned with the page container, readable type. Loaded after style.css. */
:root body .footer-section { padding: 64px 0 0; background: #120a1c; }
:root body .footer-section .container { padding-left: 12px; padding-right: 12px; }
:root body .footer-section .row { --bs-gutter-y: 32px; }
:root body .footer-section .footer-box { margin: 0; padding: 0; }
:root body .footer-section .footer-box .navbar-brand { display: inline-flex; margin: 0 0 18px; padding: 0; }
:root body .footer-section .footer-logo { height: 46px; width: auto; padding: 6px 12px; background: #fff; border-radius: 12px; display: block; }
:root body .footer-section .footer-about { margin: 0; max-width: 320px; font-size: var(--fs-body); line-height: 1.7; color: rgba(255,255,255,.7); }

:root body .footer-section .footer-box h5 { margin: 0 0 20px; padding: 0 0 12px; position: relative; border: 0; font-size: var(--fs-h5); font-weight: 700; color: #fff; text-decoration: none; }
:root body .footer-section .footer-box h5::after { content: ""; position: absolute; left: 0; bottom: 0; width: 34px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--brand,#d41478), #ff6aa2); }
:root body .footer-section .footer-box ul { margin: 0; padding: 0; list-style: none; }
:root body .footer-section .footer-box ul li { margin: 0 0 10px; padding: 0; }
:root body .footer-section .footer-box ul li:last-child { margin-bottom: 0; }
:root body .footer-section .footer-box ul li a { display: inline-block; font-size: var(--fs-body); line-height: 1.4; color: rgba(255,255,255,.72); text-decoration: none; transition: color .2s ease, transform .2s ease; }
:root body .footer-section .footer-box ul li a:hover { color: #fff; transform: translateX(4px); }

:root body .footer-section .footer-bottom { margin: 48px 0 0; padding: 22px 0; border-top: 1px solid rgba(255,255,255,.12); }
:root body .footer-section .footer-bottom .row { --bs-gutter-y: 8px; }
:root body .footer-section .copyright { margin: 0; font-size: var(--fs-small); color: rgba(255,255,255,.6); }
:root body .footer-section .copyright a { color: #fff; font-weight: 600; font-size: inherit; }

@media (max-width: 767px) {
    :root body .footer-section { padding-top: 44px; }
    :root body .footer-section .footer-bottom { margin-top: 32px; }
}