/************************************************************************************************
 *
 * Project:     Harmonia
 * File:        /public_html/assets/css/home.css
 * Version:     v1.0.2
 * Purpose:     Guest hero on the public homepage (resources/views/home.blade.php) — a single large
 *              logo (decorative, not a link) with Log in/Sign up buttons below it — plus the
 *              authenticated view's profile-setup nudge (Roadmap Phase 2, Item 7).
 *
 ************************************************************************************************/

.hx-home-hero {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    padding-block: 3rem;
}

.hx-home-hero__logo {
    display: block;
    width: 100%;
    max-width: 480px;
    height: auto;
}

.hx-home-hero__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.75rem;
}

.hx-profile-nudge {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem;
    margin-block-end: 1rem;
    border: 1px solid var(--hx-color-border);
    border-radius: var(--hx-radius);
    background: var(--hx-color-surface-secondary);
}