/* SwankageTCG v939 consolidated site polish; contents preserved in original load order. */
/* ===== BEGIN swankagetcg-v478-polish.css ===== */
/* SwankageTCG v478 — public polish batch */

/* ------------------------------------------------------------
   Toxic Lime: finish bright-surface contrast coverage.
   ------------------------------------------------------------ */
html[data-sw-palette="lime"]{
  --sw-accent-contrast:#071008;
}
html[data-sw-palette="lime"] #header .top-search-bar .btn-search,
html[data-sw-palette="lime"] #header .top-search-bar .btn-search:hover,
html[data-sw-palette="lime"] #header .top-search-bar .btn-search:focus,
html[data-sw-palette="lime"] #header .top-search-bar .btn-search:active,
html[data-sw-palette="lime"] #header .top-search-bar .btn-search i,
html[data-sw-palette="lime"] #header .top-search-bar .btn-search i:before,
html[data-sw-palette="lime"] #header .top-search-bar .btn-search i::before,
html[data-sw-palette="lime"] #header .sw-search-submit .icon-search,
html[data-sw-palette="lime"] #header .sw-search-submit .icon-search:before,
html[data-sw-palette="lime"] #header .sw-search-submit .icon-search::before,
html[data-sw-palette="lime"] .sw-sticky-search button,
html[data-sw-palette="lime"] .sw-sticky-search button i,
html[data-sw-palette="lime"] .sw-sticky-search button i:before,
html[data-sw-palette="lime"] .sw-sticky-search button i::before,
html[data-sw-palette="lime"] .mobile-search-form .btn-search,
html[data-sw-palette="lime"] .mobile-search-form .btn-search i,
html[data-sw-palette="lime"] .mobile-search-form .btn-search i:before{
  color:var(--sw-accent-contrast)!important;
}

/* Footer/newsletter bright lime button needs the same dark text. */
html[data-sw-palette="lime"] .sw-newsletter-input .btn-custom,
html[data-sw-palette="lime"] .sw-newsletter-input .btn-custom *,
html[data-sw-palette="lime"] .form-newsletter button,
html[data-sw-palette="lime"] .form-newsletter button *,
html[data-sw-palette="lime"] .form-newsletter-footer button,
html[data-sw-palette="lime"] .form-newsletter-footer button *{
  color:var(--sw-accent-contrast)!important;
}

/* ------------------------------------------------------------
   Site Flavor picker: 3px separation + proper Toxic Lime preview.
   ------------------------------------------------------------ */
.sw-theme-select-menu:not([hidden]){
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
}
.sw-theme-select-menu button{
  margin:0!important;
}
.sw-theme-select-menu button[data-value="lime"]{
  --sw-theme-option-accent:#a8ff2a;
  --sw-theme-option-fg:#071008;
}
.sw-theme-select-menu button[data-value="lime"]:hover,
.sw-theme-select-menu button[data-value="lime"]:focus,
.sw-theme-select-menu button[data-value="lime"]:focus-visible,
.sw-theme-select-menu button[data-value="lime"][aria-selected="true"]{
  background:#a8ff2a!important;
  color:#071008!important;
}
.sw-theme-select-menu button[data-value="lime"]:hover:after,
.sw-theme-select-menu button[data-value="lime"]:focus:after,
.sw-theme-select-menu button[data-value="lime"]:focus-visible:after,
.sw-theme-select-menu button[data-value="lime"][aria-selected="true"]:after{
  color:#071008!important;
}

/* ------------------------------------------------------------
   Login / Register — replace the legacy white Modsey look with the
   SwankageTCG storefront design language while preserving forms.
   ------------------------------------------------------------ */
.auth-container{
  width:min(620px,calc(100% - 28px))!important;
  max-width:620px!important;
  margin:34px auto 64px!important;
  padding:0!important;
}
.auth-container .auth-box,
#loginModal .auth-box{
  position:relative!important;
  overflow:hidden!important;
  padding:30px!important;
  border:1px solid color-mix(in srgb,var(--sw-accent) 42%,var(--sw-border))!important;
  border-radius:14px!important;
  background:
    radial-gradient(circle at 92% 0%,color-mix(in srgb,var(--sw-accent) 13%,transparent),transparent 34%),
    linear-gradient(145deg,var(--sw-panel),var(--sw-bg2))!important;
  color:var(--sw-text)!important;
  box-shadow:0 22px 54px rgba(0,0,0,.34)!important;
}
.auth-container .auth-box:before,
#loginModal .auth-box:before{
  content:"SWANKAGETCG ACCOUNT";
  display:block;
  margin:0 0 8px;
  color:var(--sw-accent);
  font-size:10px;
  font-weight:950;
  letter-spacing:1.55px;
  line-height:1;
}
.auth-container .auth-box:after,
#loginModal .auth-box:after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:2px;
  background:linear-gradient(90deg,var(--sw-accent),var(--sw-accent2),transparent 88%);
}
.auth-container .auth-box .title,
.auth-container .auth-box h1.title,
#loginModal .auth-box .title{
  margin:0 0 22px!important;
  color:var(--sw-text)!important;
  font-size:27px!important;
  font-weight:950!important;
  line-height:1.12!important;
  letter-spacing:-.45px!important;
  text-align:left!important;
}
#loginModal .modal-dialog.login-modal{
  width:min(460px,calc(100vw - 28px))!important;
  max-width:460px!important;
  margin-left:auto!important;
  margin-right:auto!important;
}
#loginModal .modal-content{
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
}
#loginModal .close{
  position:absolute!important;
  right:15px!important;
  top:14px!important;
  z-index:3!important;
  width:34px!important;
  height:34px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  border:1px solid var(--sw-border)!important;
  border-radius:8px!important;
  background:var(--sw-bg2)!important;
  color:var(--sw-muted)!important;
  opacity:1!important;
  text-shadow:none!important;
}
#loginModal .close:hover,
#loginModal .close:focus{
  border-color:var(--sw-accent)!important;
  color:var(--sw-accent)!important;
}
.auth-box .form-group{margin-bottom:12px!important}
.auth-box .auth-form-input,
.auth-box .form-control.auth-form-input,
.auth-box input[type="email"],
.auth-box input[type="password"],
.auth-box input[type="text"],
.auth-box input[type="tel"]{
  width:100%!important;
  height:46px!important;
  min-height:46px!important;
  padding:0 13px!important;
  border:1px solid var(--sw-border)!important;
  border-radius:8px!important;
  outline:0!important;
  background:var(--sw-bg2)!important;
  color:var(--sw-text)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:650!important;
}
.auth-box .auth-form-input::placeholder,
.auth-box input::placeholder{
  color:var(--sw-muted)!important;
  opacity:.86!important;
}
.auth-box .auth-form-input:focus,
.auth-box input:focus{
  border-color:var(--sw-accent)!important;
  box-shadow:0 0 0 2px var(--sw-glow)!important;
}
.auth-box .input-group-addon{
  border:1px solid var(--sw-border)!important;
  border-right:0!important;
  border-radius:8px 0 0 8px!important;
  background:var(--sw-panel2)!important;
  color:var(--sw-accent)!important;
  min-width:48px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.auth-box .input-group .auth-form-input{
  border-radius:0 8px 8px 0!important;
}
.auth-box .btn-custom,
#loginModal .btn-custom{
  min-height:44px!important;
  border:1px solid var(--sw-accent)!important;
  border-radius:8px!important;
  background:linear-gradient(135deg,var(--sw-accent),var(--sw-accent2))!important;
  color:var(--sw-accent-contrast,#fff)!important;
  box-shadow:none!important;
  font-size:12px!important;
  font-weight:900!important;
}
.auth-box .btn-custom:hover,
.auth-box .btn-custom:focus,
#loginModal .btn-custom:hover,
#loginModal .btn-custom:focus{
  transform:translateY(-1px);
  filter:brightness(1.04);
}
.auth-box .link,
.auth-box a,
#loginModal a{
  color:var(--sw-accent)!important;
  text-decoration:none!important;
}
.auth-box .link:hover,
.auth-box a:hover,
#loginModal a:hover{
  color:var(--sw-accent2)!important;
  text-decoration:underline!important;
  text-underline-offset:2px!important;
}
.auth-box .link-forgot-password{
  color:var(--sw-muted)!important;
  font-size:11px!important;
  font-weight:750!important;
}
.auth-box .p-social-media,
.auth-box .form-text,
.auth-box .text-muted,
.auth-box .custom-control-label{
  color:var(--sw-muted)!important;
  font-size:11px!important;
}
.auth-box .custom-control-label strong{color:var(--sw-text)!important}
.auth-box .custom-control-input:checked~.custom-control-label:before{
  border-color:var(--sw-accent)!important;
  background:var(--sw-accent)!important;
}
.auth-box .social-login{
  margin-bottom:18px!important;
}
.auth-box .social-login .btn,
.auth-box .social-login a{
  border-color:var(--sw-border)!important;
  border-radius:8px!important;
  background:var(--sw-panel2)!important;
  color:var(--sw-text)!important;
}
.auth-box .social-login .btn:hover,
.auth-box .social-login a:hover{
  border-color:var(--sw-accent)!important;
  color:var(--sw-accent)!important;
}
#loginModal.modal.show,
#loginModal.in{
  backdrop-filter:blur(2px);
}
@media(max-width:575px){
  .auth-container .auth-box,#loginModal .auth-box{padding:24px 18px!important}
  .auth-container .auth-box .title,#loginModal .auth-box .title{font-size:23px!important}
}

/* ===== END swankagetcg-v478-polish.css ===== */

/* ===== BEGIN swankagetcg-v479-polish.css ===== */
/* SwankageTCG v479 — focused regression fixes */

html[data-sw-palette="lime"]{--sw-accent-contrast:#071008}
html[data-sw-palette="gold"]{--sw-accent-contrast:#171106}

/* Bright-accent controls: dark readable ink for Toxic Lime + Solar Gold. */
html[data-sw-palette="lime"] #header .btn-sell-now,
html[data-sw-palette="gold"] #header .btn-sell-now,
html[data-sw-palette="lime"] .sw-btn-primary,
html[data-sw-palette="gold"] .sw-btn-primary,
html[data-sw-palette="lime"] .sw-tcg-primary-btn,
html[data-sw-palette="gold"] .sw-tcg-primary-btn,
html[data-sw-palette="lime"] .sw-community .sw-btn-primary,
html[data-sw-palette="gold"] .sw-community .sw-btn-primary,
html[data-sw-palette="lime"] #footer .sw-footer-newsletter .sw-newsletter-input .btn-custom,
html[data-sw-palette="gold"] #footer .sw-footer-newsletter .sw-newsletter-input .btn-custom{
  color:var(--sw-accent-contrast)!important;
  -webkit-text-fill-color:var(--sw-accent-contrast)!important;
}

/* The two header search implementations use the icon-font ::before glyph.
   Target the glyph itself with enough specificity to beat the legacy white icon. */
html[data-sw-palette="lime"] #header .main-menu .top-search-bar .btn-search .icon-search,
html[data-sw-palette="lime"] #header .main-menu .top-search-bar .btn-search .icon-search:before,
html[data-sw-palette="lime"] #header .main-menu .top-search-bar .btn-search .icon-search::before,
html[data-sw-palette="lime"] #swStickyNav .sw-sticky-search .btn-search .icon-search,
html[data-sw-palette="lime"] #swStickyNav .sw-sticky-search .btn-search .icon-search:before,
html[data-sw-palette="lime"] #swStickyNav .sw-sticky-search .btn-search .icon-search::before,
html[data-sw-palette="gold"] #header .main-menu .top-search-bar .btn-search .icon-search,
html[data-sw-palette="gold"] #header .main-menu .top-search-bar .btn-search .icon-search:before,
html[data-sw-palette="gold"] #header .main-menu .top-search-bar .btn-search .icon-search::before,
html[data-sw-palette="gold"] #swStickyNav .sw-sticky-search .btn-search .icon-search,
html[data-sw-palette="gold"] #swStickyNav .sw-sticky-search .btn-search .icon-search:before,
html[data-sw-palette="gold"] #swStickyNav .sw-sticky-search .btn-search .icon-search::before{
  color:var(--sw-accent-contrast)!important;
  -webkit-text-fill-color:var(--sw-accent-contrast)!important;
  text-shadow:none!important;
  filter:none!important;
}

/* Do not animate the rail's width when moving between links. The underline
   keeps its destination width and only slides horizontally instead of
   visibly shrinking/collapsing between Home / TCGs / other links. */
#header .sw-nav-indicator,
.sw-sticky-indicator{
  transition:left .24s cubic-bezier(.2,.8,.2,1),opacity .15s ease!important;
}

/* Live set-search feedback. */
#swSetResults{
  transition:opacity .12s ease;
}
#swSetResults.is-loading{
  opacity:.46;
  pointer-events:none;
}

/* ===== END swankagetcg-v479-polish.css ===== */

/* ===== BEGIN swankagetcg-v480-polish.css ===== */
/* SwankageTCG v480 — regression cleanup follow-up */

/* TCGs must use the exact same shared sliding nav rail as Home / Graded Cards /
   Card Review / Sell With Us. Legacy TCG-specific ::after rules were still
   animating left/right from the center, which looked like a shrinking underline. */
#header .sw-nav-links .sw-tcg-mega-trigger::after,
#header .sw-nav-links .sw-tcg-mega-trigger:after,
.sw-sticky-links .sw-tcg-mega-trigger::after,
.sw-sticky-links .sw-tcg-mega-trigger:after{
  content:none!important;
  display:none!important;
}

/* ===== END swankagetcg-v480-polish.css ===== */
