/* ==========================================================================
   parts/horse-pricing.css — horse single share prices + trainer card (parts/horse/pricing.php).
   Live: `.brxe-block.flex--row.align-items--center` (#rxcqrv) > share column (#qdwrdp > #fcvngj: "%<br><br>Share
   Price" #brxe-yvsltm + .gap--none rows .wlp-shareprice-item) + trainer column (#gbhmrl > #brxe-jiogwq.wlp-iconbox2)
   (docs/scout/r2/SINGLE.md §6.4, used-css-r2.css).
     row      flex, items centred, gap --content-gap; both columns width 100% and shrink equally (645 / 334.58 at
              1440 / 768); ≤767 wraps: shares, then the trainer card, full width
     shares   flex column, centred, gap --content-gap; heading 3 lines × 27.25 (81.75); rows 40.25 each, no gap
     trainer  26rem tall (≤478: auto, min 20rem), radius 2rem, photo (cover, centred) under --tertiary-trans-90
   Sold horses: the share column is empty but keeps its slot (0 px tall, centred), as live.
   ========================================================================== */

.horse-pricing {
  display: flex;
  flex-wrap: wrap;                                   /* ≤767 (live) */
  align-items: center;
  gap: var(--content-gap);
  width: 100%;
}
@media (min-width: 768px) {
  .horse-pricing { flex-wrap: nowrap; }
}

/* live #qdwrdp (+ #fcvngj when there are rows) */
.horse-pricing__shares {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--content-gap);
  width: 100%;
  min-width: 0;
}

/* live #brxe-yvsltm: Inter 700 var(--text-xl), #79ACD2, centred, lh 27.25 (inherited) */
.horse-pricing__heading {
  max-width: 100%;
  color: var(--secondary-semi-light);
  font-size: var(--text-xl);
  font-weight: 700;
  text-align: center;
}

/* live .gap--none wrapper (full width) */
.horse-pricing__rows {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/* live .wlp-shareprice-item: 1px --secondary-dark rule, .6rem padding; text 1.4rem white, lh 27.25 */
.horse-pricing__row {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-block: .6rem;
  border-bottom: 1px solid var(--secondary-dark);
}
.horse-pricing__row-text {
  max-width: 100%;
  color: var(--white);
  font-size: 1.4rem;
  text-align: center;
}

/* live #brxe-jiogwq.wlp-iconbox2 */
.horse-pricing__trainer {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  row-gap: 2rem;
  width: 100%;
  min-width: 0;
  min-height: 20rem;                                 /* ≤478 (live); the fixed 26rem takes over from 479 */
  overflow: hidden;
  border-radius: var(--radius-l);
  background: var(--horse-trainer-bg, none) center / cover no-repeat;
  color: var(--white);
  text-align: center;
}
@media (min-width: 479px) {
  .horse-pricing__trainer {
    height: 26rem;
    min-height: 0;
  }
}
.horse-pricing__trainer::before {                    /* live .wlp-iconbox2::before */
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(var(--tertiary-trans-90), var(--tertiary-trans-90));
  pointer-events: none;
}
.horse-pricing__trainer > * {
  position: relative;
  max-width: 100%;
}

.horse-pricing__trainer-icon {
  display: block;
  flex-shrink: 0;
  width: 30px;
  height: 30px;
  overflow: hidden;
}

/* live .wlp-iconbox2__heading: Inter 700 var(--text-l), #79ACD2 */
.horse-pricing__trainer-label {
  color: var(--secondary-semi-light);
  font-size: var(--text-l);
  font-weight: 700;
}