/* /boats-powersports-rvs (templates/new-design/non-auto-inventory.html).
   Every rule is scoped under .sold-vehicles-page.na-page. The hero, sold band
   and FAQ reuse the /cars/ hub styles (.sv-browse, static/css/sold-vehicles.css);
   the live grid reuses the inventory card's own styles. Only the pieces new to
   this page (toolbar, chips, live section) are defined here. */

.sold-vehicles-page.na-page .sv-hero__intro {
    margin-bottom: 0;
}

.sold-vehicles-page.na-page .na-live {
    background: #fff;
    padding: 8px 0 40px;
}

.sold-vehicles-page.na-page .na-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 20px 0 12px;
}

.sold-vehicles-page.na-page .na-live__heading {
    margin: 0;
    font-size: 21px;
    font-weight: 600;
    color: var(--darkblue);
}

.sold-vehicles-page.na-page .na-sort {
    display: flex;
    align-items: center;
    gap: 8px;
}

.sold-vehicles-page.na-page .na-sort select {
    min-width: 190px;
}

.sold-vehicles-page.na-page .na-sort__dir {
    border: 1px solid var(--sv-border-panel);
    background: #fff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    color: var(--core-2-hex);
}

.sold-vehicles-page.na-page .na-chips {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 0 18px;
}

.sold-vehicles-page.na-page .na-chip {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 40px;
    padding: 8px 16px;
    border: 1px solid var(--sv-border-panel);
    border-radius: 999px;
    background: #fff;
    color: var(--sv-navy);
    font-size: 14px;
    font-weight: 500;
    transition: background-color .15s var(--sv-ease), border-color .15s var(--sv-ease);
}

.sold-vehicles-page.na-page .na-chip:hover {
    border-color: var(--sv-navy);
}

.sold-vehicles-page.na-page .na-chip.is-active {
    background: var(--sv-navy);
    border-color: var(--sv-navy);
    color: #fff;
}

.sold-vehicles-page.na-page .na-chip__count {
    font-size: 12px;
    opacity: .75;
}

.sold-vehicles-page.na-page .na-chip:focus-visible,
.sold-vehicles-page.na-page .na-sort__dir:focus-visible {
    outline: 2px solid var(--sv-blue);
    outline-offset: 2px;
}

/* The card's own wrapper adds vertical padding meant for the homepage's
   filter layout; the toolbar above already spaces this grid. */
.sold-vehicles-page.na-page .inventory-list-wrapper {
    padding: 0;
}

.sold-vehicles-page.na-page .na-empty {
    padding: 48px 16px;
}

.sold-vehicles-page.na-page .na-register {
    margin-top: 28px;
}

.sold-vehicles-page.na-page .na-sold {
    padding-top: 36px;
}

@media (max-width: 575px) {
    .sold-vehicles-page.na-page .na-sort,
    .sold-vehicles-page.na-page .na-sort select {
        width: 100%;
    }
    .sold-vehicles-page.na-page .na-sort select {
        min-width: 0;
        flex: 1;
    }
}