/* ==========================================================================
   JACKPOT DESKTOP FIX
   - ให้ GIF ยังแสดง
   - ขยับรูปมาทางซ้ายนิดนึง
   - ให้ตัวเลขไปอยู่ "ในกรอบสีดำของรูป" ไม่ใช่กล่องแยก
   ========================================================================== */
@media (min-width: 1024px) {
  .right-sidebar .jackpot-card,
  #rightSide .jackpot-card {
    overflow: hidden !important;
  }

  .right-sidebar .jackpot-card .jp-img,
  .right-sidebar .jackpot-card .jackpot-gif,
  #rightSide .jackpot-card .jp-img,
  #rightSide .jackpot-card .jackpot-gif {
    position: relative !important;
    min-height: 185px !important;
    height: 185px !important;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
    background-position: calc(50% - 10px) 28px !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important;
  }

  .right-sidebar .jackpot-card .jp-img::before,
  .right-sidebar .jackpot-card .jp-img::after,
  .right-sidebar .jackpot-card .jackpot-gif::before,
  .right-sidebar .jackpot-card .jackpot-gif::after,
  #rightSide .jackpot-card .jp-img::before,
  #rightSide .jackpot-card .jp-img::after,
  #rightSide .jackpot-card .jackpot-gif::before,
  #rightSide .jackpot-card .jackpot-gif::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* กล่องข้อความจริง แต่ทำให้ใส เพื่อให้เหมือนตัวเลขอยู่ในกรอบของรูป */
  .right-sidebar .jackpot-card .jp-img > div,
  .right-sidebar .jackpot-card .jackpot-gif > div,
  #rightSide .jackpot-card .jp-img > div,
  #rightSide .jackpot-card .jackpot-gif > div {
    position: absolute !important;
    left: 46% !important;
    top: 75px !important;
    transform: translateX(-50%) !important;
    width: 64% !important;
    height: 42px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    padding: 0 8px !important;
    overflow: hidden !important;
    z-index: 4 !important;
  }

  .right-sidebar .jackpot-card .jp-img > div::before,
  .right-sidebar .jackpot-card .jp-img > div::after,
  .right-sidebar .jackpot-card .jackpot-gif > div::before,
  .right-sidebar .jackpot-card .jackpot-gif > div::after,
  #rightSide .jackpot-card .jp-img > div::before,
  #rightSide .jackpot-card .jp-img > div::after,
  #rightSide .jackpot-card .jackpot-gif > div::before,
  #rightSide .jackpot-card .jackpot-gif > div::after {
    content: none !important;
    display: none !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
  }

  /* ตัวเลข jackpot ให้อยู่ในกรอบดำของภาพ */
  .right-sidebar .jackpot-card .jp-img > div b,
  .right-sidebar .jackpot-card .jp-img > div .jp-mobile-val,
  .right-sidebar .jackpot-card .jp-img > div .jp-val,
  .right-sidebar .jackpot-card .jackpot-gif > div b,
  .right-sidebar .jackpot-card .jackpot-gif > div .jp-mobile-val,
  .right-sidebar .jackpot-card .jackpot-gif > div .jp-val,
  #rightSide .jackpot-card .jp-img > div b,
  #rightSide .jackpot-card .jp-img > div .jp-mobile-val,
  #rightSide .jackpot-card .jp-img > div .jp-val,
  #rightSide .jackpot-card .jackpot-gif > div b,
  #rightSide .jackpot-card .jackpot-gif > div .jp-mobile-val,
  #rightSide .jackpot-card .jackpot-gif > div .jp-val {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    color: #ffffff !important;
    font-size: 19px !important;
    line-height: 1 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: clip !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    text-shadow:
      0 0 1px rgba(255,255,255,.55),
      0 0 6px rgba(255,255,255,.18) !important;
    position: static !important;
    transform: none !important;
  }

  /* ซ่อนข้อความย่อยไว้ก่อน เพื่อไม่ให้เละ */
  .right-sidebar .jackpot-card .jp-img > div small,
  .right-sidebar .jackpot-card .jp-img > div .jp-sub,
  .right-sidebar .jackpot-card .jackpot-gif > div small,
  .right-sidebar .jackpot-card .jackpot-gif > div .jp-sub,
  #rightSide .jackpot-card .jp-img > div small,
  #rightSide .jackpot-card .jp-img > div .jp-sub,
  #rightSide .jackpot-card .jackpot-gif > div small,
  #rightSide .jackpot-card .jackpot-gif > div .jp-sub {
    display: none !important;
  }

  .right-sidebar .jackpot-card img,
  #rightSide .jackpot-card img {
    background: transparent !important;
    box-shadow: none !important;
  }
}
