/* ══════════════════════════════════════════════════════════════
   Pleiadian Records — mobile polish
   Loaded after styles.css. Every rule is inside a ≤768px query,
   so desktop layout is untouched. Remove this file + its <link>
   in index.html to revert completely.
   ══════════════════════════════════════════════════════════════ */

@media (max-width: 768px) {

  /* ── 1. Missions: flow with the page instead of a 280px inner scroll box ── */
  .hud-events-col,
  #eventsGrid.hud-events-scroll {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    flex: none !important;
  }
  /* location gets its own full line; crew tags stack underneath */
  .hud-event-meta {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
  }
  .hud-event-loc {
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
  }

  /* ── 2. Floating widgets: slide away while scrolling down,
          return on scroll up / near the top / at the bottom (plr-mobile.js) ── */
  .plr-hunt-counter,
  #sigbankFab,
  #sigdecoderFab {
    transition: translate .35s cubic-bezier(.22, 1, .36, 1), opacity .35s ease;
  }
  body.plr-fab-hide #sigbankFab,
  body.plr-fab-hide #sigdecoderFab {
    translate: 96px 0;
    opacity: 0;
    pointer-events: none;
  }
  body.plr-fab-hide .plr-hunt-counter {
    translate: -220px 0;
    opacity: 0;
    pointer-events: none;
  }

  /* ── 3. 44px tap areas — the touch zone grows, the visuals stay the same ── */
  /* inline links: vertical padding enlarges the hit box without moving text */
  .artist-dossier-link   { padding: 16px 0; }
  .contact-email-inline  { padding: 15px 0; }

  /* artist social icons (16px glyphs): 44×44 hit box on the same 24px footprint */
  .artist-socials        { gap: 16px; }
  .artist-socials a      { padding: 14px; margin: -10px; }

  /* footer links: invisible hit-area extension */
  .footer-links a        { position: relative; }
  .footer-links a::before {
    content: '';
    position: absolute;
    inset: -13px -6px;
  }

  /* merch carousel dots: were 2px tall — keep the 2px line, make it tappable */
  .merch-carousel-dot {
    box-sizing: content-box;
    height: 2px;
    padding: 11px 3px;
    background-clip: content-box;
  }

  .merch-nav             { min-width: 44px; }
  .sigbank-drawer-close  { min-width: 44px; min-height: 44px; }
  .hud-close             { min-height: 44px; }
}

@media (max-width: 768px) and (prefers-reduced-motion: reduce) {
  .plr-hunt-counter,
  #sigbankFab,
  #sigdecoderFab { transition: none; }
}