/* ==========================================================================
   EVENTO INFO
   Mostra info evento in formato table con custom field + PDF button
   Usa le variabili CSS di WordPress (theme.json)
   ========================================================================== */

/* ── ROOT ─────────────────────────────────────────────────────────────────── */

.evento-info {
  max-width: 100%;

  /* ── TABLE (lista info evento) ────────────────────────────────────────── */
}

.evento-info .evento-info__table {
    display: flex;
    flex-direction: column;
    gap: 0;
    margin-bottom: 1.5rem;
  }

/* ── ROW (singola riga: label + valore) ───────────────────────────────── */

.evento-info .evento-info__row {
    display: grid;
    grid-template-columns: 1fr 2fr;
    gap: 2rem;
    padding: 1rem 0;
    border-bottom: 1px solid var(--wp--preset--color--contrast);

    /*  @media (max-width: 768px) {
            grid-template-columns: 1fr;
            gap: 0.5rem;
        } */
  }

/* ── LABEL (etichetta del campo) ──────────────────────────────────────── */

.evento-info .evento-info__label {
    font-weight: 700;
    font-size: var(--wp--preset--font-size--small);
  }

/* ── VALUE (valore del campo) ─────────────────────────────────────────── */

.evento-info .evento-info__value {
    font-size: var(--wp--preset--font-size--small);
    font-weight: 500;
  }

/* ── BUTTON (wrapper per blocco BS button) ────────────────────────────── */

:is(.evento-info .evento-info__button) .bs-btn {
      width: -webkit-fill-available;
    }

:is(.evento-info .evento-info__button) + .evento-info__button {
      margin-top: 1rem;
    }