/* show-page-audit-fix.css · 2026-05-19
 * Targeted fixes for the show/city template (default.php).
 * No content changes. No design changes. */

/* Fix #1: recovered footage card label crops at right edge */
.ipn-hero .show-bg-meta,
.ipn-sec .show-card-meta,
.show-card-overlay-bottom,
.show-meta-stamp{
  white-space:nowrap;
  overflow:visible;
  max-width:none!important;
  padding-right:12px!important;
}
.ipn-sec figure,
.ipn-sec .show-media{ overflow:visible!important; }

/* Fix #2: tighten section vertical padding to match home rhythm */
.ipn-sec.ipn-wrap{
  padding-top:clamp(48px,5vw,80px)!important;
  padding-bottom:clamp(48px,5vw,80px)!important;
}
.ipn-closer{
  padding-top:clamp(56px,6vw,96px)!important;
  padding-bottom:clamp(72px,8vw,128px)!important;  /* extra bottom to clear sticky CTA */
}

/* Fix #3: scroll-padding so sticky bottom CTA doesn't hide anchor targets */
html{ scroll-padding-bottom:90px; }

/* Fix #4: mobile nav consistency with home */
@media (max-width:600px){
  .ipn-nav__links a{
    font-size:9.5px!important;
    letter-spacing:.08em!important;
    padding:8px 5px!important;
    white-space:nowrap;
  }
  .ipn-nav__logo img{ height:26px!important; }
}

/* Fix #5: sticky ticket strip — better mobile collapse */
@media (max-width:600px){
  .ticket-sticky-bottom,
  .show-sticky-bar{
    font-size:11px!important;
    padding:10px 12px!important;
    gap:10px!important;
  }
}

/* Fix #6: YouTube thumbnail placeholder background (covers gray "unavailable" image) */
.show-video-poster img,
.ipn-video-poster img,
img[src*="ytimg.com"]{
  background:#0a0e0a url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 56' fill='%23c8f542' opacity='.18'><polygon points='40,20 40,36 56,28'/></svg>") center/40px no-repeat;
  min-height:160px;
}

/* Fix #7: scanline + grain tone-down (parity with home) */
.ipn-texture{ opacity:.10!important; }
.ipn-scan{ opacity:.06!important; }

/* Fix #8: ensure title grain stays inside container at desktop */
.ipn-display.gt,
.ipn-hero h1,
.ipn-sec h2{
  word-break:keep-all;
  hyphens:none;
  overflow-wrap:normal;
  padding-right:.06em;
}