/* VTRSIM — Race Join buttons FIX V1.1
   Scoped to the existing Race Join V1 elements; no site-wide button changes.
   The same styles are embedded into races.html and race.html as a fallback
   when the external CSS is missing/cached by the web server. */
body[data-page="races"] .race-cta-v116 .vtr-inline-access-v1 {
  display:block;align-self:stretch;box-sizing:border-box;width:100%;min-width:0;
  padding:11px 10px;border:1px solid #cfe1ed;border-radius:12px;
  background:#eef6fb;color:#12334b;text-align:center;overflow:hidden;
}
body[data-page="races"] .race-cta-v116 .vtr-inline-pin-v1 {
  display:flex;flex-direction:column;align-items:stretch;gap:8px;
  width:100%;min-width:0;text-align:center;
}
body[data-page="races"] .race-cta-v116 .vtr-inline-pin-v1 > span {
  display:block;margin:0;color:#107650;font-size:11px;font-weight:900;
  letter-spacing:.035em;line-height:1.35;overflow-wrap:anywhere;
}
body[data-page="races"] .race-cta-v116 .vtr-inline-pin-v1 > strong {
  display:block;box-sizing:border-box;width:100%;padding:8px 5px;margin:0;
  color:#092e47;background:#fff;border:1px solid #d2e5f0;border-radius:9px;
  font-family:inherit;font-size:29px;font-weight:900;letter-spacing:.14em;
  font-variant-numeric:tabular-nums;line-height:1.2;
}
body[data-page="races"] .race-cta-v116 .vtr-inline-pin-v1 > button,
body[data-page="race"] .race-pin-v117 button.js-copy-pin-v117,
body[data-page="race"] .race-pin-v117 button.js-race-join-v120 {
  appearance:none;-webkit-appearance:none;display:flex;align-items:center;justify-content:center;
  box-sizing:border-box;width:100%;min-width:0;min-height:42px;margin:0;
  padding:9px 8px;border-radius:9px;font-family:inherit;
  font-size:12px;font-weight:900;line-height:1.3;text-align:center;
  letter-spacing:.01em;white-space:normal;overflow-wrap:anywhere;
  cursor:pointer;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;
}
body[data-page="races"] .race-cta-v116 button.vtr-copy-direct-v1,
body[data-page="race"] .race-pin-v117 button.js-copy-pin-v117 {
  background:#fff;color:#075a95;border:1px solid #2388ce;
  box-shadow:0 2px 5px rgba(16,78,120,.07);
}
body[data-page="races"] .race-cta-v116 button.vtr-join-direct-v1,
body[data-page="race"] .race-pin-v117 button.js-race-join-v120 {
  background:#e56c12;color:#fff;border:1px solid #bd5008;
  box-shadow:0 5px 12px rgba(191,80,8,.18);
}
body[data-page="races"] .race-cta-v116 .vtr-inline-pin-v1 > button:hover:not(:disabled),
body[data-page="race"] .race-pin-v117 button.js-copy-pin-v117:hover:not(:disabled),
body[data-page="race"] .race-pin-v117 button.js-race-join-v120:hover:not(:disabled) {
  transform:translateY(-1px);filter:brightness(1.035);
}
body[data-page="races"] .race-cta-v116 .vtr-inline-pin-v1 > button:focus-visible,
body[data-page="race"] .race-pin-v117 button:focus-visible {
  outline:3px solid #1688e8;outline-offset:2px;
}
body[data-page="races"] .race-cta-v116 .vtr-inline-pin-v1 > button:disabled,
body[data-page="race"] .race-pin-v117 button:disabled {opacity:.68;cursor:wait;transform:none;}
body[data-page="races"] .race-cta-v116 .vtr-inline-access-note-v1 {
  display:block;color:#385872;font-size:12px;font-weight:750;
  line-height:1.4;overflow-wrap:anywhere;
}
@media(max-width:1100px){
  body[data-page="races"] .race-cta-v116 .vtr-inline-access-v1 {
    width:min(320px,100%);margin-inline:auto;
  }
}
@media(max-width:800px){
  body[data-page="races"] .race-cta-v116 .vtr-inline-access-v1 {
    width:100%;max-width:100%;
  }
}
