/* ---- WeebTrax mobile overrides (loaded only on max-width: 599px) ---- */

:root {
  color-scheme: dark;
}

html, body {
  background-color: #0a0b0e !important;
  touch-action: manipulation;
}

/* Push page content above the fixed broadcast bar (34px + breathing room) */
body { padding-bottom: 56px !important; }

/* Scene grid: 2 columns on mobile */
.wt-scene-grid {
  grid-template-columns: repeat(2, 1fr) !important;
}

/* Section headers — keep MODULE label, hide verbose subtitle, shrink title */
.wt-sechead-sub    { display: none !important; }
.wt-sechead-title  { font-size: 28px !important; }

/* Centre buttons and CTAs */
.wt-hero-cta { justify-content: center !important; }
.wt-btn { text-align: center; }

/* Archive oscilloscope row visible on mobile — bottom padding (56px) keeps it above the broadcast bar */

/* Archive status bar: hide long path, keep file count + sort on one line */
.wt-archive-statusbar { white-space: normal !important; }
.wt-statusbar-path { display: none !important; }

/* Mood chips: centered, wrapping naturally */
.wt-mood-chips {
  justify-content: center !important;
  flex-wrap: wrap !important;
}
.wt-mood-label { display: none !important; }

/* Disable kenburns — expensive scale+translate animation on mobile */
.wt-kenburns {
  animation: none !important;
  transform: none !important;
}

/* Hide entire hero player card on mobile */
.wt-hero-player { display: none !important; }

/* Hide LO-FI HOUSE / transmitting tagline row on mobile */
.wt-hero-tagline { display: none !important; }

/* Hero section: replace 100vh void with something readable */
#wt-index {
  min-height: auto !important;
  padding-top: 64px !important;
  padding-bottom: 64px !important;
  justify-content: flex-start !important;
}

/* Hero text block: manual spacing so MODULE sits tight above WeebTrax */
.wt-hero-text {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding-top: 32px !important;
}

.wt-hero-module  { margin-bottom: 14px !important; padding-top: 32px; }   /* MODULE → WeebTrax */
.wt-hero-text h1 { margin: 0 0 16px !important; }     /* WeebTrax → paragraph */
.wt-hero-text p  { margin: 0 0 20px !important; }     /* paragraph → CTA */