/* ==========================================================================
   Cabinet / auth buttons in the lin2web lobby language: dark gilded game
   buttons with cut corners, a gold variant for primary actions.
   ========================================================================== */

.cab-btn:not(.cab-btn-google),
.sub-plan-btn--primary,
.sub-plan-btn--gold,
.thanks-btn--primary,
.upd-subs-save-btn,
.orders-edit-save-btn,
.cab-btn-secondary,
.sub-plan-btn--outline:not(.sub-plan-btn--current),
.thanks-btn--outline,
.orders-edit-cancel-btn {
  position: relative;
  border: 0;
  border-radius: 0;
  font-family: Philosopher, Georgia, serif;
  font-weight: 700;
  letter-spacing: 0.06em;
  clip-path: polygon(7px 0, calc(100% - 7px) 0, 100% 7px, 100% calc(100% - 7px), calc(100% - 7px) 100%, 7px 100%, 0 calc(100% - 7px), 0 7px);
  transition: filter 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease;
}

/* ---------- gold: primary ---------- */
.cab-btn:not(.cab-btn-google),
.sub-plan-btn--primary,
.sub-plan-btn--gold,
.thanks-btn--primary,
.upd-subs-save-btn,
.orders-edit-save-btn {
  background: linear-gradient(180deg, #9c824e, #59472a 48%, #2b2418 52%, #745d36);
  box-shadow: inset 0 0 0 1px #e1c47d, inset 0 0 0 3px #302718, 0 7px 18px rgba(0, 0, 0, 0.55);
  color: #fff0c5;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
}

/* ---------- dark: secondary ---------- */
.cab-btn-secondary,
.sub-plan-btn--outline:not(.sub-plan-btn--current),
.thanks-btn--outline,
.orders-edit-cancel-btn {
  background: linear-gradient(180deg, #30332f, #101716 56%, #080d0e);
  box-shadow: inset 0 0 0 1px #6d5a34, inset 0 0 0 3px #080b0b, 0 7px 18px rgba(0, 0, 0, 0.5);
  color: #d5bf89;
}

.cab-btn:not(.cab-btn-google):hover,
.sub-plan-btn--primary:hover,
.sub-plan-btn--gold:hover,
.thanks-btn--primary:hover,
.upd-subs-save-btn:hover,
.orders-edit-save-btn:hover,
.cab-btn-secondary:hover,
.sub-plan-btn--outline:not(.sub-plan-btn--current):hover,
.thanks-btn--outline:hover,
.orders-edit-cancel-btn:hover {
  filter: brightness(1.16);
  box-shadow: inset 0 0 0 1px #dfbf74, 0 0 18px rgba(205, 168, 84, 0.18), 0 7px 18px rgba(0, 0, 0, 0.55);
  transform: translateY(-1px);
}
.cab-btn:not(.cab-btn-google):hover,
.sub-plan-btn--primary:hover,
.sub-plan-btn--gold:hover,
.thanks-btn--primary:hover,
.upd-subs-save-btn:hover,
.orders-edit-save-btn:hover {
  background: linear-gradient(180deg, #9c824e, #59472a 48%, #2b2418 52%, #745d36);
  color: #fff8e1;
}
.cab-btn-secondary:hover,
.sub-plan-btn--outline:not(.sub-plan-btn--current):hover,
.thanks-btn--outline:hover,
.orders-edit-cancel-btn:hover {
  background: linear-gradient(180deg, #30332f, #101716 56%, #080d0e);
  color: #f1d89b;
}
.cab-btn:active,
.cab-btn-secondary:active,
.sub-plan-btn:active { transform: translateY(1px) scale(0.99); }

.cab-btn:disabled,
.cab-btn-secondary:disabled {
  filter: grayscale(0.6);
  opacity: 0.5;
  cursor: not-allowed;
  transform: none;
}
.cab-btn:focus-visible,
.cab-btn-secondary:focus-visible,
.sub-plan-btn:focus-visible {
  outline: 1px solid #f1d89b;
  outline-offset: 3px;
}