/* footer-lp.css
 *
 * Same approach as header-lp.css: the logo and legal text styling both
 * come from footer-v2.css (.footer-v2-logo-link, .footer-v2-logo,
 * .footer-v2-legal) which is already loaded site-wide. Only the outer bar
 * and layout container are new - footer-v2's own .footer-v2-bottom /
 * .footer-v2-bottom-content classes aren't reused here to avoid any
 * dependency on the full footer-v2 section structure being present above it.
 */

.lp-hf-footer-bar {
    background: #0D0549;
    border-top: 1px solid rgba(255,255,255,0.1);
    padding: 32px 0;
}

.lp-hf-footer-inner {
    max-width: 1380px;
    margin: 0 auto;
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px;
}

.lp-hf-footer-inner .footer-v2-logo-link {
    display: inline-block;
}

.lp-hf-footer-inner .footer-v2-logo {
    max-width: 150px;
    display: block;
}

.lp-hf-footer-inner .footer-v2-legal {
    text-align: right;
}

.lp-hf-footer-inner .footer-v2-legal p:last-child {
    margin-bottom: 0;
}

@media (max-width: 640px) {
    .lp-hf-footer-inner {
        flex-direction: column;
        text-align: center;
        gap: 16px;
    }
    .lp-hf-footer-inner .footer-v2-legal {
        text-align: center;
    }
}