/* Program page tablet overrides only. Desktop stays in program-page.css, mobile stays in program-mobile.css. */

@media (min-width: 901px) and (max-width: 1180px) {
  .pgd-page-program .pgd-program-head,
  .pgd-board-screen .pgd-program-head {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    padding: 12px !important;
  }

  .pgd-page-program .pgd-program-head__left,
  .pgd-board-screen .pgd-program-head__left {
    grid-template-columns: auto auto minmax(0, 1fr) !important;
    align-items: start !important;
  }

  .pgd-page-program .pgd-program-head__title-row,
  .pgd-board-screen .pgd-program-head__title-row {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }

  .pgd-page-program .pgd-program-head__title,
  .pgd-board-screen .pgd-program-head__title {
    font-size: 20px !important;
    line-height: 1.12 !important;
  }

  .pgd-page-program .pgd-program-head__right,
  .pgd-board-screen .pgd-program-head__right {
    width: 100% !important;
    margin-left: 0 !important;
    justify-content: space-between !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
  }

  .pgd-page-program .pgd-program-head__winner,
  .pgd-board-screen .pgd-program-head__winner {
    flex: 1 1 340px !important;
    min-width: 0 !important;
    margin-left: 0 !important;
    justify-content: space-between !important;
  }

  .pgd-page-program .pgd-program-head__winner-name,
  .pgd-board-screen .pgd-program-head__winner-name {
    max-width: 100% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }

  .pgd-page-program .pgd-program-head__media,
  .pgd-board-screen .pgd-program-head__media {
    margin-left: auto !important;
  }

  .pgd-page-program .pgd-lineup-shell,
  .pgd-board-screen .pgd-lineup-shell,
  .pgd-page-program .pgd-lineup-main,
  .pgd-board-screen .pgd-lineup-main {
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    -webkit-overflow-scrolling: touch !important;
  }

  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head,
  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    display: grid !important;
    grid-template-columns:
      24px
      18px
      28px
      minmax(150px, 1.35fr)
      28px
      minmax(76px, 0.7fr)
      minmax(86px, 0.76fr)
      minmax(48px, 0.36fr)
      64px
      44px
      40px
      48px
      112px !important;
    min-width: 940px !important;
    align-items: start !important;
    column-gap: 6px !important;
    row-gap: 0 !important;
  }

  .pgd-page-program .pgd-lineup-head,
  .pgd-board-screen .pgd-lineup-head {
    align-items: center !important;
  }

  .pgd-page-program .pgd-lineup-row,
  .pgd-board-screen .pgd-lineup-row {
    min-height: 54px !important;
    padding: 8px 10px !important;
  }
}

@media (min-width: 769px) {
  body.pgd-hip-sheet-open {
    overflow: auto !important;
  }

  body.pgd-cal-mobile-backdrop::before{
    content: none !important;
    display: none !important;
    background: transparent !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .pgd-page-program .pgd-mobile-date-caldock,
  .pgd-board-screen .pgd-mobile-date-caldock {
    display: none !important;
  }

  .pgd-page-program .pgd-datebar-inline-hips,
  .pgd-board-screen .pgd-datebar-inline-hips {
    display: flex !important;
  }

  .pgd-page-program .pgd-program-hipodroms-wrap-mobile,
  .pgd-board-screen .pgd-program-hipodroms-wrap-mobile,
  .pgd-page-program .pgd-program-hip-mobile-picker,
  .pgd-board-screen .pgd-program-hip-mobile-picker,
  .pgd-page-program .pgd-program-hip-mobile-sheet,
  .pgd-board-screen .pgd-program-hip-mobile-sheet,
  .pgd-page-program .pgd-program-hip-mobile-sheet.open,
  .pgd-board-screen .pgd-program-hip-mobile-sheet.open {
    display: none !important;
  }
}

@media (min-width: 769px) and (max-width: 1480px) {
  .pgd-page-program .pgd-demo-layout.main-wrap,
  .pgd-board-screen .pgd-demo-layout.main-wrap,
  .pgd-page-program .pgd-demo-layout.main-wrap.pgd-program-mainwrap,
  .pgd-board-screen .pgd-demo-layout.main-wrap.pgd-program-mainwrap {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 14px !important;
    min-height: 0 !important;
  }

  .pgd-page-program .left-sb,
  .pgd-board-screen .left-sb,
  .pgd-page-program .right-sb,
  .pgd-board-screen .right-sb {
    display: none !important;
  }
}