/* ──────────────────────────────────────────────────────────────────
   Mobile Polish-Layer — eingesetzt auf:
   tickets.html, my-tickets.html, event-detail.html,
   community.html, artists.html, creatives.html, profile-page.html
   ────────────────────────────────────────────────────────────────── */

/* Card-Grids: stabile Defaults auf Mobile */
@media (max-width: 768px) {
  .event-cards-grid,
  .tickets-grid,
  .ec-grid,
  .pp-grid {
    grid-template-columns: 1fr;
    gap: .85rem;
  }
}
@media (max-width: 480px) {
  .event-card,
  .ticket-card,
  .pp-card {
    border-radius: 14px;
  }
  .event-card__title { font-size: 1rem; }
}

/* Long-Word-Schutz für UGC-Content (Beschreibungen, Titel) */
.event-card__title,
.event-card__description,
.profile-name,
.user-bio,
.evs-title,
.ed-header__title,
.ticket-item__name {
  overflow-wrap: anywhere;
  word-break: break-word;
}

/* Safe-Area für Sticky-Buttons (iPhone Home-Indicator) */
.ed-mobile-bar,
.dn-filter-sheet,
.booking-pay-overlay,
.dn-toast {
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}

/* Daynite Hero-Slides nicht zu hoch auf Mobile */
@media (max-width: 768px) {
  .daynite-slide img { height: 220px; }
}

/* Container-Schutz: keine harten Pixel-Mindestbreiten auf Phones */
@media (max-width: 380px) {
  .stat-card,
  .booking-card,
  .ticket-card,
  .event-card { min-width: 0; }
}