/*
 * F1 Live Data — minimal base stylesheet
 * Purpose: layout wrappers only, zero visual opinions.
 * Override freely in your theme.
 */

.f1ld {
    box-sizing: border-box;
}

/* Error state */
.f1ld-error {
    opacity: .6;
    font-style: italic;
}

/* Session */
.f1ld-session {
    display: flex;
    flex-wrap: wrap;
    gap: .25em 1em;
    align-items: baseline;
}

/* Telemetry */
.f1ld-telemetry {
    display: flex;
    flex-wrap: wrap;
    gap: .25em 1em;
    align-items: baseline;
}

/* Standings */
.f1ld-standings__list {
    list-style: none;
    margin: 0;
    padding: 0;
}
.f1ld-standings__row {
    display: flex;
    flex-wrap: wrap;
    gap: .25em 1em;
    align-items: baseline;
}

/* Tyres */
.f1ld-tyres__current {
    display: flex;
    gap: .5em 1em;
    align-items: baseline;
}
.f1ld-tyres__history {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    gap: .25em .75em;
}
.f1ld-tyres__stint {
    display: flex;
    gap: .25em;
    align-items: baseline;
}

/* Weather */
.f1ld-weather {
    display: flex;
    flex-wrap: wrap;
    gap: .25em 1em;
    align-items: baseline;
}

/* Track status */
.f1ld-trackstatus__messages {
    list-style: none;
    margin: 0;
    padding: 0;
}
.f1ld-trackstatus__message {
    display: flex;
    flex-wrap: wrap;
    gap: .25em 1em;
    align-items: baseline;
}

/* Team colour helper — consumed via CSS variable on .f1ld-standings__team */
.f1ld-standings__team {
    border-left: 3px solid var(--team-color, transparent);
    padding-left: .35em;
}