/* ==========================================================================
   S11.cz - TYPOGRAPHY.CSS
   Popis: Nadpisy, textové utility a globální badges (štítky)
   ========================================================================== */

/* --- NADPISY SEKCÍ (S GRADIENT LINKOU) --- */
.section-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    margin-top: 40px;
}

.section-header h1, 
.section-header h2, 
.section-header h3 {
    font-size: 1.6rem;
    font-weight: 800;
    margin: 0;
    white-space: nowrap;
    letter-spacing: -0.5px;
    color: var(--text-main);
}

.section-header .line {
    flex-grow: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--border) 0%, rgba(48, 54, 61, 0) 100%);
}

/* Sekční nadpis bez horního odstupu (např. uvnitř .comp-group-block) */
.section-header-flush { margin-top: 0; }

/* Podnadpisy vnitřních bloků (Soutěže, Karty hráčů) */
.sub-block-title { 
    font-size: 0.9rem; 
    text-transform: uppercase; 
    color: var(--text-muted); 
    margin-bottom: 15px; 
    letter-spacing: 1px; 
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

/* --- ZÁKLADNÍ TEXTOVÉ POMOCNÉ TŘÍDY --- */
.text-left   { text-align: left !important; }
.text-center { text-align: center !important; }

.accent-text {
    color: var(--accent);
    font-weight: 700;
}

.text-muted {
    color: var(--text-muted) !important;
}

/* --- STATUSY HRÁČŮ (Karta hráče a žebříčky) --- */
.status-active  { color: var(--accent); font-weight: 600; }
.status-free    { color: #e3b341; } /* Žlutá/Oranžová pro volné hráče */
.status-retired { color: var(--text-muted); font-style: italic; }

/* Odkaz na klub uvnitř statusu dědí barvu od rodiče (jinak by browser
   vykreslil defaultní fialovou). Hover zvýrazní podtržením. */
.status-active a,
.status-free a,
.status-retired a {
    color: inherit;
    text-decoration: none;
}
.status-active a:hover,
.status-free a:hover,
.status-retired a:hover {
    text-decoration: underline;
}

/* --- VÝKONNOSTNÍ ŠTÍTKY V ZÁPASE (Badges) --- */
.m-player-performance { 
    display: flex; 
    gap: 6px; 
    flex-wrap: wrap; 
    margin-top: 10px;
}

.perf-badge { 
    font-size: 0.65rem; 
    padding: 4px 10px; 
    background: rgba(255, 255, 255, 0.05); 
    border: 1px solid var(--border);
    border-radius: 6px; 
    color: var(--text-muted); 
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.perf-badge.goal { 
    background: var(--accent-glow); 
    color: var(--accent); 
    border-color: var(--accent);
    font-weight: 700; 
}

.perf-badge.yellow { 
    color: #e3b341; 
    border-color: rgba(227, 179, 65, 0.4); 
}

.perf-badge.red {
    color: #f85149;
    border-color: rgba(248, 81, 73, 0.4);
}

/* --- ŠTÍTKY POSTUPU / SESTUPU (Osud klubů, Legendy tabulek) --- */
.fate-badge { 
    display: inline-block; 
    width: 10px; 
    height: 10px; 
    border-radius: 50%; 
    flex-shrink: 0; 
}

.badge-promoted { 
    background-color: #2ea44f; 
    box-shadow: 0 0 5px rgba(46,164,79,0.5); 
}

.badge-relegated { 
    background-color: #f85149; 
    box-shadow: 0 0 5px rgba(248,81,73,0.5); 
}

/* Legenda pod tabulkou (Kontejner textu pro fate-badges) */
.table-legend {
    margin-top: 15px;
    font-size: 0.8rem;
    background: var(--bg-surface);
    padding: 12px 20px;
    border-radius: 8px;
    border: 1px solid var(--border);
}

.table-legend-title {
    margin: 0 0 10px;
    font-size: 0.75rem;
    color: var(--text-muted);
    text-transform: uppercase;
}

.table-legend-items {
    display: grid;
    grid-template-columns: 1fr;
    gap: 6px;
}

.table-legend-row {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 0.85rem;
}

.table-legend-club {
    color: var(--text-main);
    min-width: 140px;
}

.table-legend-text { color: var(--text-muted); }