/* ==========================================================================
   ANTOMASIA - Coppa Antonio Masia
   Palette: bordeaux/vinaccia + oro coppa, su crema
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,600;9..144,700;9..144,900&family=Inter:wght@400;500;600;700&display=swap');

.antomasia-container {
    --am-wine: #6b1f3a;
    --am-wine-dark: #4a1428;
    --am-gold: #d4a437;
    --am-gold-light: #ecc873;
    --am-cream: #faf5ea;
    --am-ink: #241419;
    --am-muted: #7a6b71;
    --am-white: #fffdf9;
    --am-line: #e8ddd0;

    max-width: 1100px;
    margin: 28px auto;
    padding: 0 16px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: var(--am-ink);
}

.antomasia-error {
    background: #fdecea;
    color: #8c1d17;
    padding: 18px 22px;
    border-radius: 12px;
    border: 1px solid #f3c6c2;
    font-weight: 600;
    text-align: center;
    max-width: 1100px;
    margin: 28px auto;
}

.antomasia-empty {
    background: var(--am-cream);
    border: 2px dashed var(--am-line);
    border-radius: 14px;
    padding: 28px 20px;
    color: var(--am-muted);
    font-style: italic;
    text-align: center;
}

/* ---------------------------------------------------------------------- */
/* Titoli sezione                                                          */
/* ---------------------------------------------------------------------- */

.antomasia-section-title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 0 14px;
}

.antomasia-section-title-standings {
    margin-top: 34px;
}

.antomasia-icon {
    font-size: 19px;
}

.antomasia-section-title h3 {
    margin: 0;
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 700;
    font-size: 20px;
    color: var(--am-wine-dark);
}

/* ---------------------------------------------------------------------- */
/* Calendario / fixture list                                               */
/* ---------------------------------------------------------------------- */

.antomasia-fixtures {
    background: var(--am-white);
    border-radius: 16px;
    border: 1px solid var(--am-line);
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(107, 31, 58, 0.08);
}

.antomasia-fixture-row {
    display: grid;
    grid-template-columns: 1fr auto 1fr auto;
    align-items: center;
    gap: 14px;
    padding: 14px 20px;
    border-bottom: 1px solid var(--am-line);
}

.antomasia-fixture-row:last-child {
    border-bottom: none;
}

.antomasia-fixture-row:nth-child(even) {
    background: var(--am-cream);
}

.antomasia-fixture-team {
    font-weight: 600;
    font-size: 14.5px;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.antomasia-fixture-home {
    text-align: right;
    color: var(--am-wine-dark);
}

.antomasia-fixture-away {
    text-align: left;
    color: var(--am-wine-dark);
}

.antomasia-fixture-score {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    min-width: 64px;
    padding: 6px 12px;
    border-radius: 999px;
    background: var(--am-wine);
    color: var(--am-gold-light);
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 700;
    font-size: 15px;
}

.antomasia-fixture-sep {
    opacity: 0.7;
}

.antomasia-fixture-vs {
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: var(--am-gold-light);
}

.antomasia-fixture-date {
    font-size: 12px;
    font-weight: 600;
    color: var(--am-muted);
    white-space: nowrap;
    text-align: right;
    min-width: 78px;
}

/* ---------------------------------------------------------------------- */
/* Classifica                                                              */
/* ---------------------------------------------------------------------- */

.antomasia-table-wrapper {
    background: var(--am-white);
    border-radius: 16px;
    border: 1px solid var(--am-line);
    overflow: hidden;
    box-shadow: 0 8px 22px rgba(107, 31, 58, 0.08);
    overflow-x: auto;
}

.antomasia-standings-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
    min-width: 720px;
}

.antomasia-standings-table thead th {
    background: var(--am-wine);
    color: var(--am-gold-light);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 14px 14px;
    text-align: center;
    white-space: nowrap;
}

.antomasia-standings-table th.antomasia-col-team,
.antomasia-standings-table td.antomasia-col-team {
    text-align: left;
}

.antomasia-standings-table td {
    padding: 12px 14px;
    text-align: center;
    border-bottom: 1px solid var(--am-line);
    color: var(--am-ink);
}

.antomasia-standings-table tbody tr:last-child td {
    border-bottom: none;
}

.antomasia-standings-table tbody tr:nth-child(even) {
    background: var(--am-cream);
}

.antomasia-col-pos {
    width: 40px;
    font-weight: 700;
    color: var(--am-wine-dark);
}

.antomasia-col-team {
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
    font-size: 14.5px;
    color: var(--am-wine-dark);
}

.antomasia-col-points {
    font-weight: 800;
    color: var(--am-wine-dark);
    background: rgba(212, 164, 55, 0.14);
}

.antomasia-row-first td {
    background: rgba(212, 164, 55, 0.16);
}

.antomasia-row-first .antomasia-col-points {
    background: rgba(212, 164, 55, 0.32);
}

/* ---------------------------------------------------------------------- */
/* Tabella semplice (es. Semifinali)                                       */
/* ---------------------------------------------------------------------- */

.antomasia-simple-table {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

.antomasia-simple-table thead th {
    background: var(--am-wine);
    color: var(--am-gold-light);
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    padding: 14px;
    text-align: center;
    white-space: nowrap;
}

.antomasia-simple-table thead th.antomasia-col-team {
    text-align: left;
}

.antomasia-simple-table td {
    padding: 13px 14px;
    text-align: center;
    border-bottom: 1px solid var(--am-line);
    color: var(--am-ink);
}

.antomasia-simple-table td.antomasia-col-team {
    text-align: left;
    font-family: 'Fraunces', Georgia, serif;
    font-weight: 600;
    font-size: 14.5px;
    color: var(--am-wine-dark);
}

.antomasia-simple-table tbody tr:last-child td {
    border-bottom: none;
}

.antomasia-simple-table tbody tr:nth-child(even) {
    background: var(--am-cream);
}

/* ---------------------------------------------------------------------- */
/* Responsive                                                              */
/* ---------------------------------------------------------------------- */

@media (max-width: 620px) {
    .antomasia-fixture-row {
        grid-template-columns: 1fr auto 1fr;
        row-gap: 6px;
    }

    .antomasia-fixture-date {
        grid-column: 1 / -1;
        text-align: center;
        min-width: 0;
    }
}