/* Sky Bet side art.
   Keep artwork outside the widest 980px editorial sections and headings. */

.gb-sportsbook-side-art {
  display: none;
}

@media (min-width: 1280px) and (min-height: 600px) {
  .gb-sportsbook-side-art {
    --gb-content-half: 490px;
    --gb-content-gap: 28px;
    display: block;
    position: fixed;
    inset: 0;
    z-index: 0;
    pointer-events: none;
  }

  .gb-sportsbook-side-art__rail {
    position: absolute;
    top: clamp(220px, 27vh, 285px);
    bottom: 28px;
    width: calc(50vw - var(--gb-content-half) - var(--gb-content-gap));
    min-width: 0;
    max-width: 365px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    gap: 22px;
  }

  .gb-sportsbook-side-art__rail--left {
    left: 0;
  }

  .gb-sportsbook-side-art__rail--right {
    right: 0;
  }

  .gb-sportsbook-side-art__picture {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 1 46%;
    min-height: 0;
    width: min(100%, 345px);
    height: 46%;
    max-height: 46%;
  }

  .gb-sportsbook-side-art__item {
    display: block;
    width: 100%;
    max-height: 100%;
    height: 100%;
    object-fit: contain;
    opacity: .74;
    filter: saturate(.96) contrast(1.03);
    user-select: none;
  }

  /* Pull the visual mass toward the article while the rail itself remains clipped. */
  .gb-sportsbook-side-art__rail--left .gb-sportsbook-side-art__picture {
    transform: translateX(10px);
  }

  .gb-sportsbook-side-art__rail--right .gb-sportsbook-side-art__picture {
    transform: translateX(-10px);
  }

  .gb-shell-head,
  .gb-crumbbar,
  .gb-page,
  .gb-shell-foot {
    position: relative;
    z-index: 1;
  }
}

@media (min-width: 1800px) and (min-height: 820px) {
  .gb-sportsbook-side-art {
    --gb-content-gap: 36px;
  }

  .gb-sportsbook-side-art__rail {
    max-width: 410px;
  }

  .gb-sportsbook-side-art__picture {
    width: min(100%, 380px);
  }
}

@media (max-width: 1279px), (max-height: 599px) {
  .gb-sportsbook-side-art {
    display: none !important;
  }
}

/* Directory cards and the homepage use a 1180px central layout. */
@media (min-width: 1480px) and (min-height: 600px) {
  .gb-side-art--wide { --gb-content-half: 590px; }
  .gbcas-wrap, .gb-h-wrap { position: relative; z-index: 1; }
}
@media (max-width: 1479px) {
  .gb-side-art--wide { display: none !important; }
}