/* TradeRealm 3.2.0 — global seasonal theme layer.
   Default leaves the approved TradeRealm design untouched. */

body[data-theme]{
  --theme-primary:#8d73ff;
  --theme-secondary:#55c8ff;
  --theme-accent:#f05fc8;
  --theme-warm:#ffd15c;
  --theme-bg:#080b1b;
  --theme-bg-2:#111537;
  --theme-panel:#151b43;
  --theme-panel-2:#101633;
  --theme-border:rgba(138,115,255,.28);
  --theme-text:#f5f6ff;
  --theme-muted:#98a6c7;
  --theme-glow:rgba(123,91,255,.20);
  --theme-nav-glow:rgba(103,92,255,.16);
}

body[data-theme]:not([data-theme="default"]){
  color:var(--theme-text)!important;
  background:
    radial-gradient(circle at 12% -4%,var(--theme-bg-glow-1,transparent),transparent 34%),
    radial-gradient(circle at 88% 12%,var(--theme-bg-glow-2,transparent),transparent 34%),
    linear-gradient(180deg,var(--theme-bg),var(--theme-bg-2)) fixed!important;
}

body[data-theme]:not([data-theme="default"]) .ambient{
  opacity:.72!important;
  filter:hue-rotate(var(--theme-hue,0deg)) saturate(1.18)!important;
}

body[data-theme]:not([data-theme="default"]) .topbar{
  background:linear-gradient(180deg,var(--theme-header-1,var(--theme-panel)),var(--theme-header-2,var(--theme-bg)))!important;
  border-bottom-color:var(--theme-border)!important;
  box-shadow:0 10px 35px rgba(0,0,0,.20),0 0 32px var(--theme-nav-glow)!important;
}

body[data-theme]:not([data-theme="default"]) .game-strip{
  background:linear-gradient(180deg,var(--theme-strip-1,var(--theme-panel)),var(--theme-strip-2,var(--theme-panel-2)))!important;
  border-color:var(--theme-border)!important;
}

body[data-theme]:not([data-theme="default"]) :is(
  .panel,.pet-card,.trade-card,.auth-card,.profile-panel-v171,.profile-card-v171,
  .tr3-home-card,.tr3-notification-row,.tr3-apply-card,.tr3-status-card,
  .tr318-achievement-card,.tr318-achievements-hero,.tr3111-captcha-section,
  .tr319-secure-note,.tr320-local-login-body
){
  border-color:var(--theme-border)!important;
  box-shadow:0 12px 34px rgba(0,0,0,.16),0 0 25px var(--theme-glow)!important;
}

body[data-theme]:not([data-theme="default"]) :is(
  .panel,.auth-card,.profile-panel-v171,.tr3-home-card,.tr318-achievement-card
){
  background:
    radial-gradient(circle at 88% 8%,var(--theme-card-glow,transparent),transparent 34%),
    linear-gradient(145deg,var(--theme-panel),var(--theme-panel-2))!important;
}

body[data-theme]:not([data-theme="default"]) :is(h1,h2,h3,.section-title,.profile-name-v171){
  text-shadow:0 0 18px var(--theme-title-glow,var(--theme-glow));
}

body[data-theme]:not([data-theme="default"]) :is(.eyebrow,.tr3-eyebrow){
  color:var(--theme-primary)!important;
}

body[data-theme]:not([data-theme="default"]) :is(.btn.primary,button.primary,.tr3111-create-account){
  background:linear-gradient(135deg,var(--theme-primary),var(--theme-secondary))!important;
  border-color:var(--theme-primary)!important;
  box-shadow:0 8px 24px var(--theme-glow)!important;
}

body[data-theme]:not([data-theme="default"]) :is(.btn.ghost,.icon-btn){
  border-color:var(--theme-border)!important;
}

body[data-theme]:not([data-theme="default"]) :is(input,select,textarea){
  border-color:var(--theme-border)!important;
  background:rgba(10,16,42,.78)!important;
}

body[data-theme]:not([data-theme="default"]) .desktop-nav a.active{
  color:var(--theme-primary)!important;
}

body[data-theme]:not([data-theme="default"]) .mobile-strip-nav a.active{
  background:linear-gradient(180deg,rgba(120,100,255,.10),transparent)!important;
  border-color:var(--theme-border)!important;
}

body[data-theme]:not([data-theme="default"]) .mobile-strip-nav a.active em{
  color:var(--theme-primary)!important;
}

body[data-theme]:not([data-theme="default"]) .mobile-strip-nav img{
  filter:drop-shadow(0 0 8px var(--theme-nav-glow));
}

body[data-theme]:not([data-theme="default"]) .footer{
  border-top-color:var(--theme-border)!important;
  background:linear-gradient(180deg,transparent,var(--theme-bg))!important;
}

body[data-theme]:not([data-theme="default"]) .tr318-achievement-bar span,
body[data-theme]:not([data-theme="default"]) .progress-fill{
  background:linear-gradient(90deg,#2fdd77,#8bffb5)!important;
}

/* lightweight seasonal ambience */
.tr-theme-particles{
  position:fixed;
  inset:0;
  z-index:1;
  pointer-events:none;
  overflow:hidden;
}
.topbar,.game-strip,.page-shell,.footer{position:relative;z-index:2}
.tr-theme-particle{
  position:absolute;
  top:-8vh;
  left:var(--x);
  font-size:var(--size);
  color:var(--particle-color,var(--theme-primary));
  opacity:var(--opacity,.20);
  text-shadow:0 0 10px currentColor;
  animation:trThemeFall var(--duration) linear var(--delay) infinite;
  transform:translate3d(0,-10vh,0) rotate(0deg);
}
@keyframes trThemeFall{
  0%{transform:translate3d(0,-10vh,0) rotate(0deg)}
  50%{transform:translate3d(var(--drift),52vh,0) rotate(160deg)}
  100%{transform:translate3d(calc(var(--drift) * -.35),112vh,0) rotate(340deg)}
}
@media(prefers-reduced-motion:reduce){.tr-theme-particles{display:none!important}}


body[data-theme]:not([data-theme="default"]) .tr320-local-login-cta{
  border-color:var(--theme-border)!important;
  background:
    radial-gradient(circle at 18% 15%,var(--theme-card-glow,transparent),transparent 34%),
    linear-gradient(135deg,var(--theme-panel),var(--theme-primary))!important;
  box-shadow:0 10px 26px var(--theme-glow),inset 0 1px rgba(255,255,255,.07)!important;
}
body[data-theme]:not([data-theme="default"]) .tr319-secure-shield svg{
  fill:var(--theme-secondary)!important;
}

/* TradeRealm 3.2.2 — secure POST logout keeps the header icon layout unchanged. */
.tr-security-logout-form{display:inline-flex;margin:0;padding:0;align-items:center}
.tr-security-logout-form>input[type="hidden"]{display:none}
.tr-security-logout-form .logout-icon{margin:0}