/* PEI – Appuntamenti Fiera (Front) */

.pei-fair-wrap{
  max-width: 980px;
  margin: 20px auto;
  padding: 16px;
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  background: #fff;
}

.pei-fair-title{
  margin: 0 0 10px;
}

.pei-alert{
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
  border: 1px solid transparent;
  font-weight: 600;
}
.pei-alert--ok{ border-color:#46b450; background:#ecf7ed; }
.pei-alert--err{ border-color:#dc3232; background:#fbeaea; }
.pei-alert--full{ border-color:#dc3232; background:#fbeaea; }

.pei-date-form{
  display: flex;
  gap: 10px;
  align-items: flex-end;
  flex-wrap: wrap;
  margin: 10px 0 16px;
}

.pei-field label{
  display:block;
  font-weight:600;
  margin-bottom:6px;
}

.pei-select{
  min-width: 220px;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 10px;
  background: #fff;
}

.pei-table-wrap{
  overflow:auto;
  border-top:1px solid #eee;
  padding-top:12px;
}

.pei-table{
  width:100%;
  border-collapse:collapse;
  min-width:680px;
}

.pei-th, .pei-td{
  text-align:left;
  padding: 10px;
  border-bottom: 1px solid #f1f1f1;
  vertical-align: top;
}

.pei-th{
  border-bottom:1px solid #eee;
  font-weight:700;
}

.pei-time{ font-weight:700; }

.pei-full{
  color:#b32d2e;
  font-weight:700;
}

.pei-details{
  border:1px solid #e5e5e5;
  border-radius:12px;
  padding:10px;
  background:#fff;
}

.pei-summary{
  cursor:pointer;
  font-weight:700;
}

.pei-book-form{
  margin-top:12px;
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.pei-col-full{ grid-column: 1 / -1; }

.pei-input,
.pei-textarea{
  width:100%;
  padding:10px;
  border:1px solid #ccc;
  border-radius:10px;
  background:#fff;
}

.pei-actions{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}

.pei-btn{
  padding: 10px 14px;
  border-radius: 10px;
  border: 0;
  background: #1f7a3f;
  color: #fff;
  font-weight: 800;
  cursor: pointer;
}

.pei-meta{
  font-size:12px;
  color:#666;
  margin-top:12px;
}

/* ===== Mobile: tabella -> card ===== */
@media (max-width: 760px){
  .pei-table{ min-width: 0; }
  .pei-table thead{ display:none; }
  .pei-table, .pei-table tbody, .pei-table tr, .pei-table td{ display:block; width:100%; }
  .pei-table tr{
    border:1px solid #eee;
    border-radius:12px;
    padding:12px;
    margin-bottom:12px;
    background:#fff;
  }
  .pei-td{
    border-bottom:0;
    padding:6px 0;
  }
  .pei-td[data-label]::before{
    content: attr(data-label);
    display:block;
    font-size:12px;
    color:#666;
    font-weight:700;
    margin-bottom:4px;
  }

  .pei-book-form{
    grid-template-columns: 1fr;
  }
}