/* Responsive overrides */

@media (max-width: 991px) {
  .wk-te-trip {
    grid-template-columns: 220px minmax(0, 1fr);
    grid-template-areas:
      "media main"
      "times times"
      "action action";
    padding: 26px;
  }

  .wk-te-trip-image,
  .wk-te-trip-placeholder {
    height: 160px;
  }

  .wk-te-trip h3 {
    margin-top: 24px;
    font-size: 28px;
  }

  .wk-te-trip-times {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wk-te-trip-action {
    align-items: flex-start;
    padding: 22px 0 0;
    border-top: 1px solid #d7e1ec;
    border-left: 0;
    text-align: left;
  }

  .wk-te-trip-action .wk-te-btn {
    max-width: 320px;
  }

  .wk-te-front-page--round {
    width: auto;
    max-width: 1320px;
    padding: 0 20px;
  }

  .wk-te-round-booking-layout {
    grid-template-columns: 1fr;
  }

  .wk-te-booking-summary {
    position: static;
  }

  .wk-te-selected-trip-body,
  .wk-te-trip-list--compact .wk-te-trip {
    grid-template-columns: 1fr;
  }

  .wk-te-selected-trip-body {
    grid-template-areas:
      "media"
      "info"
      "details"
      "map"
      "places";
  }

  .wk-te-selected-trip-body h2 {
    white-space: normal;
  }

  .wk-te-trip-list--compact .wk-te-trip {
    grid-template-areas:
      "media"
      "main"
      "times"
      "action";
  }

  .wk-te-selected-trip-body dl,
  .wk-te-trip-list--compact .wk-te-trip-times {
    grid-template-columns: 1fr;
  }

  .wk-te-round-trip-summary {
    grid-template-columns: 1fr;
  }

  .wk-te-floating-search,
  .wk-te-search-panel,
  .wk-te-passenger-form,
  .wk-te-seller-form,
  .wk-te-seller-stats {
    grid-template-columns: 1fr;
  }

  .wk-te-front-hero {
    min-height: 720px;
  }

  .wk-te-hero-content h1 {
    font-size: 38px;
  }

  .wk-te-trip-action {
    text-align: left;
  }

  .wk-te-trip-places {
    grid-template-columns: 1fr;
  }

  .wk-te-detail-hero,
  .wk-te-detail-grid,
  .wk-te-detail-gallery {
    grid-template-columns: 1fr;
  }

  .wk-te-detail-price {
    text-align: left;
  }

  .wk-te-cart-layer__dialog {
    grid-template-columns: 1fr;
  }

  .wk-te-cart-ticket__top,
  .wk-te-cart-ticket__facts,
  .wk-te-cart-ticket__people {
    grid-template-columns: 1fr;
  }

  .wk-te-cart-ticket__top img,
  .wk-te-cart-ticket__image-placeholder {
    width: 100%;
    height: 180px;
  }

  .wk-te-cart-ticket__facts > div {
    border-right: 0;
    border-bottom: 1px solid #dbe5ee;
  }

  .wk-te-cart-ticket__facts > div:last-child {
    border-bottom: 0;
  }

  .wk-te-cart-ticket__total {
    flex-direction: column;
  }

  .wk-te-cart-ticket__total span:last-child {
    text-align: left;
  }

  .wk-te-cart-layer__added {
    border-right: 0;
    border-bottom: 1px solid #dbe5ee;
  }

  .wk-te-cart-layer__actions {
    align-items: stretch;
    flex-direction: column;
    margin-top: 28px;
  }

  .wk-te-seat-header,
  .wk-te-seat-footer,
  .wk-te-review-header,
  .wk-te-review-summary,
  .wk-te-review-item-head,
  .wk-te-review-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .wk-te-seat-selection-card--round {
    grid-template-columns: 1fr;
  }

  .wk-te-seat-selection-card--single {
    grid-template-columns: 1fr;
  }

  .wk-te-seat-selection-card--round > .wk-te-seat-header,
  .wk-te-seat-selection-card--round > .wk-te-seat-map-wrap,
  .wk-te-seat-selection-card--round > .wk-te-seat-footer,
  .wk-te-seat-selection-card--round > .wk-te-return-seat-section,
  .wk-te-seat-selection-card--single > .wk-te-seat-trip-panel,
  .wk-te-order-summary {
    grid-column: 1;
  }

  .wk-te-order-summary {
    grid-row: auto;
    position: static;
    order: 5;
  }

  .wk-te-review-toolbar,
  .wk-te-review-item-rating {
    justify-content: flex-start;
    text-align: left;
  }

  .wk-te-seat-map-wrap {
    min-height: 0;
    padding-right: 10px;
    padding-left: 10px;
    overflow-x: auto;
  }

  .wk-te-seller-dashboard-page {
    margin: 18px 12px;
  }

  .wk-te-seller-shell,
  .wk-te-dashboard-filter,
  .wk-te-dashboard-grid,
  .wk-te-profile-form__body {
    grid-template-columns: 1fr;
  }

  .wk-te-company-list-toolbar,
  .wk-te-company-list-footer {
    align-items: stretch;
    flex-direction: column;
  }

  .wk-te-company-list-toolbar label {
    align-items: stretch;
    flex-direction: column;
  }

  .wk-te-company-list-toolbar select,
  .wk-te-company-list-toolbar input {
    width: 100%;
    min-width: 0;
  }

  .wk-te-schedule-board-heading {
    flex-direction: column;
  }

  .wk-te-schedule-board-actions {
    justify-content: flex-start;
  }

  .wk-te-schedule-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wk-te-schedule-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wk-te-schedule-date-card {
    grid-column: 1 / -1;
  }

  .wk-te-schedule-board-grid {
    grid-template-columns: 1fr;
  }

  .wk-te-vehicle-editor-meta,
  .wk-te-vehicle-form-row {
    grid-template-columns: 1fr;
  }

  .wk-te-vehicle-form-row > label {
    text-align: left;
  }

  .wk-te-profile-form .wk-te-form-narrow {
    grid-column: 1 / -1;
  }

  .wk-te-company-logo-field {
    grid-column: 1 / -1;
  }

  .wk-te-company-logo-control {
    grid-template-columns: 1fr;
  }

  .wk-te-profile-form__footer {
    align-items: stretch;
    flex-direction: column-reverse;
    gap: 10px;
  }

  .wk-te-designer--seller .wk-te-designer-grid,
  .wk-te-designer--seller .wk-te-actions {
    grid-template-columns: 1fr;
  }

  .wk-te-designer--seller .wk-te-preview-heading,
  .wk-te-designer--seller .wk-te-toolbar,
  .wk-te-designer--seller .wk-te-summary {
    align-items: stretch;
    flex-direction: column;
  }

  .wk-te-designer--seller .wk-te-toolbar label {
    width: 100%;
  }

  .wk-te-dashboard-range {
    flex-wrap: wrap;
  }
}

@media (max-width: 640px) {
  .wk-te-trip {
    grid-template-columns: 1fr;
    grid-template-areas:
      "media"
      "main"
      "times"
      "action";
    padding: 20px;
  }

  .wk-te-trip-image,
  .wk-te-trip-placeholder {
    height: 150px;
  }

  .wk-te-company-logo {
    width: 40px;
    height: 40px;
  }

  .wk-te-trip h3 {
    margin-top: 20px;
    font-size: 25px;
  }

  .wk-te-route-icon {
    width: 38px;
    margin: 0 8px;
  }

  .wk-te-route-icon--go:before {
    font-size: 26px;
  }

  .wk-te-trip-times {
    grid-template-columns: 1fr;
  }

  .wk-te-trip-action strong {
    margin-bottom: 14px;
    font-size: 28px;
  }

  .wk-te-trip-action .wk-te-btn {
    max-width: none;
  }

  .wk-te-schedule-filters,
  .wk-te-schedule-summary {
    grid-template-columns: 1fr;
  }

  .wk-te-schedule-board-actions,
  .wk-te-schedule-board-actions a,
  .wk-te-schedule-board-footer {
    width: 100%;
  }

  .wk-te-schedule-board-actions a {
    justify-content: center;
  }

  .wk-te-schedule-board-footer {
    align-items: stretch;
    flex-direction: column;
  }
}