/* CALENDAR agent: bridge D11 exposed-form markup to prod's D7 exposed-widget layout
   (prod-parity.css keys on .views-exposed-widget wrappers that D11 does not emit) */
#views-exposed-form-events-page-1 { margin-bottom: .5em; }
#views-exposed-form-events-page-1 .form-item-title,
#views-exposed-form-events-page-1 .form-item {
  float: left; padding: .5em 1em 0 0; margin: 0;
}
#views-exposed-form-events-page-1 label { font-weight: bold; display: block; }
#views-exposed-form-events-page-1 .form-actions { float: left; margin: 0; padding: .5em 0 0 0; }
#views-exposed-form-events-page-1 .form-actions .form-submit {
  float: left; display: block; margin: 1.6em 1em 0 0;
}
#views-exposed-form-events-page-1::after { content: ""; display: table; clear: both; }
.view-events .view-filters { clear: both; }

/* date-nav heading/pager spacing parity (beta resets differ from prod aggregate) */
.view-events .date-nav-wrapper .date-heading h3 { margin: 0; }
.view-events .date-nav-wrapper ul.pager { margin: 20px 0; }

/* D10.3+ hides the exposed-form Reset button until input is present; prod (D7)
   always showed it. Render a visual facsimile only when the real one is absent. */
#views-exposed-form-events-page-1 .form-actions:not(:has(input[value="Reset"]))::after {
  content: "Reset";
  float: left;
  display: block;
  margin: 1.6em 1em 0 0;
  font-weight: bold;
  padding: 10px;
  border-radius: 1px;
  background-color: #0055b8;
  color: #fff;
  text-align: center;
  font-size: 13.3333px;
  font-family: Arial, sans-serif;
  line-height: normal;
  cursor: pointer;
}

/* prod has ~36px more space between the month heading band and the exposed filters */
.view-events .view-filters { margin-top: 36px; }

/* residual ~19px gap between exposed form and first row on prod (D7 form margin) */
.view-events .view-content { margin-top: 28px; }
/* prod buttons render in UA default font (Arial 13.33px); D11 core css sets font:inherit */
#views-exposed-form-events-page-1 .form-submit { font-family: Arial, sans-serif; font-size: 13.3333px; }
