/* Keep the future Portal card's complete layout space without exposing it. */
.portal-yki.is-course-unavailable { visibility: hidden; pointer-events: none; }

/* Retain the price slot so releasing the course does not change card layout. */
:is(.offer-row, .booking-offer):has(.course-coming-soon) :is(.offer-price, .booking-offer-price) {
  visibility: hidden;
}

html body:is(.section3-preview, .booking-page) main#main-content :is(.offer-action, .booking-offer-action).course-coming-soon:disabled {
  background: rgba(41,41,41,.08); border: 0;
  color: #292929; cursor: default; pointer-events: none;
}

/* A readable label replaces the mobile arrow, retaining its current height. */
@media (max-width: 767px), (max-width: 1000px) and (max-height: 600px) and (pointer: coarse) {
  html:not(.tablet-portrait) body:is(.section3-preview, .booking-page) main#main-content :is(.offer-action, .booking-offer-action).course-coming-soon:disabled {
    width: max-content; min-width: calc(104px * var(--phone-control-scale, 1));
    padding-inline: calc(12px * var(--phone-control-scale, 1)); border-radius: 999px;
    font: 300 calc(12px * var(--phone-control-scale, 1))/1.35 var(--sans);
    &::after { content: none; }
  }
}