.view-filters {
  margin-bottom: 2rem;
}
.view-filters label {
  /* display: none; */
  margin: 0 0 0.5rem;
}
#views-exposed-form-recent-news-block-recent-news label {
  display: none;
}
.view-filters .form--inline {
  display: flex;
  flex-direction: column;
}
.view-filters .form--inline .form-item {
  float: none;
  margin: 0 0 2rem 0;
}
.view-filters .form-actions {
  padding: 0;
  margin: 0;
}
#views-exposed-form-all-people-block-all-people input[type="text"],
#views-exposed-form-all-people-all-people-embed input[type="text"] {
  border-right-width: 1px;
  border-right-style: solid;
  border-radius: 8px;
  margin: 0;
}
/* Hide Apply button on Regional Area Manager filter */
#views-exposed-form-all-people-block-all-people .form-actions,
#views-exposed-form-all-people-all-people-embed .form-actions {
  display: none !important;
}

/* Hide Apply button on News and Events filter */
#views-exposed-form-recent-news-block-recent-news .form-actions {
  display: none !important;
}
#views-exposed-form-all-people-block-all-people label,
#views-exposed-form-all-people-all-people-embed label {
  display: block;
  margin: 0 0 0.5rem 0;
}
/* Tablet */
@media screen and (min-width: 768px) {
  .view-filters .form--inline {
    align-items: flex-end;
    display: flex;
    flex-direction: row;
  }
  .view-filters .form--inline .form-item {
    margin: 0 1rem 0 0;
  }
  .view-filters .form-actions {
    margin: 0;
  }
  #views-exposed-form-all-people-block-all-people .form--inline,
  #views-exposed-form-all-people-all-people-embed .form--inline {
    display: flex;
    flex-direction: row;
    /* flex-wrap: wrap; */
  }
  #views-exposed-form-all-people-block-all-people .form--inline .form-item,
  #views-exposed-form-all-people-all-people-embed .form--inline .form-item {
    /* flex: 0 1 50%; */
    margin: 0 1rem 0 0;
    /* max-width: 50%; */
  }
  #views-exposed-form-all-people-block-all-people .form--inline .form-actions,
  #views-exposed-form-all-people-all-people-embed .form--inline .form-actions {
    flex: 0 1 100%;
    margin: 1rem 0 0 0;
    max-width: 100%;
  }
  #views-exposed-form-all-people-block-all-people input[type="text"],
  #views-exposed-form-all-people-all-people-embed input[type="text"] {
    max-width: 200px;
  }
}
/* Large desktop */
@media screen and (min-width: 1200px) {
  #views-exposed-form-all-people-block-all-people .form--inline .form-item,
  #views-exposed-form-all-people-all-people-embed .form--inline .form-item {
    flex: 0 1 auto;
    margin: 0.5rem 1rem 0 0;
    max-width: none;
  }
  #views-exposed-form-all-people-block-all-people .form--inline .form-actions,
  #views-exposed-form-all-people-all-people-embed .form--inline .form-actions {
    flex: 0 1 auto;
    margin: 0.5rem 0 0 0;
    max-width: none;
  }
}
/* Postcode Region Match Display - Simple Text */
.postcode-region-match {
  color: var(--qridaOrange);
  font-size: var(--font-size-lg);
  font-family: "Lato", "Arial", "Helvetica Neue", sans-serif;
  font-weight: var(--font-weight-semibold);
  margin: 1rem 0 1.5rem 0;
  display: none;
  text-align: center;
  line-height: var(--line-height-snug);
}

/* View filter form actions - add spacing between buttons */
.view-filters .form-actions,
.views-exposed-form .form-actions {
  display: flex !important;
  gap: var(--space-md) !important;
  flex-wrap: wrap !important;
  align-items: center !important;
}

/* View filter submit buttons - override js-hide and ensure visibility */
.view-filters .form-actions input[type="submit"],
.view-filters .form-actions button[type="submit"],
.view-filters .form-actions .form-submit,
.view-filters .form-actions .button,
.views-exposed-form .form-actions input[type="submit"],
.views-exposed-form .form-actions .form-submit {
  background: var(--qridaOrange) !important;
  border: 1px solid var(--qridaOrange) !important;
  border-radius: 8px !important;
  color: var(--white) !important;
  cursor: pointer !important;
  display: inline-block !important;
  font-family: var(--font-family-ui) !important;
  font-size: var(--font-size-button) !important;
  font-weight: var(--font-weight-medium) !important;
  line-height: var(--line-height-ui) !important;
  min-width: 100px !important;
  opacity: 1 !important;
  padding: var(--space-md) var(--space-xl) !important;
  text-align: center !important;
  transition: all 0.2s ease !important;
  visibility: visible !important;
}

.view-filters .form-actions input[type="submit"]:hover,
.view-filters .form-actions button[type="submit"]:hover,
.view-filters .form-actions .form-submit:hover,
.views-exposed-form .form-actions input[type="submit"]:hover,
.views-exposed-form .form-actions .form-submit:hover {
  background: var(--orangeLighter) !important;
  border-color: var(--orangeEarthy) !important;
  color: var(--white) !important;
}

.view-filters .form-actions input[type="submit"]:focus,
.view-filters .form-actions button[type="submit"]:focus,
.view-filters .form-actions .form-submit:focus,
.views-exposed-form .form-actions input[type="submit"]:focus,
.views-exposed-form .form-actions .form-submit:focus {
  outline: var(--focus-ring) !important;
  outline-offset: 2px !important;
}

/* Extra large desktop */
@media screen and (min-width: 1920px) {
}
