/**
 * Ring Builder — Diamond Listing (shared).
 *
 * Styles for the diamond listing page in Ring Builder context.
 * Container widths are managed by the shortcode via admin-configured
 * CSS variables (--ns-topbar-max-width, --ns-content-max-width).
 *
 * @since 2.1.0
 */

/* Diamond banner (non-elegant themes — shows selected diamond summary) */
.ns-rb-diamond-banner {
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    background: #f9fafb;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    margin-bottom: 1.5rem;
}

.ns-rb-diamond-banner__img {
    border-radius: 4px;
    object-fit: cover;
}

.ns-rb-diamond-banner__info {
    flex: 1;
}

.ns-rb-diamond-banner__info strong {
    display: block;
}

.ns-rb-diamond-banner__price {
    color: var(--ns-primary, #2563eb);
    font-weight: 600;
}