/* League Hero Header */
.league-hero {
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.5) 0%, rgba(51, 65, 85, 0.5) 100%),
                url('/images/LPK-BANNER.jpg') center/cover no-repeat;
    background-attachment: fixed;
    padding: 4rem 0;
    border-bottom: 1px solid var(--bs-border-color);
    position: relative;
    overflow: hidden;
}

.league-hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(135deg, rgba(15, 23, 42, 0.5) 0%, rgba(51, 65, 85, 0.5) 100%);
    pointer-events: none;
}

.league-hero .container {
    position: relative;
    z-index: 1;
}

.league-hero h1 {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -1px;
    color: #ffffff;
    margin-bottom: 1rem;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.league-hero p {
    font-size: 1.1rem;
    color: #cbd5e1;
    margin-bottom: 1.5rem;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.league-hero .league-stats {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.league-hero .stat-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.league-hero .stat-number {
    font-size: 2rem;
    font-weight: 700;
    color: var(--league-accent);
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.league-hero .stat-label {
    font-size: 0.9rem;
    color: #cbd5e1;
    margin-top: 0.25rem;
}

/* Tema Light */
body.theme-light .league-hero {
    background: linear-gradient(135deg, rgba(71, 85, 105, 0.5) 0%, rgba(51, 65, 85, 0.5) 100%),
                url('/images/LPK-BANNER.jpg') center/cover no-repeat;
}

body.theme-light .league-hero::before {
    background: linear-gradient(135deg, rgba(71, 85, 105, 0.5) 0%, rgba(51, 65, 85, 0.5) 100%);
}

body.theme-light .league-hero h1 {
    color: #ffffff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

body.theme-light .league-hero p {
    color: #cbd5e1;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

body.theme-light .league-hero .stat-label {
    color: #cbd5e1;
}