/* Shared footer for account, dashboard, public and landing pages. */
.site-footer {
    background: #f4f8fc;
    border-top: 1px solid #e1e8f0;
    color: #526174;
    font-size: 13px;
    line-height: 1.6;
}
.site-footer .site-footer__inner {
    display: flex;
    align-items: center;
    gap: 24px;
    padding-top: 24px;
    padding-bottom: 24px;
}
.site-footer__identity { margin-right: auto; }
.site-footer .site-footer__copyright { margin: 0 0 3px; font-size: 13px; }
.site-footer__version { color: #626f80; font-size: 12px; font-variant-numeric: tabular-nums; }
.site-footer a { color: inherit; text-decoration: none; }
.site-footer__links { display: flex; gap: 8px; }
.site-footer__links a { display: inline-flex; align-items: center; min-height: 44px; padding: 0 10px; }
.site-footer .site-footer__payment {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    font-size: 12px;
    white-space: nowrap;
}
.site-footer .site-footer__payment img { display: block; width: 100px; height: auto; }
.site-footer a:focus-visible { outline: 2px solid #2447d7; outline-offset: 4px; border-radius: 3px; }
@media (hover: hover) {
    .site-footer a:hover { color: #6339a5; }
    .site-footer__copyright a:hover, .site-footer__links a:hover { text-decoration: underline; text-underline-offset: 3px; }
}
@media (max-width: 767px) {
    .site-footer .site-footer__inner { flex-direction: column; gap: 8px; padding: 24px 20px; text-align: center; }
    .site-footer__identity { margin-right: 0; }
    .site-footer__links { gap: 16px; }
    .site-footer .site-footer__payment { margin-top: 4px; }
}