/* ============================================================
   Tab selezione competizione
   Da aggiungere in css/style.css (o in un file dedicato)
   ============================================================ */

   .competition-tabs {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 1rem;
  }
  
  .tab-btn {
    padding: 0.4rem 1.1rem;
    border: 2px solid var(--bs-primary, #0d6efd);
    border-radius: 2rem;
    background: transparent;
    color: var(--bs-primary, #0d6efd);
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, opacity 0.2s;
    font-size: 0.875rem;
    line-height: 1.4;
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
  }
  
  .tab-btn.active {
    background: var(--bs-primary, #0d6efd);
    color: #fff;
  }
  
  .tab-btn.locked {
    opacity: 0.45;
    cursor: not-allowed;
    border-style: dashed;
  }
  
  .tab-btn:not([disabled]):hover {
    background: var(--bs-primary, #0d6efd);
    color: #fff;
    opacity: 0.85;
  }