/* AJ's Collectibles — Tweak overrides
   Driven by data attributes set by tweaks-mount.jsx
*/

/* Hero style: shelves (default) | abstract | minimal */
[data-hero="abstract"] .aj-hero-room { display: none; }
[data-hero="abstract"] .aj-hero::before {
  inset: 0 50% 0 0;
  opacity: 0.7;
}
[data-hero="minimal"] .aj-hero-room { display: none; }
[data-hero="minimal"] .aj-particles { opacity: 0.25; }
[data-hero="minimal"] .aj-floating-pop { opacity: 0.5; }
[data-hero="minimal"] .aj-hero::before { display: none; }

/* Gold accent intensity */
[data-accent="none"] .aj-pop-box .tag {
  background: var(--aj-emerald-3);
  color: var(--aj-bg);
}
[data-accent="none"] .aj-category .tag.rare {
  background: transparent;
  border-color: var(--aj-white-30);
  color: var(--aj-white);
}
[data-accent="rich"] .aj-pop-box .tag {
  background: var(--aj-gold);
  color: #1a1a1a;
}
[data-accent="rich"] .aj-category .tag.rare {
  background: var(--aj-gold);
  border-color: var(--aj-gold);
  color: #1a1a1a;
}
[data-accent="rich"] .aj-hero h1 .accent { color: var(--aj-gold); }

/* Motion */
[data-motion="off"] *, [data-motion="off"] *::before, [data-motion="off"] *::after {
  animation-duration: 0s !important;
  animation-iteration-count: 1 !important;
  transition-duration: 0s !important;
}

/* Mobile drawer */
.aj-mobile-drawer {
  position: fixed;
  inset: 0;
  z-index: 95;
  background: var(--aj-bg);
  padding: 100px 32px 32px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s var(--aj-ease);
}
.aj-mobile-drawer.is-open { opacity: 1; pointer-events: auto; }
.aj-mobile-drawer a {
  font-family: var(--aj-font-display);
  font-size: 32px;
  text-transform: uppercase;
  color: var(--aj-white);
  padding: 14px 0;
  border-bottom: 1px solid var(--aj-hairline);
}
.aj-mobile-drawer a:hover { color: var(--aj-emerald-3); }
@media (min-width: 1081px) { .aj-mobile-drawer { display: none; } }

/* Floating pop parallax shift */
.aj-floating-pop { transform: translate3d(0, var(--pyShift, 0), 0) rotate(var(--rot, 0deg)); }
.aj-floating-pop.p1 { --rot: -8deg; }
.aj-floating-pop.p2 { --rot:  6deg; }
.aj-floating-pop.p3 { --rot:  7deg; }
.aj-floating-pop.p4 { --rot: -5deg; }