/* Mirrors the color palette and row layout used by RaceListDisplay/RaceListItem
   on the regatta detail page (Tailwind slate + amber), so the embedded list
   reads as the same product rather than a generic WordPress widget. */

.regattahub-races {
    margin: 1.5em 0;
    font-size: 1rem;
    color: #0f172a;
}

.regattahub-races__title {
    margin: 0 0 0.75em;
}

.regattahub-races__empty {
    color: #64748b;
}

.regattahub-races__header,
.regattahub-races__row {
    display: grid;
    grid-template-columns: 3rem 1fr auto auto auto;
    align-items: center;
    column-gap: 1.5rem;
    padding: 0.875rem 1rem;
}

.regattahub-races__header {
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    color: #64748b;
    border-bottom: 2px solid #e2e8f0;
}

.regattahub-races__col--discipline {
    color: #b45309;
}

.regattahub-races__row {
    color: inherit;
    text-decoration: none;
    border-bottom: 1px solid #f1f5f9;
}

.regattahub-races__row:last-child {
    border-bottom: none;
}

.regattahub-races__row:hover {
    background: #fffbeb;
}

.regattahub-races__col--number {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    font-size: 0.75rem;
    color: #94a3b8;
    text-align: center;
}

.regattahub-races__col--name {
    color: #0f172a;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.regattahub-races__row .regattahub-races__col--discipline {
    font-size: 0.875rem;
    font-weight: 600;
    color: #b45309;
    white-space: nowrap;
}

.regattahub-races__col--time {
    font-size: 0.875rem;
    color: #94a3b8;
    white-space: nowrap;
}

.regattahub-races__col--signup {
    font-size: 0.875rem;
    font-weight: 600;
    color: #d97706;
    white-space: nowrap;
    text-align: right;
}

@media (max-width: 640px) {
    .regattahub-races__header {
        display: none;
    }

    .regattahub-races__row {
        grid-template-columns: auto 1fr auto;
        grid-template-areas:
            "num name time"
            ".   disc signup";
        row-gap: 0.25rem;
    }

    .regattahub-races__col--number { grid-area: num; }
    .regattahub-races__col--name { grid-area: name; }
    .regattahub-races__col--time { grid-area: time; }
    .regattahub-races__col--discipline { grid-area: disc; }
    .regattahub-races__col--signup { grid-area: signup; }
}

.regattahub-races--notice {
    padding: 0.75em 1em;
    border: 1px dashed #cbd5e1;
    border-radius: 6px;
    color: #64748b;
}