/*
 * The Beverly – Custom Events styling
 * Brand:
 *   --tb-green: #0c3e20  (primary dark green)
 *   --tb-cream: #f2eee6  (warm cream background)
 *   --tb-ink:   #1a1a1a  (body text)
 * Typography:
 *   Headings: rl-limo bold (Adobe Typekit – kit "rij2chq")
 *   Body:     Roboto / system sans-serif
 */

/* Pull in the Typekit kit if the theme hasn't already loaded it. */
@import url("https://use.typekit.net/rij2chq.css");

.tb-events {
    --tb-green: #0c3e20;
    --tb-cream: #f2eee6;
    --tb-ink: #1a1a1a;
    --tb-muted: #6c6c6c;
    --tb-row-bg: #ffffff;
    --tb-row-divider: #ece7dd;

    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 24px 16px;
    background-color: var(--tb-cream);
    color: var(--tb-ink);
    font-family: "Roboto", "Open Sans", "Helvetica Neue", Arial, sans-serif;
    font-size: 17px;
    line-height: 1.5;
    box-sizing: border-box;
}

.tb-events *,
.tb-events *::before,
.tb-events *::after {
    box-sizing: inherit;
}

/* ----- Day block ----- */
.tb-events__day {
    margin: 0 0 28px;
}

.tb-events__day-header {
    background-color: var(--tb-green);
    color: var(--tb-cream);
    text-align: center;
    padding: 16px 24px;
    font-family: "rl-limo", "Brush Script MT", cursive;
    font-weight: 700;
    font-style: normal;
    font-size: clamp(1.1rem, 1.6vw, 1.35rem);
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1.2;
}

/* ----- Event list ----- */
.tb-events__list {
    background-color: var(--tb-row-bg);
}

.tb-events__item {
    display: grid;
    grid-template-columns: 1fr auto;
    column-gap: 24px;
    align-items: center;
    padding: 18px 36px;
    border-bottom: 1px solid var(--tb-row-divider);
    background-color: var(--tb-row-bg);
}

.tb-events__item:last-child {
    border-bottom: none;
}

.tb-events__title {
    grid-column: 1 / 2;
    font-family: "rl-limo", "Brush Script MT", cursive;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    letter-spacing: 0.02em;
    color: var(--tb-ink);
    line-height: 1.3;
}

.tb-events__time {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
    text-align: right;
    font-family: "rl-limo", "Brush Script MT", cursive;
    font-weight: 700;
    font-style: normal;
    font-size: 1.15rem;
    letter-spacing: 0.02em;
    color: var(--tb-ink);
    white-space: nowrap;
}

/* Optional location, second line under the title */
.tb-events__loc {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
    margin-top: 2px;
    font-family: "Roboto", sans-serif;
    font-size: 0.85rem;
    color: var(--tb-muted);
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

/* ----- Empty state ----- */
.tb-events__empty {
    text-align: center;
    padding: 40px 0;
    font-family: "rl-limo", "Brush Script MT", cursive;
    font-size: 2rem;
    color: var(--tb-green);
}

/* ----- Responsive ----- */
@media (max-width: 600px) {
    .tb-events {
        padding: 14px 10px;
        font-size: 16px;
    }

    .tb-events__day-header {
        padding: 14px 16px;
        font-size: 1rem;
    }

    .tb-events__item {
        padding: 14px 18px;
    }

    .tb-events__title,
    .tb-events__time {
        font-size: 1.05rem;
    }
}