/* BLF Halloween 2026 - only existing gold, text-bearing buttons.
   Nothing here modifies behaviour or modal controls; logout and Admin navigation
   retain their exact previous styling. This stylesheet loads after page CSS. */

/* Main-page gold buttons only. Modal/dialogs and slide-out album controls are
   intentionally not selected; colored admin status/action buttons are excluded. */
body > main.page > .continue-btn,
body > main.page .login-box > .buttons > .gold-btn,
body > main.page > .box > .gold-btn,
body > main.page > nav.menu > .menu-btn:not(.admin-btn),
body > main.page > .new-pack-btn,
body > main.page > .dashboard > .panel .btn:not(.gray):not(.red):not(.green):not(.blue),
body > main.box #trade .accept,
body > main.box #trade .tradeTab.active {
  /* Override the older angular, polygon-clipped button skin. */
  border-radius:18px!important;
  -webkit-clip-path:none!important;
  clip-path:none!important;
  border:1px solid #ffac45!important;
  outline:1px solid rgba(65,23,8,.92)!important;
  outline-offset:0!important;
  background-color:#f78420!important;
  background-image:
    linear-gradient(155deg,rgba(255,246,187,.60),rgba(255,234,139,0) 46%),
    radial-gradient(ellipse at 50% 30%,#ffe08a 0%,#ffbd4e 25%,#fa8b20 58%,#db5c13 81%,#9e350b 100%)!important;
  color:#321407!important;
  text-shadow:0 1px 0 rgba(255,225,155,.58)!important;
  box-shadow:
    inset 0 2px 3px rgba(255,250,198,.70),
    inset 0 -6px 12px rgba(100,28,6,.34),
    0 5px 14px rgba(0,0,0,.42),
    0 0 13px rgba(255,126,23,.55),
    0 0 27px rgba(255,87,12,.20)!important;
}

/* Lit pumpkin glow intensifies without changing click targets or geometry. */
body > main.page > .continue-btn:not(:disabled):hover,
body > main.page .login-box > .buttons > .gold-btn:not(:disabled):hover,
body > main.page > .box > .gold-btn:not(:disabled):hover,
body > main.page > nav.menu > .menu-btn:not(.admin-btn):not(:disabled):hover,
body > main.page > .new-pack-btn:not(:disabled):hover,
body > main.page > .dashboard > .panel .btn:not(.gray):not(.red):not(.green):not(.blue):not(:disabled):hover,
body > main.box #trade .accept:not(:disabled):hover,
body > main.box #trade .tradeTab.active:not(:disabled):hover {
  box-shadow:
    inset 0 2px 3px rgba(255,249,186,.76),
    inset 0 -6px 12px rgba(114,27,2,.36),
    0 6px 17px rgba(0,0,0,.43),
    0 0 20px rgba(255,143,33,.78),
    0 0 33px rgba(255,93,14,.32)!important;
}

/* Restore a visible keyboard-focus cue (the legacy button outline was dark). */
body > main.page > .continue-btn:focus-visible,
body > main.page .login-box > .buttons > .gold-btn:focus-visible,
body > main.page > .box > .gold-btn:focus-visible,
body > main.page > nav.menu > .menu-btn:not(.admin-btn):focus-visible,
body > main.page > .new-pack-btn:focus-visible,
body > main.page > .dashboard > .panel .btn:not(.gray):not(.red):not(.green):not(.blue):focus-visible,
body > main.box #trade .accept:focus-visible,
body > main.box #trade .tradeTab.active:focus-visible {
  outline:2px solid #fff1bd!important;
  outline-offset:3px!important;
}