/* ===== สมัครสมาชิก — ทองแชมเปญเด่นที่สุด ===== */
.v-application button[data-track="open_dialog_signup"] {
  --gc-bg: linear-gradient(
    180deg,
    #eddfb8 0%,
    #d8c28b 35%,
    #bea363 70%,
    #a88b4d 100%
  );
  --gc-hover: linear-gradient(
    180deg,
    #f7edcf 0%,
    #e5d3a5 35%,
    #cfb67a 70%,
    #b99c5c 100%
  );
  --gc-color: #20190b;
  --gc-border: #e8d5a2;
  --gc-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.65),
    inset 0 -1px 0 rgba(95, 70, 20, 0.2),
    0 4px 10px rgba(0, 0, 0, 0.35),
    0 0 16px rgba(190, 163, 99, 0.3);
}

/* ===== เข้าสู่ระบบ + ดูเพิ่มเติม — ดำขอบทอง ===== */
.v-application button[data-track="open_dialog_signin"],
.v-application .card-article .v-card__actions a.v-btn {
  --gc-bg: linear-gradient(
    180deg,
    #30291c 0%,
    #1b170f 50%,
    #0d0b07 100%
  );
  --gc-hover: linear-gradient(
    180deg,
    #443924 0%,
    #2b2417 50%,
    #17130c 100%
  );
  --gc-color: #e8d5a2;
  --gc-border: #bea363;
  --gc-shadow:
    inset 0 1px 0 rgba(232, 213, 162, 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"],
  .card-article .v-card__actions a.v-btn
) {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  box-sizing: border-box;
  background: var(--gc-bg) !important;
  border: 1px solid var(--gc-border) !important;
  border-radius: 999px !important;
  color: var(--gc-color) !important;
  box-shadow: var(--gc-shadow) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-decoration: none !important;
  text-shadow: none !important;
  transition:
    transform 0.18s ease,
    box-shadow 0.18s ease,
    border-color 0.18s ease !important;
}

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

/* ปิดพื้นหลังซ้อนเดิม */
.v-application button[data-track="open_dialog_signup"]::before,
.v-application button[data-track="open_dialog_signin"]::before,
.v-application .card-article .v-card__actions a.v-btn::before {
  opacity: 0 !important;
}

/* รองรับ Modern Button และ Vuetify */
.v-application button[data-track="open_dialog_signup"] :is(.tail, .v-btn__content),
.v-application button[data-track="open_dialog_signin"] :is(.tail, .v-btn__content),
.v-application .card-article .v-card__actions a.v-btn .v-btn__content {
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent !important;
  color: inherit !important;
}

/* สีข้อความ */
.v-application button[data-track="open_dialog_signup"] span,
.v-application button[data-track="open_dialog_signin"] span {
  color: inherit !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-shadow: none !important;
}

/* ไอคอน ไม่มีเส้นคั่น */
.v-application button[data-track="open_dialog_signup"] .v-icon,
.v-application button[data-track="open_dialog_signin"] .v-icon {
  color: inherit !important;
  font-size: 19px !important;
  border: none !important;
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 8px !important;
}

/* ===== แสงวิ่งสมัครสมาชิก ===== */
.v-application button[data-track="open_dialog_signup"]: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, 250, 230, 0.65),
    transparent
  );
  transform: translateX(-180%) skewX(-20deg);
  animation: gclass-gold-shine 5s ease-in-out infinite;
}

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

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

/* ===== ดูเพิ่มเติม — บทความและโปรโมชั่น ===== */
.v-application .card-article .v-card__actions a.v-btn {
  display: inline-flex;
  align-items: center;
  height: 40px !important;
  min-height: 40px !important;
  padding: 0 20px !important;
}

.v-application .card-article .v-card__actions {
  padding: 12px 16px 18px !important;
}

.v-application .card-article .v-card__actions a.v-btn .v-btn__content {
  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;
}

/* ===== เมื่อชี้เมาส์ ===== */
@media (hover: hover) and (pointer: fine) {
  .v-application :is(
    button[data-track="open_dialog_signup"],
    button[data-track="open_dialog_signin"],
    .card-article .v-card__actions a.v-btn
  ):not(:disabled):not(.v-btn--disabled):hover {
    background: var(--gc-hover) !important;
    border-color: #eddfb8 !important;
    transform: translateY(-1px);
  }

  .v-application button[data-track="open_dialog_signup"]: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 22px rgba(190, 163, 99, 0.45) !important;
  }

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

/* ===== ขณะกด ===== */
.v-application :is(
  button[data-track="open_dialog_signup"],
  button[data-track="open_dialog_signin"],
  .card-article .v-card__actions a.v-btn
):not(:disabled):not(.v-btn--disabled):active {
  transform: translateY(1px);
  box-shadow: inset 0 2px 5px rgba(45, 32, 10, 0.3) !important;
}

/* ===== เลือกด้วยคีย์บอร์ด ===== */
.v-application :is(
  button[data-track="open_dialog_signup"],
  button[data-track="open_dialog_signin"],
  .card-article .v-card__actions a.v-btn
):focus-visible {
  outline: 2px solid #eddfb8 !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 14px !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 :is(
  button[data-track="open_dialog_signup"],
  button[data-track="open_dialog_signin"],
  .card-article .v-card__actions a.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"],
    .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;
  }

  .v-application button[data-track="open_dialog_signup"]::after {
    animation: none !important;
    opacity: 0 !important;
  }
}