/* Event rows: time, content and booking form three consistent anchors. */
.event-card{display:grid;grid-template-columns:78px minmax(0,1fr) 88px;align-items:start;gap:20px;padding:12px 16px;background:#fff;border:1px solid #e5e8e5;border-radius:18px;margin:0 0 12px;box-shadow:0 2px 5px #172b2603;color:#182c27}
.event-time{display:flex;flex-direction:column;align-items:center;gap:7px;padding:5px 6px;background:transparent;font-family:Inter,sans-serif;font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.event-time .duration{font-family:Inter,sans-serif;font-size:11px;font-weight:500;letter-spacing:0;color:#6d7973;margin:0}
.event-card .card-body{min-width:0}.event-type{display:inline-flex;align-items:center;gap:6px;font-size:10px;line-height:1.2;letter-spacing:.6px;text-transform:uppercase;font-weight:700;margin-bottom:8px;color:#426759}.event-type:before{content:"";width:6px;height:6px;flex-shrink:0;background:currentColor;border-radius:50%}.event-type-game{color:#087b80}.event-type-activity{color:#7860a4}.event-type-coaching{color:#b16e2b}.event-type-unknown{color:#72766e}
.event-card h2{font-family:Inter,sans-serif;font-size:17px;font-weight:500;letter-spacing:-.45px;line-height:1.4;margin:0 0 5px;color:#182c27}.event-card .venue{font-size:13px;line-height:1.5;color:#748078;margin:0}.event-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.event-facts .metric-price{display:flex;align-items:center;background:#e9f5f5;border-radius:7px;padding:7px 10px;min-height:30px;font-family:Inter,sans-serif;font-size:13px;line-height:1;font-weight:600;letter-spacing:0;color:#087e88}.event-facts .metric-level{display:flex;align-items:center;justify-content:center;background:#f1eff6;border-radius:7px;padding:7px 10px;min-height:30px}.event-facts .metric-level strong{font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:1;letter-spacing:0;color:#7a688d}
.event-booking{display:flex;flex-direction:column;align-items:stretch;text-align:center;gap:12px;align-self:center}.event-booking .roster{margin:0;justify-content:center;background:none;padding:0}.event-booking .roster-count{font-family:Inter,sans-serif;font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.8px;color:#087e88;gap:1px}.event-booking .roster-total{font-family:inherit;font-size:.76em;font-weight:500;letter-spacing:-.3px;color:#879095}.event-booking .roster-label{font-size:11px;line-height:1.4;color:#748078}.event-booking .book{display:flex;align-items:center;justify-content:center;line-height:1;margin:0;background:#087e88;border:1px solid #087e88;color:white;border-radius:9px;padding:0 14px;min-height:34px;height:34px;font-family:Inter,sans-serif;font-size:12px;font-weight:600;text-align:center}.event-booking .book:hover{background:#066a73;border-color:#066a73}.event-provider{font-size:10px;line-height:1.3;font-weight:500;color:#87918a;letter-spacing:.1px}
.event-card .card-travel{margin-top:10px;gap:8px}.event-card .card-travel .route{font-size:12px;color:#748078}.event-card .directions{width:28px;height:28px;background:transparent;border:0;box-shadow:none}.event-card .directions>.fi{font-size:14px}.event-card .help{font-size:11px;margin:10px 0;line-height:1.5}.event-card.full{opacity:.7}
@media(max-width:620px){.event-card{grid-template-columns:62px minmax(0,1fr);gap:12px 16px;padding:12px 14px;border-radius:16px}.event-time{font-size:20px;padding:3px 4px;gap:6px}.event-time .duration{font-size:10px}.event-card h2{font-size:16px;font-weight:500;letter-spacing:-.35px;line-height:1.4}.event-card .venue{font-size:12px}.event-type{font-size:9px;margin-bottom:7px}.event-facts{margin-top:10px;gap:6px}.event-booking{grid-column:2;display:grid;grid-template-columns:minmax(0,1fr) 84px;align-items:center;text-align:left;gap:3px 12px;padding-top:1px}.event-booking .roster{justify-content:flex-start;grid-column:1;grid-row:1}.event-booking .roster-count{font-size:20px}.event-booking .book{grid-column:2;grid-row:1;padding:0 12px}.event-facts .metric-price,.event-facts .metric-level{padding:6px 9px;min-height:28px}}
@media(max-width:360px){.event-card{padding:12px;gap:13px;grid-template-columns:56px minmax(0,1fr)}.event-time{font-size:18px}.event-booking{grid-template-columns:minmax(0,1fr) 72px;gap:3px 8px}.event-booking .roster-count{font-size:18px}}

.event-provider{display:flex;align-items:center;justify-content:center;height:18px;width:auto;flex:0 0 auto;margin:0 0 0 4px}.provider-logo{display:block;width:auto;max-width:58px;height:auto;max-height:12px;object-fit:contain}.provider-padelmates{max-width:45px;max-height:29px;margin:0}.provider-court22{max-height:8px}.provider-matchi{width:16px;height:16px;max-height:16px}


.event-time .event-type{margin:0;font-size:9px;letter-spacing:.2px;gap:4px;white-space:nowrap}.event-time .event-type:before{width:4px;height:4px}
@media(max-width:620px){.event-time .event-type{font-size:8px}}

/* Date and preference controls share one compact toolbar. */
.filter-toolbar{display:flex;align-items:center;gap:10px;width:100%}
.filter-toolbar .tabs{background:#eee8df;border:1px solid #e8dfd2;border-radius:12px;padding:3px;gap:2px}
.filter-toolbar .tabs button{min-height:36px;padding:0 16px;border-radius:9px;font-size:13px}
.filter-toolbar .location-entry{border:0;padding:0;margin-left:auto}
.filter-toolbar #location-toggle,.filter-toolbar #level-toggle{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:7px;height:44px;min-height:44px;border:1px solid #e8dfd2!important;border-radius:12px;background:white!important;padding:0 14px;margin:0;font-size:13px;font-weight:600;color:#221833;white-space:nowrap}
.filter-toolbar #location-toggle .filter-circle{width:auto;height:auto;background:none;border:0;color:inherit}
.filter-toolbar #location-toggle .filter-circle .fi{font-size:17px}
.filter-toolbar #location-toggle .filter-label{font-size:13px}
.filter-toolbar #location-toggle.selected{color:#087e88;background:#e9f5f5!important;border-color:#b8dcde!important}
.filter-toolbar #quick-clear-origin{right:-6px;top:-6px;width:20px;height:20px}
.controls .filter-icon-row{padding-top:0}
@media(max-width:620px){.filter-toolbar{gap:6px}.filter-toolbar .tabs{flex:1}.filter-toolbar .tabs button{flex:1;padding:0 9px;font-size:12px}.filter-toolbar #location-toggle,.filter-toolbar #level-toggle{padding:0 10px;font-size:12px}.filter-toolbar #location-toggle .filter-label{font-size:12px}.filter-toolbar #location-toggle .filter-circle{display:none}.filter-toolbar .location-entry{margin:0}}
@media(max-width:360px){.filter-toolbar{gap:4px}.filter-toolbar .tabs button{padding:0 6px;font-size:11px}.filter-toolbar #location-toggle,.filter-toolbar #level-toggle{padding:0 7px;font-size:11px}.filter-toolbar #location-toggle .filter-label{font-size:11px}}