/* cro-cta-copy.v1.css: companion to the cro-cta-copy transform (specific booking-button labels).
 * Room for the longer date-row labels (widened last table column, table min-width 1100px) and a visible focus ring on the relabelled buttons.
 */

/* Dates-and-fees tables (TTC and retreat pages): the last column held "Apply Now →". "Apply for this date →"
 * and "Register your interest →" are longer, so that column is widened (same six columns as the page's own
 * rule, only the last one grows; the header row shares the grid). The table's own min-width of 1200px is
 * lowered to 1100px so that on the boxed 1140px retreat pages the button column sits inside the visible
 * area on a 1280px screen instead of behind a horizontal scroll (phones still scroll the table sideways). */
.training-table-wrapper .training-table {
  min-width: 1100px;
}

.training-table-wrapper .training-table .table-header,
.training-table-wrapper .training-table .table-row {
  grid-template-columns: 1.7fr 1fr 1.35fr 1.35fr 1fr 1.6fr;
}

.training-table-wrapper .training-table .table-row .btn[data-yn-cta^="cro-cta-copy-"] {
  white-space: nowrap;
}

/* Keyboard focus: a white gap, then a brand-red ring, so it reads on light and on dark sections. */
[data-yn-cta^="cro-cta-copy-"]:focus-visible {
  outline: 3px solid #A43C1F;
  outline-offset: 3px;
  box-shadow: 0 0 0 3px #FFFFFF;
}