/* === MOBILE EVENT CARDS — TYPOGRAPHY & LAYOUT v8 (2025-08-21) ===
   - Titoli più sobri e uniformi
   - Pulsanti sotto al contenuto, nessun overflow a destra
   - Solo i badge restano assoluti in alto a destra
*/

@media (max-width: 991.98px){

  /* Card sempre allineate e “respirate” */
  .card{ overflow:hidden; border-radius:18px; }
  .container,.container-fluid{ padding-left:14px; padding-right:14px; }

  /* ---------- Tipografia sobria ---------- */
  /* Titolo evento: dimensione moderata, peso medio-forte, molto leggibile */
  .card .event-title,
  .card h1,.card h2,.card h3,.card h4,.card h5{
    font-size: clamp(1.06rem, 2.2vw + 0.50rem, 1.28rem) !important; /* ≈17–20px */
    line-height: 1.25 !important;
    font-weight: 600 !important;
    color: #111827 !important; /* grigio-nero pulito */
    margin-bottom: 6px !important;
    overflow-wrap:anywhere !important; word-break:break-word !important;
  }

  /* Sottotitolo (locale + data): coerente e più discreto */
  .card .event-subtitle,
  .card .text-muted{
    font-size: clamp(0.90rem, 1.4vw + 0.55rem, 0.98rem) !important; /* ≈14–15.5px */
    line-height: 1.35 !important;
    color: #6b7280 !important;
  }

  /* ---------- Pulsanti sotto al contenuto ---------- */
  /* Prendi QUALSIASI wrapper “assoluto” di pulsanti, ma escludi i badge */
  .card .position-absolute:not(.badge):not([class*="badge"]),
  .card [class*="position-absolute"]:not(.badge):not([class*="badge"]),
  .card [style*="position:absolute"]:not(.badge):not([class*="badge"]){
    position: static !important;
    inset: auto !important;
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important; /* stacca dal testo */
  }

  /* Schermi molto stretti: 1 colonna */
  @media (max-width: 380px){
    .card .position-absolute:not(.badge):not([class*="badge"]),
    .card [class*="position-absolute"]:not(.badge):not([class*="badge"]),
    .card [style*="position:absolute"]:not(.badge):not([class*="badge"]){
      grid-template-columns: 1fr !important;
    }
  }

  /* Bottoni a tutta colonna, compatti e centrati */
  .card .position-absolute .btn,
  .card [class*="position-absolute"] .btn,
  .card [style*="position:absolute"] .btn{
    width:100% !important;
    justify-content:center !important;
    white-space:nowrap !important;
    border-radius:12px !important;
    padding:10px 12px !important;
  }

  /* ---------- Badge assoluti (es. OMAGGIO) ---------- */
  .card .badge.position-absolute,
  .card .position-absolute.badge,
  .card [class*="badge"].position-absolute{
    position:absolute !important;
    top:12px !important; right:12px !important; left:auto !important; bottom:auto !important;
  }

  /* Spazio extra se hai bottom bar fissa */
  body{ padding-bottom:76px; }
}

/* Nav bottom “sicura” */
.nav-bottom,.bottom-nav,.fixed-bottom{
  background:#fff; border-top:1px solid #e5e7eb; z-index:100;
}