/* Súbor: css/team_profile.css */

/* --- Hlavička profilu tímu --- */
.team-profile-header {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    background-color: #1e1e1e;
    border: 1px solid #333;
    border-radius: 12px;
    margin-bottom: 30px;
}
.team-profile-logo {
    width: 150px;
    height: 150px;
    max-width: 150px;
    max-height: 150px;
    object-fit: contain;
    flex-shrink: 0;
}
.team-profile-info h1 {
    margin: 0 0 10px 0;
    font-size: 2.5em;
    color: #fff;
}
.team-profile-info p {
    margin: 5px 0;
    color: #aaa;
    font-size: 1.1em;
}
.team-profile-info strong {
    color: #ddd;
}

/* --- Sekcia so štatistikami a zoznamom jazdcov --- */
.team-content-grid {
    display: grid;
    grid-template-columns: 2fr 1fr; /* Zoznam jazdcov 2/3, Sidebar 1/3 */
    gap: 30px;
}
.team-card {
    background-color: #1e1e1e;
    border: 1px solid #333;
    border-radius: 8px;
    padding: 25px;
}
.team-card h2 {
    margin-top: 0;
    margin-bottom: 20px;
    color: #e10600;
    font-size: 1.4em;
    border-bottom: 2px solid #3a3a3a;
    padding-bottom: 10px;
}

/* Štatistiky tímu */
.team-stats-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 15px;
}
.stats-grid .stat-item { text-align: center; } /* Použijeme existujúce štýly */
.top-driver-stat .top-driver-photo { width: 60px; height: 60px; border-radius: 50%; object-fit: cover; margin-bottom: 10px; border: 3px solid #fff; }
.top-driver-stat .value { font-size: 1.1em; color: #fff; text-decoration: none; }
.top-driver-stat a { text-decoration: none; }

/* Zoznam jazdcov tímu */
.team-members-list { list-style: none; padding: 0; margin: 0; }
.team-member-item {
    display: flex;
    align-items: center;
    background-color: #2a2a2a;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    transition: background-color 0.2s ease;
}
.team-member-item:hover { background-color: #3a3a3a; }
.member-photo {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 15px;
    border: 3px solid #444;
}
.member-name-details a {
    color: #fff;
    text-decoration: none;
    font-size: 1.2em;
    font-weight: bold;
}
.member-name-details .driver-contribution {
    font-size: 0.9em;
    color: #aaa;
    margin-top: 5px;
}
.member-name-details .driver-contribution strong { color: #00bcd4; }

/* Responzivita */
@media (max-width: 992px) {
    .team-content-grid { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
    .team-profile-header { flex-direction: column; text-align: center; }
}