/* ===== SLiveMusic Artist Page: Mobile Overflow Fix ===== */

/* Hard stop on horizontal overflow */
html, body {
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  margin: 0;
}

* { box-sizing: border-box; }

/* Media elements cannot exceed container */
img, svg, video, canvas, iframe {
  max-width: 100% !important;
}

/* Common "iframe inside a container" trick: prevents weird shrink issues */
iframe {
  width: 1px;
  min-width: 100%;
  border: 0;
}

/* If ANY element tries to be wider than the viewport, clamp it */
body * {
  max-width: 100%;
}

/* Long strings (URLs, timezones, SLURLs, etc.) must break */
a, p, span, div, li, code {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Flex rows should wrap on small screens */
@media (max-width: 720px){
  .row, .headerRow, .topRow, .heroRow, .pillRow, .socialRow, #statusRow {
    flex-wrap: wrap !important;
  }
}

/* Optional: if something uses 100vw and has padding, it can overflow */
@media (max-width: 720px){
  .fullwidth, .hero, .banner {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* === Debug overlay (enable by adding &debug=1) === */
body.slm-debug-overflow * { outline: 1px solid rgba(255,0,0,0.12); }
body.slm-debug-overflow .slm-overflow-hit { outline: 3px solid rgba(255,0,0,0.85) !important; }

/* Helps some embedded contexts */
html, body { width:100%; max-width:100%; }