/**
 * connect/static/connect/css/pages/seller_profile.css
 * Public seller profile page.
 * Requires base.css (tokens, .listing-card, .review-card, pagination).
 */

/* ═══════════════════════════════════════════════════════════════════════════
   SELLER PUBLIC PROFILE
   ═══════════════════════════════════════════════════════════════════════════ */

.seller-profile-header { display: flex; align-items: flex-start; gap: 24px; margin-bottom: 32px; padding: 28px; background-color: var(--color-bg-elevated); border: 1px solid var(--color-border); border-radius: var(--radius-lg); }
.seller-profile-details { flex: 1; }
.seller-profile-name { font-family: var(--font-heading); font-size: 1.25rem; font-weight: 700; margin-bottom: 4px; }
.seller-profile-headline { font-size: 14px; color: var(--color-text-2); margin-bottom: 16px; }
.seller-profile-stats { display: flex; flex-wrap: wrap; gap: 20px; }
.seller-profile-stat { display: flex; flex-direction: column; gap: 2px; }
.seller-profile-stat-value { font-family: var(--font-mono); font-size: 1.25rem; font-weight: 700; color: var(--color-text-1); }
.seller-profile-stat-label { font-size: 12px; color: var(--color-text-3); }

@media (max-width: 639px) { .seller-profile-header { flex-direction: column; align-items: center; text-align: center; } .seller-profile-stats { justify-content: center; } }

/* ═══════════════════════════════════════════════════════════════════════════
   SELLER PROFILE — enhanced with brand colours
   ═══════════════════════════════════════════════════════════════════════════ */

.seller-profile-header {
    border-left: 4px solid var(--color-accent-deep-purple);
}

.seller-profile-stat-value {
    color: var(--color-accent-violet);
}