/* ===== สมัครสมาชิก + ฝาก: เขียวตามธีมเว็บ ===== */
.v-application button[data-track="open_dialog_signup"],
.v-application .appbar-wallet button[data-track="appbar_deposit"],
.v-application .auth-zone.auth-zone .btn-deposit.v-btn {
  --go-bg: linear-gradient(
    180deg,
    #40dfb7 0%,
    #00c795 32%,
    #008f6b 68%,
    #006149 100%
  );
  --go-hover: linear-gradient(
    180deg,
    #70ebcb 0%,
    #24d6aa 32%,
    #00a67d 68%,
    #007357 100%
  );
  --go-text: #051f16;
  --go-border: #70dfbe;
  --go-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.7),
    0 4px 10px rgba(0, 0, 0, 0.35),
    0 0 18px rgba(0, 199, 149, 0.35);
}

/* ===== เข้าสู่ระบบ + ถอน: ดำขอบเขียว ===== */
.v-application button[data-track="open_dialog_signin"],
.v-application .auth-zone.auth-zone .btn-withdraw.v-btn {
  --go-bg: linear-gradient(
    180deg,
    #292929 0%,
    #191919 50%,
    #0b0b0b 100%
  );
  --go-hover: linear-gradient(
    180deg,
    #353535 0%,
    #242424 50%,
    #141414 100%
  );
  --go-text: #ffffff;
  --go-border: #008f6b;
  --go-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    0 3px 8px rgba(0, 0, 0, 0.3);
}

/* ===== รูปแบบร่วม ===== */
.v-application :is(
  button[data-track="open_dialog_signup"],
  button[data-track="open_dialog_signin"],
  .appbar-wallet button[data-track="appbar_deposit"],
  .auth-zone.auth-zone .btn-deposit.v-btn,
  .auth-zone.auth-zone .btn-withdraw.v-btn
) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  background: var(--go-bg) !important;
  border: 1px solid var(--go-border) !important;
  border-radius: 16px !important;
  color: var(--go-text) !important;
  box-shadow: var(--go-shadow) !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease !important;
}

/* ===== ขนาดเข้าสู่ระบบ / สมัครสมาชิก ===== */
.v-application button[data-track="open_dialog_signup"],
.v-application button[data-track="open_dialog_signin"] {
  min-width: 130px !important;
  min-height: 44px !important;
  padding: 8px 18px !important;
}

/* ปิดพื้นหลังซ้อนของ Modern Button */
.v-application button[data-track="open_dialog_signup"]::before,
.v-application button[data-track="open_dialog_signin"]::before,
.v-application .auth-zone.auth-zone .btn-deposit.v-btn::before,
.v-application .auth-zone.auth-zone .btn-withdraw.v-btn::before {
  opacity: 0 !important;
}

/* จัดไอคอนและข้อความ */
.v-application button[data-track="open_dialog_signup"] .tail,
.v-application button[data-track="open_dialog_signin"] .tail {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: transparent !important;
}

/* สีข้อความและไอคอน */
.v-application button[data-track="open_dialog_signup"] :is(span, .v-icon),
.v-application button[data-track="open_dialog_signin"] :is(span, .v-icon),
.v-application .appbar-wallet button[data-track="appbar_deposit"] :is(span, .v-icon),
.v-application .auth-zone.auth-zone :is(
  .btn-deposit.v-btn,
  .btn-withdraw.v-btn
) :is(.v-btn__content, .btn-label, .v-icon) {
  color: inherit !important;
  text-shadow: none !important;
}

/* ขนาดตัวหนังสือ */
.v-application button[data-track="open_dialog_signup"] span,
.v-application button[data-track="open_dialog_signin"] span {
  font-size: 15px !important;
  font-weight: 800 !important;
}

/* ไอคอนไม่มีเส้นคั่น */
.v-application button[data-track="open_dialog_signup"] .auth-icon,
.v-application button[data-track="open_dialog_signin"] .auth-icon {
  border: none !important;
  padding: 0 !important;
}

/* ===== ฝากข้างยอดเงิน ===== */
.v-application .appbar-wallet button[data-track="appbar_deposit"] {
  border-radius: 10px !important;
  padding: 0 12px !important;
}

/* ===== ฝาก / ถอนในแถบบัญชี ===== */
.v-application .auth-zone.auth-zone .btn-deposit.v-btn,
.v-application .auth-zone.auth-zone .btn-withdraw.v-btn {
  height: 44px !important;
  min-height: 44px !important;
}

/* ข้อความอยู่เหนือแสงวิ่ง */
.v-application .appbar-wallet button[data-track="appbar_deposit"] > *,
.v-application .auth-zone.auth-zone .btn-deposit.v-btn .v-btn__content {
  position: relative;
  z-index: 2;
}

/* ===== แสงวิ่ง: สมัครสมาชิก + ฝาก ===== */
.v-application :is(
  button[data-track="open_dialog_signup"],
  .appbar-wallet button[data-track="appbar_deposit"],
  .auth-zone.auth-zone .btn-deposit.v-btn
):not(:disabled):not(.v-btn--disabled)::after {
  content: "";
  position: absolute;
  inset: -50% auto -50% 0;
  width: 45%;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255, 255, 255, 0.6),
    transparent
  );
  transform: translateX(-180%) skewX(-20deg);
  animation: gonline-green-shine 5s ease-in-out infinite;
}

@keyframes gonline-green-shine {
  0%, 65% {
    transform: translateX(-180%) skewX(-20deg);
  }

  85%, 100% {
    transform: translateX(360%) skewX(-20deg);
  }
}

/* ===== เมื่อชี้เมาส์ ===== */
@media (hover: hover) and (pointer: fine) {
  .v-application :is(
    button[data-track="open_dialog_signup"],
    button[data-track="open_dialog_signin"],
    .appbar-wallet button[data-track="appbar_deposit"],
    .auth-zone.auth-zone .btn-deposit.v-btn,
    .auth-zone.auth-zone .btn-withdraw.v-btn
  ):not(:disabled):not(.v-btn--disabled):hover {
    background: var(--go-hover) !important;
    transform: translateY(-1px);
  }

  .v-application :is(
    button[data-track="open_dialog_signup"],
    .appbar-wallet button[data-track="appbar_deposit"],
    .auth-zone.auth-zone .btn-deposit.v-btn
  ):not(:disabled):not(.v-btn--disabled):hover {
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.8),
      0 5px 12px rgba(0, 0, 0, 0.4),
      0 0 24px rgba(0, 199, 149, 0.5) !important;
  }
}

/* ===== ขณะกด ===== */
.v-application :is(
  button[data-track="open_dialog_signup"],
  button[data-track="open_dialog_signin"],
  .appbar-wallet button[data-track="appbar_deposit"],
  .auth-zone.auth-zone .btn-deposit.v-btn,
  .auth-zone.auth-zone .btn-withdraw.v-btn
):not(:disabled):not(.v-btn--disabled):active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 5px rgba(0, 30, 20, 0.3) !important;
}

/* ===== เลือกด้วยคีย์บอร์ด ===== */
.v-application :is(
  button[data-track="open_dialog_signup"],
  button[data-track="open_dialog_signin"],
  .appbar-wallet button[data-track="appbar_deposit"],
  .auth-zone.auth-zone .btn-deposit.v-btn,
  .auth-zone.auth-zone .btn-withdraw.v-btn
):focus-visible {
  outline: 2px solid #70dfbe !important;
  outline-offset: 3px;
}

/* ===== มือถือ ===== */
@media only screen and (max-width: 959px) {
  .v-application button[data-track="open_dialog_signup"],
  .v-application button[data-track="open_dialog_signin"] {
    min-width: 0 !important;
    min-height: 38px !important;
    padding: 7px 12px !important;
  }

  .v-application button[data-track="open_dialog_signup"] span,
  .v-application button[data-track="open_dialog_signin"] span {
    font-size: 13px !important;
  }

  .v-application .auth-zone.auth-zone .btn-deposit.v-btn,
  .v-application .auth-zone.auth-zone .btn-withdraw.v-btn {
    height: 38px !important;
    min-height: 38px !important;
  }
}

/* ===== ปุ่มปิดใช้งาน ===== */
.v-application :is(
  button[data-track="open_dialog_signup"],
  button[data-track="open_dialog_signin"],
  .appbar-wallet button[data-track="appbar_deposit"],
  .auth-zone.auth-zone .btn-deposit.v-btn,
  .auth-zone.auth-zone .btn-withdraw.v-btn
):is(:disabled, .v-btn--disabled) {
  opacity: 0.5 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ===== ลดการเคลื่อนไหวตามการตั้งค่าผู้ใช้ ===== */
@media (prefers-reduced-motion: reduce) {
  .v-application :is(
    button[data-track="open_dialog_signup"],
    button[data-track="open_dialog_signin"],
    .appbar-wallet button[data-track="appbar_deposit"],
    .auth-zone.auth-zone .btn-deposit.v-btn,
    .auth-zone.auth-zone .btn-withdraw.v-btn
  ) {
    transition: none !important;
    transform: none !important;
  }

  .v-application :is(
    button[data-track="open_dialog_signup"],
    .appbar-wallet button[data-track="appbar_deposit"],
    .auth-zone.auth-zone .btn-deposit.v-btn
  )::after {
    animation: none !important;
    opacity: 0 !important;
  }
}

/* หัวข้อเกมยอดฮิต */
.header-zone > span {
  display: inline-block;
  padding: 8px 12px;

  font-size: clamp(28px, 4vw, 46px);
  font-weight: 900;
  line-height: 1.5;

  /* สีตัวอักษรและประกาย */
  color: #ffd966 !important;
  background: linear-gradient(
    110deg,
    #ffb300 0%,
    #ffe082 30%,
    #ffffff 45%,
    #ffd54f 60%,
    #ff9800 100%
  );
  background-size: 250% 100%;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;

  filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.6))
          drop-shadow(0 0 10px rgba(255, 179, 0, 0.45));

  animation: welbet-title-shine 4s ease-in-out infinite;
}

/* ประกายเลื่อนผ่านตัวอักษร */
@keyframes welbet-title-shine {
  0%, 100% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
}

/* รองรับผู้ที่ตั้งค่าลดการเคลื่อนไหว */
@media (prefers-reduced-motion: reduce) {
  .header-zone > span {
    animation: none;
  }
}

/* ===== ดูเพิ่มเติม — บทความและโปรโมชั่น ===== */
.v-application .card-article .v-card__actions a.v-btn {
  display: inline-flex;
  align-items: center;
  box-sizing: border-box;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
  border-radius: 10px !important;
  background: linear-gradient(
    180deg,
    #ffe873 0%,
    #fdd85d 30%,
    #fbc84a 62%,
    #f59f31 100%
  ) !important;
  border: 1px solid #d98a22 !important;
  color: #2b0710 !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  letter-spacing: normal !important;
  text-decoration: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 0 rgba(120, 70, 10, 0.3),
    0 2px 10px rgba(249, 166, 79, 0.3) !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease !important;
}

/* ปิด overlay เดิม */
.v-application .card-article .v-card__actions a.v-btn::before {
  opacity: 0 !important;
}

/* ข้อความและลูกศร */
.v-application .card-article .v-card__actions a.v-btn .v-btn__content {
  color: inherit !important;
  gap: 10px;
}

.v-application .card-article .v-card__actions a.v-btn .v-btn__content::after {
  content: "→";
  font-size: 20px;
  line-height: 1;
  transition: transform 0.18s ease;
}

/* เว้นพื้นที่รอบปุ่ม */
.v-application .card-article .v-card__actions {
  padding: 12px 16px 18px !important;
}

/* ===== เมื่อชี้เมาส์ ===== */
@media (hover: hover) and (pointer: fine) {
  .v-application .card-article .v-card__actions a.v-btn:hover {
    background: linear-gradient(
      180deg,
      #fff39c 0%,
      #ffe67e 30%,
      #fdd668 62%,
      #f9b046 100%
    ) !important;
    transform: translateY(-2px);
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.8),
      0 4px 14px rgba(249, 166, 79, 0.45) !important;
  }

  .v-application .card-article .v-card__actions a.v-btn:hover .v-btn__content::after {
    transform: translateX(3px);
  }
}

/* ===== ขณะกด ===== */
.v-application .card-article .v-card__actions a.v-btn:active {
  background: linear-gradient(
    180deg,
    #f59f31 0%,
    #fbc84a 100%
  ) !important;
  transform: translateY(1px);
  box-shadow: inset 0 2px 5px rgba(90, 50, 5, 0.3) !important;
}

/* ===== เมื่อเลือกด้วยคีย์บอร์ด ===== */
.v-application .card-article .v-card__actions a.v-btn:focus-visible {
  outline: 2px solid #ffe873 !important;
  outline-offset: 4px;
}

/* ===== รองรับการตั้งค่าลดการเคลื่อนไหว ===== */
@media (prefers-reduced-motion: reduce) {
  .v-application .card-article .v-card__actions a.v-btn,
  .v-application .card-article .v-card__actions a.v-btn .v-btn__content::after {
    transition: none !important;
    transform: none !important;
  }
}