/**
 * Page Header Component CSS
 */

.page-header {
    background-color: var(--color-surface);
    padding: var(--spacing-lg) var(--spacing-md);
    border-bottom: 1px solid var(--color-border);
}

.page-header__container {
    max-width: 1200px;
    margin: 0 auto;
}

.page-header__breadcrumb {
    margin-bottom: var(--spacing-sm);
    font-size: var(--font-size-sm);
}

.page-header__breadcrumb-link {
    color: var(--color-text-light);
    text-decoration: none;
    transition: color var(--transition-fast);
}

.page-header__breadcrumb-link:hover {
    color: var(--color-primary);
}

.page-header__breadcrumb-separator {
    margin: 0 var(--spacing-xs);
    color: var(--color-text-light);
}

.page-header__breadcrumb-current {
    color: var(--color-text);
}

.page-header__title {
    font-size: var(--font-size-2xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    margin: 0;
}