/* ==========================================================================
   pb-workshops.css
   Workshops (.p-workshops): event-list / event-item.
   Link samen met pb-common.css (pb-common.css eerst).
   ========================================================================== */

.pb-main .event-list{display:grid;gap:14px 24px;grid-template-columns:repeat(3, 1fr)}
.pb-main .event-item{display:grid;grid-template-columns:58px 1fr;gap:11px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow2);padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px}
.pb-main .date-box{height:58px;background:var(--brown);color:#fff;display:grid;place-items:center;text-align:center;border-radius:var(--r);font-weight:850;line-height:1}
.pb-main .date-box span{display:block;font-size:18px}
.pb-main .date-box small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.pb-main .event-copy h3{font-size:16px;line-height:1.15;margin-top:3px;margin-right:0;margin-bottom:4px;margin-left:0;color:var(--brown);font-weight:800;font-family:Manrope,system-ui,sans-serif;letter-spacing:-.01em}
.pb-main .event-copy p{font-size:12px;color:var(--muted);line-height:1.35;margin:0}
.pb-main .event-list.home-like{padding-top:0;padding-right:20px;padding-bottom:0;padding-left:20px;display:grid;gap:8px}
.pb-main .event-list{display:grid;gap:9px}
.pb-main .event-item{display:grid;grid-template-columns:58px 1fr;gap:11px;background:#fff;border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow2);padding-top:9px;padding-right:9px;padding-bottom:9px;padding-left:9px}
.pb-main .date-box{min-height:58px;background:var(--brown);color:#fff;display:grid;place-items:center;text-align:center;border-radius:var(--r);font-weight:850;line-height:1}
.pb-main .date-box span{display:block;font-size:18px}
.pb-main .date-box small{font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.pb-main .event-copy h3{font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.15;margin-top:3px;margin-right:0;margin-bottom:4px;margin-left:0;color:var(--brown);font-weight:850}
.pb-main .event-copy p{font-size:12px;color:var(--muted);line-height:1.35;margin:0}
.pb-main .event-item{transition:transform .28s cubic-bezier(.22, .61, .36, 1), box-shadow .28s ease}
.pb-main .event-item:hover{transform:translateY(-4px);box-shadow:0 18px 34px rgba(77, 51, 34, .16)}
@media (min-width:768px) and (max-width:1024px){
  .pb-main .event-list{grid-template-columns:repeat(2, 1fr)}
}
@media (max-width:767px){
  .pb-main .event-list{gap:9px;grid-template-columns:none}
}