/* Sidebar filter only */
.hp-widget--listing-filter select[name="period"] {
    width: 100%;
}

.hp-widget--listing-filter .hp-form__fields > * {
    margin-bottom: 12px;
}

/* Hide duplicate visible date inputs if they still render */
.hp-widget--listing-filter input[name="start_date"]:not([type="hidden"]),
.hp-widget--listing-filter input[name="end_date"]:not([type="hidden"]),
.hp-widget--listing-filter input[name="_hp_start_date"]:not([type="hidden"]),
.hp-widget--listing-filter input[name="_hp_end_date"]:not([type="hidden"]),
.hp-widget--listing-filter input[name="start"]:not([type="hidden"]),
.hp-widget--listing-filter input[name="end"]:not([type="hidden"]) {
    display: none !important;
}

/* Hide common field wrappers */
.hp-widget--listing-filter .hp-field--start_date,
.hp-widget--listing-filter .hp-field--end_date,
.hp-widget--listing-filter .hp-field--_hp_start_date,
.hp-widget--listing-filter .hp-field--_hp_end_date,
.hp-widget--listing-filter .hp-field--start,
.hp-widget--listing-filter .hp-field--end,
.hp-widget--listing-filter .hp-field--dates {
    display: none !important;
}

/* Hide common labels that may remain even if wrapper classes differ */
.hp-widget--listing-filter label[for="start_date"],
.hp-widget--listing-filter label[for="end_date"],
.hp-widget--listing-filter label[for="_hp_start_date"],
.hp-widget--listing-filter label[for="_hp_end_date"],
.hp-widget--listing-filter label[for="start"],
.hp-widget--listing-filter label[for="end"] {
    display: none !important;
}

/* Hide standalone text labels like "START (OPTIONAL)" / "END (OPTIONAL)" when they are rendered as headings */
.hp-widget--listing-filter .hp-form__fields > div:has(> label[for="start_date"]),
.hp-widget--listing-filter .hp-form__fields > div:has(> label[for="end_date"]),
.hp-widget--listing-filter .hp-form__fields > div:has(> label[for="_hp_start_date"]),
.hp-widget--listing-filter .hp-form__fields > div:has(> label[for="_hp_end_date"]),
.hp-widget--listing-filter .hp-form__fields > div:has(> label[for="start"]),
.hp-widget--listing-filter .hp-form__fields > div:has(> label[for="end"]) {
    display: none !important;
}