/* UKPO v22.1.67 / R8.3.11 — Activities + My Bookings filters */
.ukpo-activity-filterbar{
  margin:14px 0 16px;
  padding:14px;
  border:1px solid #d7e7ed;
  border-radius:16px;
  background:#f8fcfd;
  box-shadow:0 4px 14px rgba(13,75,91,.05);
}
.ukpo-activity-filtergrid{
  display:grid;
  grid-template-columns:minmax(180px,1.35fr) repeat(4,minmax(145px,1fr)) auto;
  gap:10px;
  align-items:end;
}
.ukpo-activity-filterfield{min-width:0}
.ukpo-activity-filterfield label{
  display:block;
  margin:0 0 5px;
  color:#496a76;
  font-size:11px;
  font-weight:800;
  letter-spacing:.02em;
}
.ukpo-activity-filterfield input,
.ukpo-activity-filterfield select{
  width:100%;
  min-height:42px;
  padding:9px 11px;
  border:1px solid #c8dce4;
  border-radius:10px;
  background:#fff;
  color:#143747;
  font:inherit;
}
.ukpo-activity-filterfield input:focus,
.ukpo-activity-filterfield select:focus{
  outline:2px solid rgba(10,157,181,.18);
  border-color:#0a9db5;
}
.ukpo-activity-filter-reset{
  min-height:42px;
  white-space:nowrap;
  padding:9px 14px!important;
}
.ukpo-filter-summary{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:10px;
  color:#59727c;
  font-size:12px;
}
.ukpo-filter-summary strong{color:#12384a}
.ukpo-filter-empty{
  margin:12px 0;
  padding:22px 16px;
  text-align:center;
  border:1px dashed #bdd6df;
  border-radius:14px;
  background:#fbfefe;
  color:#56707b;
}
@media (max-width:1050px){
  .ukpo-activity-filtergrid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (max-width:700px){
  .ukpo-activity-filterbar{padding:11px;margin:10px 0 13px;border-radius:13px}
  .ukpo-activity-filtergrid{grid-template-columns:1fr 1fr;gap:8px}
  .ukpo-activity-filterfield:first-child{grid-column:1/-1}
  .ukpo-activity-filter-reset{width:100%}
  .ukpo-filter-summary{font-size:11px;flex-wrap:wrap}
}
@media (max-width:430px){
  .ukpo-activity-filtergrid{grid-template-columns:1fr}
  .ukpo-activity-filterfield:first-child{grid-column:auto}
}
