/**
 * ECS-210 — Schedule card column layout.
 *
 * Overrides the base flex layout in _course.scss so the class card renders
 * with course-title link + language stacked on the LEFT and the location H2
 * + date range stacked in the CENTER (per client mock, Image #1). The
 * Register button keeps its existing absolute-right positioning.
 *
 * This file mirrors the SCSS change and is loaded directly because the
 * theme's gulp pipeline requires node-sass v4, which no longer runs on
 * modern Node.
 */

@media (min-width: 992px) {
  .node--type-class.node--view-mode-search-index .content-wrapper .field--name-field-course {
    width: 55%;
    order: 1;
  }
  .node--type-class.node--view-mode-search-index .content-wrapper .field--name-node-title {
    width: 30%;
    order: 2;
  }
  .node--type-class.node--view-mode-search-index .content-wrapper .field--name-field-language {
    width: 55%;
    order: 3;
  }
  .node--type-class.node--view-mode-search-index .content-wrapper .field--name-field-date-range {
    width: 30%;
    order: 4;
  }
  .node--type-class.node--view-mode-search-index .content-wrapper .field--name-field-delivery {
    width: 55%;
    order: 0;
  }

  /* "Less Than N Seats Left" — without an explicit width the field
     tucks into the ~15% empty gap at the right of row 2 and collides
     with the absolute-positioned Register Now button. Force it onto
     its own row below the language/date row, and reserve horizontal
     space on the right for the Register button so the two don't
     overlap even when the card is tall. */
  .node--type-class.node--view-mode-search-index .content-wrapper .field--name-places-left {
    width: 100%;
    padding-right: 180px;
    padding-top: 30px;
  }
}