/* =============================================
   AVASA - PAGE HEADER & BREADCRUMBS
   ============================================= */

.page-header {
    position: relative;
    padding: 140px 0 80px;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    margin-bottom: var(--avasa-space-2xl);
}

.page-header::before {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.7));
}

.page-header-content {
    text-align: center;
    position: relative;
    z-index: 1;
}

.page-title {
    font-size: var(--avasa-font-4xl);
    margin-bottom: var(--avasa-space-md);
    color: var(--avasa-white);
}

.breadcrumbs {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--avasa-space-sm);
    font-size: var(--avasa-font-sm);
    color: var(--avasa-gray-300);
}

.breadcrumbs a {
    color: var(--avasa-gray-300);
    transition: color var(--avasa-transition-base);
}

.breadcrumbs a:hover {
    color: var(--avasa-gold);
}

.breadcrumbs .separator {
    color: var(--avasa-gray-400);
}

.breadcrumbs .current {
    color: var(--avasa-gold);
}