/*
 * Footer styles shared by every migrated page. Variants record the small
 * differences that existed in the static source instead of duplicating the
 * entire footer in every route stylesheet.
 */
.site-footer {
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    margin-top: 1.8rem;
    padding: 1.1rem 0 2rem;
}

.site-footer .inner {
    color: var(--muted);
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
    gap: 1rem;
    justify-content: space-between;
}

.footer-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 0.9rem;
}

/* The classic source pages used underlined footer links. */
.site-footer--classic .footer-meta a,
.site-footer--home .footer-meta a,
.site-footer--legal .footer-meta a {
    border-bottom: 1px dashed rgba(47, 128, 255, 0.6);
    color: var(--text);
    opacity: 0.9;
}

.site-footer--classic .footer-meta a:hover,
.site-footer--classic .footer-meta a:focus-visible,
.site-footer--home .footer-meta a:hover,
.site-footer--home .footer-meta a:focus-visible,
.site-footer--legal .footer-meta a:hover,
.site-footer--legal .footer-meta a:focus-visible {
    border-bottom-color: rgba(47, 128, 255, 1);
    opacity: 1;
    outline: none;
}

/* Catalog pages use the denser footer composition from their static files. */
.site-footer--catalog,
.site-footer--editorial {
    border-top-color: rgba(255, 255, 255, 0.06);
    margin-top: 1.6rem;
    padding: 0;
}

.site-footer--catalog .inner,
.site-footer--editorial .inner {
    align-items: center;
    color: #c4c8d0;
    font-size: inherit;
    gap: 0.9rem;
    padding: 1.25rem 0;
}

.site-footer--catalog .footer-meta,
.site-footer--editorial .footer-meta {
    gap: 0.75rem;
}

.site-footer--catalog .footer-meta {
    justify-content: flex-end;
}

.site-footer--catalog .footer-meta a {
    border-bottom: 1px solid transparent;
    opacity: 0.95;
    transition: 0.2s ease;
}

.site-footer--catalog .footer-meta a:hover,
.site-footer--catalog .footer-meta a:focus-visible {
    border-bottom-color: rgba(47, 128, 255, 1);
    opacity: 1;
    outline: none;
}

/* These variants only change the few values that differed in the source. */
.site-footer--home,
.site-footer--review {
    margin-top: 0;
}

.site-footer--legal {
    margin-top: 1rem;
}

.site-footer--hub .footer-meta {
    justify-content: flex-end;
}

.site-footer--review .inner {
    color: #fff;
}

.site-footer--review .footer-meta a {
    border-bottom: 1px dashed rgba(47, 128, 255, 0.6);
}

/* The legacy footer has a deliberate compact mobile copy treatment. */
@media (max-width: 1024px), (hover: none) and (pointer: coarse) {
    .site-footer .inner,
    .site-footer .inner * {
        font-family: inherit !important;
        font-size: 13px !important;
        font-weight: 400 !important;
        line-height: 1.35 !important;
    }

    .site-footer .footer-meta {
        gap: 0.5rem !important;
    }

    .site-footer .inner > p::after {
        content: ' · Best Free Movies & TV Discovery';
    }

    .site-footer .footer-meta p {
        display: none !important;
    }
}