/* events/embed's ticket section: same .ticket-page-layout (list + aside) as events/ticket, but
   with no application-list-template/breadcrumb-tabs -- just a link back to the event page and a
   plain title above the grid. */
.ticket-embed-header {
    margin-bottom: 16px;
}

.ticket-embed-back-link {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    color: #026E80;
    margin-bottom: 8px;
}

.ticket-embed-title {
    font-size: 32px;
    font-weight: 500;
    margin: 0;
    color: var(--text-primary, #222222);
}

.ticket-page-layout .ticket-embed-list-column {
    min-width: 0;
}

.ticket-page-layout .ticket-page-side-column {
    padding-top: 0;
}

/* Every embed $type shares an ancestor chain capped at lg-max-width-4 (72rem/1152px, see
   css/base-2018-11-17.css) -- the ticket shop grid needs to match events/ticket's own wider
   cap instead (1400px, see css/events/ticket.css's .ticket-page-layout rule). :has() scopes
   the override to just the wrapper(s) that contain the ticket section, so every other embed
   type keeps its current width. */
.lg-max-width-4:has(#tickets-section) {
    max-width: 1400px;
}