/**
 * Entrepreneur Plugin Styles
 *
 * Plugin-specific styles for entrepreneur pages.
 * All visual properties reference theme.css variables.
 */

/* ============================================
   Profile Header
   ============================================ */
.profile-header {
    background: var(--color-card-bg);
    border-radius: var(--radius-lg);
    padding: var(--spacing-8);
    margin-bottom: var(--spacing-6);
    box-shadow: var(--shadow-sm);
}

.profile-header__name {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-heading);
    margin-bottom: var(--spacing-2);
}

@media (min-width: 768px) {
    .profile-header__name {
        font-size: 2rem;
    }
}

.profile-header__tagline {
    color: var(--color-muted);
    font-size: var(--font-size-lg);
}

.profile-header__badges {
    display: flex;
    gap: var(--spacing-3);
    margin-top: var(--spacing-4);
    flex-wrap: wrap;
    align-items: center;
}

/* ============================================
   Profile Actions
   ============================================ */
.profile-actions {
    display: flex;
    gap: var(--spacing-4);
    margin-top: var(--spacing-6);
}

/* ============================================
   Entrepreneur Card (Discover Page)
   ============================================ */
.entrepreneur-card {
    display: flex;
    flex-direction: column;
}

.entrepreneur-card__badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-2);
    margin-bottom: var(--spacing-4);
}

.entrepreneur-card__business {
    color: var(--color-muted);
    font-size: var(--font-size-sm);
}

/* ============================================
   Map Page
   ============================================ */
#map {
    height: calc(100vh - 60px);
    margin-top: 60px;
}

.nav--map {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}

/* ============================================
   Edit Profile Page
   ============================================ */
.edit-subtitle {
    color: var(--color-muted);
    margin-bottom: var(--spacing-8);
}