/* ==========================================================================
   single-event.css — single thisismyurl_event template
   Scope: is_singular( 'thisismyurl_event' ).
   Enqueued conditionally in inc/setup.php under the single-event handle.
   All rules live in the `page-types` cascade layer (declared in main.css).
   Built 2026-05-15 against craft-designer spec for the events-fix pass.
   ========================================================================== */

/* ----------------------------------------------------------------------
   Item 1 — Pricing table
   Intentionally unlayered: main.css ships `.entry-content table th` rules
   unlayered (gradient background, etc) and a `@layer page-types` rule
   loses to an unlayered rule regardless of specificity. Keeping the
   pricing-table block unlayered lets our 0,1,2 specificity win cleanly
   over the generic 0,1,1 table styles. The rest of single-event.css
   remains in `@layer page-types` below (no generic-rule conflict there).
   ---------------------------------------------------------------------- */

.thisismyurl-training-registration__pricing-table-wrap {
  overflow-x: auto;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-card);
  margin: 0 0 0.5rem;
}

.thisismyurl-training-registration__pricing-table {
  width: 100%;
  border-collapse: collapse;
  font-size: var(--fs-sm);
}

/* Caption: treated as a micro-label above the table */
.thisismyurl-training-registration__pricing-table caption {
  caption-side: top;
  text-align: left;
  font-size: var(--fs-xs);
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-muted);
  padding: 0.75rem 1rem 0.5rem;
}

.thisismyurl-training-registration__pricing-table thead th {
  background: var(--color-accent-strong);
  color: #ffffff;
  font-weight: 700;
  font-size: var(--fs-xs);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 0.75rem 1rem;
  text-align: left;
  border-bottom: none;
}

.thisismyurl-training-registration__pricing-table thead th:first-child {
  border-start-start-radius: var(--radius-card);
}

.thisismyurl-training-registration__pricing-table thead th:last-child {
  border-start-end-radius: var(--radius-card);
}

.thisismyurl-training-registration__pricing-table tbody tr:nth-child(odd) {
  background: var(--color-surface-alt);
}

.thisismyurl-training-registration__pricing-table tbody tr:nth-child(even) {
  background: #ffffff;
}

.thisismyurl-training-registration__pricing-table tbody td {
  padding: 0.75rem 1rem;
  border-top: 1px solid var(--color-border);
  color: var(--color-text-strong);
  vertical-align: top;
}

/* Price-column emphasis (`is-price` class set in markup by single.php) */
.thisismyurl-training-registration__pricing-table td.is-price {
  font-weight: 700;
  font-size: 1rem;
  color: var(--color-gold-text);
  white-space: nowrap;
}

@layer page-types {

  /* ----------------------------------------------------------------------
     Item 3 — Registration form chrome
     MOVED 2026-05-17 to assets/css/training-registration-form.css.
     The previous rules here lived in single-event.css only, which meant
     the form rendered unstyled when the same partial was loaded on
     single-thisismyurl_training. Comment kept so anyone who greps
     `thisismyurl-training-registration` in this file finds the pointer
     instead of an empty silence. The new shared file is enqueued on
     both surfaces via inc/setup.php.
     ---------------------------------------------------------------------- */

  /* ----------------------------------------------------------------------
     Item 5 — Suppress publish byline on event singles
     ---------------------------------------------------------------------- */

  body.single-thisismyurl_event .entry-meta,
  body.single-thisismyurl_event .post-meta,
  body.single-thisismyurl_event .byline {
    display: none;
  }

  /* ----------------------------------------------------------------------
     Item 6 — Author-bio eyebrow (visual no-op; text swap is in PHP)
     ---------------------------------------------------------------------- */

  body.single-thisismyurl_event .author-bio__eyebrow {
    /* Visual parity with .post-companions__eyebrow — deliberate no-op.
       Hook documented so any future divergence has a single place to live. */
  }

  /* ----------------------------------------------------------------------
     Item 7 — Section-sequence eyebrow: outlined treatment on event context
     ---------------------------------------------------------------------- */

  body.single-thisismyurl_event .section-eyebrow__num {
    background: transparent;
    color: var(--color-accent);
    border: 1.5px solid var(--color-accent);
  }

}

/* ----------------------------------------------------------------------
   Item 8 — Past-event sales-funnel CTA
   Renders in the body slot that the registration form occupies on live
   events (single-thisismyurl_event.php). Reuses the shared
   .page-aside-cta + .page-hero-actions__* chrome so visual treatment is
   consistent with the sidebar variant; the --inline modifier mirrors
   the --in-sidebar shape (non-sticky, gentle bottom margin) since the
   CTA sits inside .entry-content where the sidebar's sticky offset is
   inappropriate.

   INTENTIONALLY UNLAYERED: the base .page-aside-cta__sticky rule in main.css
   (around line 1182) is also unlayered, so any rule that overrides
   position/top on that selector must also be unlayered or lose the cascade
   battle regardless of specificity. This mirrors the unlayered-escape-hatch
   pattern at the top of this file for the pricing table. Added 2026-05-18.
   ---------------------------------------------------------------------- */

.event-past-cta.page-aside-cta--inline {
  margin: 2rem 0 2.5rem;
}

.event-past-cta .page-aside-cta__sticky {
  position: static;
  top: auto;
  gap: 1rem;
}