/**
 * Hello Middleton - Footer Component
 *
 * Minimal single-line footer: utility links, copyright, tagline,
 * and legal disclaimer. Replaces parent theme footer.
 *
 * @layer components
 * @since 3.0.0
 */

@layer components {

    /* ===================================================================
       CONTAINER
       =================================================================== */

    .hm-footer {
        border-top: 1px solid var(--hm-border);
        padding: var(--space-6) 0;
        font-family: var(--font-body);
        font-size: var(--text-xs);
        color: var(--hm-text-muted);
        line-height: var(--leading-relaxed);
    }

    .hm-footer__inner {
        max-width: var(--content-width);
        margin: 0 auto;
        padding: 0 var(--space-6);
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: var(--space-3);
        text-align: center;
    }

    /* ===================================================================
       NAVIGATION LINKS
       =================================================================== */

    .hm-footer__links {
        display: flex;
        align-items: center;
        gap: var(--space-5);
    }

    .hm-footer__links a {
        color: var(--hm-text-secondary);
        text-decoration: none;
        font-size: var(--text-sm);
        font-weight: var(--font-medium);
        transition: color var(--duration-fast) var(--ease-out);
    }

    .hm-footer__links a:hover,
    .hm-footer__links a:focus-visible {
        color: var(--hm-primary);
    }

    /* ===================================================================
       META LINE (copyright + tagline)
       =================================================================== */

    .hm-footer__meta {
        display: flex;
        align-items: center;
        gap: var(--space-2);
        flex-wrap: wrap;
        justify-content: center;
    }

    .hm-footer__copyright a {
        color: var(--hm-text-muted);
        text-decoration: none;
        transition: color var(--duration-fast) var(--ease-out);
    }

    .hm-footer__copyright a:hover {
        color: var(--hm-primary);
    }

    .hm-footer__sep {
        color: var(--hm-neutral-300);
    }

    .hm-footer__tagline {
        display: inline-flex;
        align-items: center;
        gap: var(--space-1);
    }

    .hm-footer__tagline .hm-icon {
        color: var(--hm-pop);
    }

    /* ===================================================================
       DISCLAIMER
       =================================================================== */

    .hm-footer__disclaimer {
        margin: 0;
        font-size: 0.6875rem;
        color: var(--hm-neutral-400);
        max-width: 540px;
    }

    /* ===================================================================
       MOBILE
       =================================================================== */

    @media (max-width: 480px) {
        .hm-footer__links {
            gap: var(--space-4);
        }

        .hm-footer__meta {
            flex-direction: column;
            gap: var(--space-1);
        }

        .hm-footer__sep {
            display: none;
        }
    }

}

/* =====================================================================
   HIDE PARENT THEME FOOTER — replaced by .hm-footer above
   ===================================================================== */

footer.site-footer,
#colophon {
    display: none !important;
}