/* Page Header Styles - FC Manager
   Ujednolicony header dla wszystkich stron wewnętrznych
   Bazuje na stylu z historia.php
   Wersja: 2.0 - Odstęp 1cm od menu
*/

/* PAGE HEADER - Ujednolicony styl dla wszystkich stron */
.page-header {
    text-align: center;
    padding: 4rem 0 3rem;
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.1) 0%, rgba(15, 23, 42, 0.9) 100%);
    border-radius: 20px;
    margin: 37.8px 0 4rem; /* 1cm od menu */
    border: 1px solid rgba(34, 197, 94, 0.3);
    position: relative;
    overflow: hidden;
}

.page-header::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(90deg, var(--primary-green), #22c55e);
}

.page-header h1 {
    font-family: 'Saira Condensed', Arial, sans-serif;
    font-size: 3.5rem;
    font-weight: 800;
    color: var(--primary-green);
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 1rem;
}

.page-header p {
    font-size: 1.2rem;
    color: var(--text-muted);
    max-width: 600px;
    margin: 0 auto;
}

/* Responsive - Page Header */
@media (max-width: 768px) {
    .page-header {
        padding: 2rem 0 1.5rem;
        margin: 1rem 0 2rem;
    }
    
    .page-header h1 {
        font-size: 2rem;
        letter-spacing: 1px;
    }
    
    .page-header p {
        font-size: 1rem;
    }
}

/* Light Theme Overrides - Page Header */
html[data-theme='light'] .page-header {
    background: linear-gradient(135deg, rgba(34, 197, 94, 0.15) 0%, rgba(255, 255, 255, 0.95) 100%) !important;
    border: 2px solid #1e293b !important;
}