/* Hallmark · v2.0.0 · theme: locked wohin.jetzt · scope: app · signature: activities for the available time · motion: none */
/* Critique: native filters narrow the existing offer list without suggesting live availability. */
.activities-context { max-width: 65ch; margin-bottom: var(--space-lg); }
.activities-filter { padding: var(--space-lg); margin-bottom: var(--space-lg); background: var(--paper-raised); border: 1px solid var(--rule); border-radius: var(--radius-panel); }
.activities-filter h2, .activities-errors h2 { margin: 0 0 var(--space-md); font: 700 1.4rem/1.3 var(--font-body); }
.activities-filter-fields { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; gap: var(--space-md); align-items: start; }
.activities-filter-fields > div { min-width: 0; }
.activities-filter label { display: block; margin-bottom: var(--space-xs); font-weight: 600; }
.activities-filter select { width: 100%; min-height: 48px; }
.activities-filter .button { min-height: 48px; margin: calc(var(--space-lg) + var(--space-sm)) 0 0; }
.activities-filter > p { margin: var(--space-md) 0 0; }
.activities-errors { padding: var(--space-lg); margin-bottom: var(--space-lg); color: var(--error); background: var(--error-paper); border-radius: var(--radius-control); }
.activities-errors ul { margin-block: 0 var(--space-md); }
.activities-filter .field-error { color: var(--error); margin: var(--space-xs) 0 0; }
.activity-duration { margin: 0 0 var(--space-sm); }
#angebote { scroll-margin-top: var(--space-lg); }
@media (max-width: 900px) {
    .activities-filter-fields { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
    .activities-filter .button { margin-top: 0; grid-column: 1 / -1; justify-self: start; }
}
@media (max-width: 540px) {
    .activities-filter, .activities-errors { padding: var(--space-md); }
    .activities-filter-fields { grid-template-columns: minmax(0, 1fr); }
    .activities-filter .button { width: 100%; }
}