/* ==========================================================================
   EventGo Australia — WordPress-only additions to the V5 event cards
   (eventgo-experience; NOT part of the synced V5 assets, never edits them)
   --------------------------------------------------------------------------
   Loaded once by the homepage and events page heads (templates/home/head.php,
   templates/events/head.php), BEFORE the synced CSS. So every rule here is
   for a state V5 leaves unstyled, or is scoped (.eg-c-ecard …) to be more
   specific than the V5 rule it adds to. Built only from the V5 design
   tokens (tokens.css): no new colours, no motion, no hover.
   · PUB-27  card badges for the WordPress states V5 does not colour:
             "On sale" and "Sold out" / "Sales ended" take the tones V5's own
             event page gives them (90-detail.css .eg-c-evx__state). "Tickets
             coming soon" is V5's (22-home-events.css), "Ended" eg-wp.css's.
   · PUB-11  the card's tier list (V5 .eg-c-ecard__tiers, templates/partials/
             ecard.php): the one "incl. fees" note at the end of the list's
             label, and the tiers that cannot be bought right now, dimmed as
             the event page dims them (91-tickets.css .eg-c-tier[data-state])
             with their word beside the price (never colour alone).
   · PUB-10  the large first card of /events/ (85-discovery.css): the stub's
             punched notches are not drawn beside the artwork, as V5 itself
             does for its side-by-side card (22-home-events.css, 560-899 px),
             so nothing covers an edge of the organiser's poster; and a large
             card a filter hides stays hidden at every width.
   ========================================================================== */

/* ---- PUB-27: card badges ------------------------------------------------- */
.eg-c-ecard__state[data-state="on-sale"]  { color: var(--status-good); }
.eg-c-ecard__state[data-state="sold-out"] { color: var(--c-text-3); }

/* ---- PUB-11: the tier list ------------------------------------------------ */
/* The label ("Tickets") carries the list's one "incl. fees" note, at the end of its line, above the prices. */
.eg-c-ecard .eg-c-ecard__tiers-h { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: .25rem 1rem; }
.eg-c-ecard .eg-c-ecard__tiers-h .eg-wp-incl { font-size: .75rem; letter-spacing: 0; text-transform: none; }
/* A price followed by a note ("incl. fees" on a mixed fee table) or a word ("Not available"): the name keeps the left,
   the price and its words the right, on one line where they fit. Where they do not (a half-width card's text column is
   about 115 px at 640 px), the row WRAPS instead of running under the card's clipped edge: the price and words move to
   the next line, still on the right, and a word that is still too long wraps inside itself. An empty spacer (::before,
   ordered after the name) takes the free space, so the price never floats between the name and its words. */
.eg-c-ecard .eg-c-ecard__tiers li:has(> small) { flex-wrap: wrap; justify-content: flex-end; align-items: baseline; gap: 0 .5rem; }
.eg-c-ecard .eg-c-ecard__tiers li:has(> small)::before { content: ""; order: 1; flex: 1 0 0; }
.eg-c-ecard .eg-c-ecard__tiers li:has(> small) > b,
.eg-c-ecard .eg-c-ecard__tiers li > small { order: 2; }
.eg-c-ecard .eg-c-ecard__tiers li > small { font-size: .75rem; text-align: right; }
.eg-wp-tier-st { font-weight: 600; color: var(--c-text-2); }
/* Not for sale right now (data-state: sold-out / unavailable): the row steps back, its word beside the price — never
   colour alone. No strike-through: the card cannot tell a sold-out tier from one held by other buyers' bookings. */
.eg-c-ecard .eg-c-ecard__tiers li[data-state],
.eg-c-ecard .eg-c-ecard__tiers li[data-state] b { color: var(--c-text-3); }

/* ---- PUB-10: the large first card ---------------------------------------- */
/* 85-discovery.css draws the large card as a grid at the same specificity as 22-home-events.css's [hidden] rule, and
   later: so a large card hidden by a filter (eg-discovery.js, the no-JS ?q=) or retired once over would stay drawn. */
.eg-c-dxr .eg-c-ecard--feature[hidden] { display: none; }
@media (min-width: 1100px) {
  .eg-c-dxr .eg-c-ecard--feature .eg-c-ecard__foot::before,
  .eg-c-dxr .eg-c-ecard--feature .eg-c-ecard__foot::after { content: none; }
}