/* =========================================================
   JAKSKY VIP HISTORY + SCROLL V66
   ========================================================= */


/* Tombol hapus riwayat */

.vipOrderHistoryDeleteBtn{
  width:100%;

  margin-top:8px;
  padding:11px 13px;

  border:
    1px solid
    rgba(226,65,91,.24);

  border-radius:13px;

  background:
    linear-gradient(
      135deg,
      rgba(255,70,104,.10),
      rgba(255,70,104,.045)
    );

  color:#d94d67;

  font-size:12px;
  font-weight:850;

  cursor:pointer;

  touch-action:manipulation;

  transition:
    transform .15s ease,
    opacity .15s ease,
    background .15s ease;
}


.vipOrderHistoryDeleteBtn:active{
  transform:scale(.975);
}


.vipOrderHistoryDeleteBtn:disabled{
  opacity:.50;
  pointer-events:none;
}


/* =========================================================
   MOBILE VIP SHOP SCROLL FIX
   Yang scroll = overlay utama.
   Hindari nested scroll Android.
   ========================================================= */

@media(max-width:700px){

  #vipShopModal{
    align-items:flex-start !important;
    justify-content:center !important;

    width:100% !important;
    height:100dvh !important;
    max-height:100dvh !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;

    -webkit-overflow-scrolling:
      touch !important;

    overscroll-behavior-y:
      contain !important;

    touch-action:
      pan-y !important;

    padding:
      max(
        8px,
        env(safe-area-inset-top)
      )
      7px
      max(
        34px,
        env(safe-area-inset-bottom)
      )
      !important;

    box-sizing:
      border-box !important;
  }


  /*
    Sheet jangan punya scroll sendiri.
  */

  #vipShopModal .vipShopSheet{
    flex:
      0 0 auto !important;

    width:
      min(420px,96vw) !important;

    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    margin:
      0 auto !important;

    overflow:
      visible !important;

    touch-action:
      auto !important;
  }


  /*
    Riwayat juga jangan menjadi
    nested scroll container.
  */

  #vipShopModal .myVipOrdersSection,
  #vipShopModal #myVipOrdersList{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    overflow:
      visible !important;

    touch-action:
      pan-y !important;
  }


  /*
    Pastikan gesture vertikal tetap diteruskan.
  */

  #vipShopModal .myVipOrderItem{
    touch-action:
      pan-y !important;
  }


  #vipShopModal button{
    touch-action:
      manipulation !important;
  }


  /*
    Ruang bawah agar card terakhir
    tidak ketutup browser/navigation.
  */

  #vipShopModal .myVipOrdersSection{
    padding-bottom:
      28px !important;
  }

}


/* =========================================================
   JAKSKY VIP SHOP SCROLL HOTFIX V67
   Android / WebView
   SATU SCROLL CONTAINER = .vipShopSheet
   ========================================================= */

@media (max-width:700px){

  #vipShopModal{
    position:fixed !important;
    inset:0 !important;

    width:100% !important;
    height:100dvh !important;
    max-height:100dvh !important;

    align-items:flex-start !important;
    justify-content:center !important;

    overflow:hidden !important;

    padding:0 !important;

    touch-action:pan-y !important;
    overscroll-behavior:none !important;

    pointer-events:auto !important;
  }


  /* KOTAK PUTIH VIP = YANG BISA DIGESER */

  #vipShopModal .vipShopSheet{
    position:relative !important;

    width:min(420px,96vw) !important;

    height:auto !important;
    min-height:0 !important;

    max-height:
      calc(
        100dvh - 16px
      ) !important;

    margin:
      8px auto !important;

    overflow-x:hidden !important;
    overflow-y:auto !important;

    -webkit-overflow-scrolling:
      touch !important;

    overscroll-behavior-y:
      contain !important;

    touch-action:
      pan-y !important;

    pointer-events:
      auto !important;

    box-sizing:
      border-box !important;
  }


  /* RIWAYAT JANGAN PUNYA SCROLL SENDIRI */

  #vipShopModal .myVipOrdersSection,
  #vipShopModal #myVipOrdersList{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;

    overflow:visible !important;

    touch-action:auto !important;
  }


  #vipShopModal .myVipOrderItem{
    touch-action:
      pan-y !important;
  }


  #vipShopModal button,
  #vipShopModal a{
    touch-action:
      manipulation !important;
  }


  /* ruang bawah */

  #vipShopModal .myVipOrdersSection{
    padding-bottom:
      45px !important;
  }


  /* sembunyikan scrollbar tapi tetap scroll */

  #vipShopModal .vipShopSheet{
    scrollbar-width:none;
  }

  #vipShopModal .vipShopSheet::-webkit-scrollbar{
    display:none;
  }

}