/* =============================================================
   RBKC Temporary Events – supplement to boilerplate.css
   Only rules the RBKC boilerplate does not already provide.
   Do NOT override html font-size – boilerplate.css sets it to
   62.5% (1rem = 10px) and all its rem values depend on that.
   ============================================================= */

/* Detail label/value table (same as Gambling Register app) */
.rbkc-detail-table { width: 100%; border-collapse: collapse; margin: 1em 0; }
.rbkc-detail-table th { background: #d5e4f1; padding: 0.8rem 1.2rem; text-align: left; border: 1px solid #4fa1f3; font-weight: 700; }
.rbkc-detail-table td { padding: 0.8rem 1.2rem; border: 1px solid #4fa1f3; vertical-align: top; }
.rbkc-detail-table td:first-child { width: 30%; font-weight: 600; }
.rbkc-detail-table tr:nth-child(odd) { background-color: #eee; }
.rbkc-detail-table tr:nth-child(even) { background-color: #fff; }

/* Date-field compound row – keeps Day / Month / Year selects on one line */
.form-item--date-group .form-item__date-fields {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    align-items: center;
    margin-top: 0.25rem;
}
.form-item--date-group .form-item__date-fields label {
    font-size: 1.4rem;
    margin-bottom: 0;
}
.form-item--date-group .form-item__date-fields select {
    width: auto;
}