/************************************************************************************************
 *
 * Project:     Harmonia
 * File:        /public_html/assets/css/public-layout.css
 * Version:     v1.0.1
 * Purpose:     Header/footer chrome for the public-facing layout (resources/views/layouts/
 *              public.blade.php). Brand mark and account menu are shared primitives from
 *              master.css (partials.brand / partials.account-menu) — this file only lays out the
 *              header row and footer around them.
 *
 * Notes:
 * - .hx-public-header__row/__nav wrap rather than force a fixed-width row — at narrow (~375px)
 *   widths the logo plus Log in/Sign up (or the Admin button + account menu for Staff) cannot fit
 *   on one line without wrapping; forcing them to caused page-wide horizontal scroll on every
 *   guest-reachable page (mobile audit, 2026-09-17). See master.css for the logo's own
 *   narrow-viewport size reduction, which helps this fit even before wrapping is needed.
 *
 ************************************************************************************************/

.hx-public-header__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.75rem;
    padding-block: 1rem;
    border-bottom: 1px solid var(--hx-color-border);
}

.hx-public-header__nav {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.hx-public-footer {
    margin-top: 3rem;
    padding-block: 1.5rem;
    border-top: 1px solid var(--hx-color-border);
    color: var(--hx-color-muted);
    font-size: 0.85rem;
}