/* ============================================================
 * Available Spaces (child properties) — compact row layout
 *
 * Broker feedback: full-size cards (list-card-1.php, parent theme) took
 * too much vertical space to scan a building's units at a glance; a
 * table was suggested. Solved instead with a dense single-line row —
 * built as its own partial, assets/ultra/partials/properties/
 * list-card-compact.php, wired in via the child theme's override of
 * assets/ultra/partials/property/single/children.php. No excerpt, no
 * address repeat (same building on every row), no favorite/compare —
 * just unit, status, price, area, and a view link.
 * ============================================================ */
.rh-property-children {
    display: flex;
    flex-direction: column;
}

.arc-space-row {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 10px 6px;
    border-bottom: 1px solid #e6e6e6;
}

.arc-space-row:first-child {
    border-top: 1px solid #e6e6e6;
}

.arc-space-row-thumb {
    flex: 0 0 108px;
    width: 108px;
    height: 108px;
    border-radius: 6px;
    overflow: hidden;
}

.arc-space-row-thumb .rh-thumb-with-bg {
    display: block !important;
    width: 100%;
    height: 100%;
    min-height: 0 !important;
    border-radius: 6px !important;
}

.arc-space-row-body {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    row-gap: 6px;
}

.arc-space-row-heading {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.arc-space-row-title {
    margin: 0 !important;
    font-size: 19px !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.arc-space-row-title a {
    font-size: inherit !important;
    color: var(--rh-global-color-headings);
}

/* Self-contained pill styling rather than relying on the parent theme's
   .rh-ultra-status-box wrapper for it (that wrapper-scoped styling is
   what silently dropped the thumbnail sizing and price ordering earlier
   in this same block — same pattern, different property). */
.arc-space-row-status a,
.arc-space-row-status span {
    display: inline-flex !important;
    align-items: center;
    border: 1.5px solid var(--rh-global-color-primary) !important;
    border-radius: 20px !important;
    background: transparent !important;
    color: var(--rh-global-color-primary) !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    padding: 3px 12px !important;
    white-space: nowrap;
}

.arc-space-row-figures {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    font-size: 15px;
    color: var(--rh-global-color-text);
}

.arc-space-row-figures .rh-properties-card-meta-ultra {
    margin: 0;
}

.arc-space-row-figures .rh_prop_card__priceLabel_ultra {
    margin: 0;
    /* Parent theme sets order:2 on this for its own price-meta-wrapper
       layout; that stray order value splits our tight left-packed
       cluster apart when reused outside that wrapper. */
    order: 0 !important;
}

.arc-space-row-figures .rh_prop_card__price_ultra {
    margin: 0;
    white-space: nowrap;
}

.arc-space-row-cta {
    flex: 0 0 auto;
    order: 3;
    font-size: 15px;
    font-weight: 600;
    color: var(--rh-global-color-primary);
    white-space: nowrap;
}

@media (max-width: 480px) {
    .arc-space-row-thumb {
        display: none;
    }
}