/* STASH XXX neon theme - source: /home/media/docker/stash-app/theme.css
   Applied via Settings > Interface > Custom CSS (apply-settings.sh pushes it). */
@import url('https://fonts.googleapis.com/css2?family=Anton&family=Inter:wght@400;600&display=swap');

:root {
  --x-bg: #14081f;
  --x-bg2: #1e0d33;
  --x-card: #2a1245;
  --x-pink: #ff2d95;
  --x-cyan: #00e5ff;
  --x-yellow: #ffe600;
  --x-lime: #9dff00;
  --x-violet: #7b4dff;
  --x-text: #f3eaff;
  --x-mute: #b9a6d6;
  --x-radius: 14px;
}

body, .main, #root { background: var(--x-bg) !important; color: var(--x-text); font-family: Inter, sans-serif; }

/* top bar */
.top-nav, .navbar { background: linear-gradient(90deg, #1a0a2c, #2b0f46) !important; border-bottom: 3px solid var(--x-pink); box-shadow: 0 4px 24px rgba(255,45,149,.25); }
.navbar-brand, .navbar .nav-link, .navbar .btn { font-family: Anton, sans-serif; letter-spacing: .06em; text-transform: uppercase; }
.navbar .nav-link, .navbar .btn-primary, .navbar .minimal.btn {
  background: var(--x-pink) !important; color: #fff !important; border: 0 !important;
  border-radius: 999px !important; margin: 0 4px; padding: 6px 16px !important;
  box-shadow: 0 0 10px rgba(255,45,149,.45); transition: transform .12s, box-shadow .12s;
}
.navbar .nav-link:hover, .navbar .nav-link.active, .navbar .btn:hover { transform: translateY(-1px); box-shadow: 0 0 18px rgba(255,45,149,.8); background: #ff4fab !important; }
.navbar .nav-link.active { background: var(--x-violet) !important; box-shadow: 0 0 18px rgba(123,77,255,.8); }

/* buttons + inputs */
.btn-primary, .btn-secondary { background: var(--x-violet); border: 0; border-radius: 999px; font-weight: 600; }
.btn-primary:hover, .btn-secondary:hover { background: var(--x-pink); }
.form-control, .input-control, .react-select__control { background: var(--x-bg2) !important; color: var(--x-text) !important; border: 1px solid #3d1f63 !important; border-radius: 10px !important; }
.filtered-list-toolbar, .list-filter-toolbar { background: transparent !important; }
.pagination .btn { border-radius: 999px !important; background: var(--x-violet) !important; margin: 0 2px; }
.pagination .btn.active, .pagination .btn:hover { background: var(--x-pink) !important; }

/* cards */
.card { background: var(--x-card) !important; border: 0 !important; border-radius: var(--x-radius) !important; overflow: hidden;
  box-shadow: 0 6px 18px rgba(0,0,0,.45); border-bottom: 5px solid var(--x-pink) !important; transition: transform .15s, box-shadow .15s; }
.card:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 10px 28px rgba(255,45,149,.35); }
.grid-card:nth-child(4n+2) { border-bottom-color: var(--x-cyan) !important; }
.grid-card:nth-child(4n+3) { border-bottom-color: var(--x-yellow) !important; }
.grid-card:nth-child(4n+4) { border-bottom-color: var(--x-lime) !important; }

.card-section-title, .scene-card .card-section-title, .grid-card h5, .card .TruncatedText.card-section-title {
  font-family: Anton, sans-serif; text-transform: uppercase; letter-spacing: .04em; color: var(--x-yellow); font-size: 1.15rem; line-height: 1.2; }
.scene-card__date, .card .scene-card__date { color: var(--x-mute); }
.scene-card__description, .card .scene-card__description { color: #e6d9ff; font-size: .82rem; }

/* overlays on thumbnails */
.overlay-resolution, .scene-specs-overlay {
  background: var(--x-yellow) !important; color: #14081f !important; font-family: Anton, sans-serif;
  border-radius: 8px; padding: 1px 8px; font-weight: 400; text-shadow: none !important; }
.scene-specs-overlay span { color: #14081f !important; }
.studio-overlay img { filter: drop-shadow(0 0 6px rgba(0,0,0,.9)); }
.rating-banner { background: var(--x-pink) !important; font-family: Anton, sans-serif; }

/* tag / performer count pills */
.card-popovers .btn, .card-popovers button { background: var(--x-pink) !important; color: #fff !important; border-radius: 999px !important; padding: 2px 12px !important; margin: 0 3px; }
.tag-item, .badge-secondary { background: var(--x-violet) !important; color: #fff !important; border-radius: 999px !important; }

/* detail pages */
.detail-header, #scene-page .scene-tabs, .tab-content { background: var(--x-bg2) !important; border-radius: var(--x-radius); }
.nav-tabs .nav-link.active { background: var(--x-pink) !important; color: #fff !important; border-radius: 999px; border: 0; }
.nav-tabs .nav-link { color: var(--x-mute); }
h1, h2, h3, .detail-header .name { font-family: Anton, sans-serif; letter-spacing: .03em; color: var(--x-yellow); }

/* scrollbars */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb { background: var(--x-violet); border-radius: 10px; }
::-webkit-scrollbar-track { background: var(--x-bg); }