/*
 Theme Name: Listen Up Labs Platform
 Theme URI: https://listenuplabs.com
 Description: Proprietary Listen Up Labs platform child theme for GeneratePress. App-shell layout, typography, and UI layer.
 Author: Listen Up Labs
 Author URI: https://listenuplabs.com
 Template: generatepress
 Version: 0.1.0
*/

/* =====================================================
   Typography system (Inter + Inter Tight)
   ===================================================== */

:root {
  --font-body: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-heading: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-ui: 'Inter Tight', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

body {
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  font-weight: 600;
}

.site-header,
.main-navigation,
button,
input,
select,
textarea {
  font-family: var(--font-ui);
}

/* =====================================================
   App shell placeholders (structure only for now)
   ===================================================== */

/* These IDs will be used later for PJAX + player */
/* App shell structural placeholders */
#radio-shell { min-height: 100vh; }

/* Persistent player: fixed to bottom of viewport, full width */
#radio-player {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;

  width: 100%;
  z-index: 9999;

  border-top: 1px solid rgba(0,0,0,.08);
  background: #fff;
}

/* Prevent page content from being hidden behind the fixed player */
body {
  padding-bottom: 64px; /* adjust if your bar is taller */
}

/* Basic layout inside the bar */
.radio-player-bar {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
}

#radio-player {
  padding-bottom: env(safe-area-inset-bottom);
}