/* -------------------------------------------------
   TÝM
------------------------------------------------- */

.section-tym {
    padding: var(--spacing-xl) 0;
    background: var(--color-bg-light);
}

.tym-nadpis {
    margin-bottom: var(--spacing-sm);
}

.tym-text {
    max-width: 640px;
    margin-bottom: var(--spacing-lg);
}

.tym-radek {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: center;
    gap: 2.5rem 3rem;
}

.tym-radek-hlavni {
    margin-bottom: var(--spacing-lg);
}

.tym-sloupec {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
}

.tym-clen {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.tym-avatar {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    background: var(--color-dark);
    color: var(--color-accent);
    font-family: var(--font-heading);
    font-size: 1rem;
    flex-shrink: 0;
}

/* Recepce - světlý avatar, odlišený od klinického týmu */
.tym-avatar-svetly {
    background: #fff;
    border: 1.5px solid var(--color-accent);
    color: var(--color-accent);
}

.tym-jmeno {
    font-family: var(--font-heading);
    color: var(--color-accent);
    font-style: italic;
    font-size: 1.05rem;
    margin-bottom: 0.2rem;
}

.tym-pozice {
    font-size: 0.85rem;
    color: var(--color-text);
}

/* Sestra / vedlejší člen - pod hlavním členem, ve stejném sloupci,
   decentně vizuálně "napojená" na lékaře přes tenkou spojnici */
.tym-clen-vedlejsi {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: 4.75rem;
    margin-top: -0.5rem;
}

.tym-clen-vedlejsi::before {
    content: '';
    position: absolute;
    left: 32px;
    top: -14px;
    width: 14px;
    height: 22px;
    border-left: 1px solid var(--color-accent-light);
    border-bottom: 1px solid var(--color-accent-light);
    border-bottom-left-radius: 8px;
}

.tym-jmeno-male {
    font-size: 0.9rem;
    color: var(--color-primary);
}

.tym-pozice-male {
    font-size: 0.8rem;
    color: var(--color-text);
}

@media (max-width: 900px) {
    .tym-radek-hlavni {
        flex-direction: column;
        align-items: flex-start;
        gap: 2rem;
    }

    .tym-radek-vedlejsi {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.75rem;
    }
}