body {
  --color-success: #dfc322;
  --color-white: #fff;
}

.view-localgov-sitewide-search .lgd-search-results-list__header-container {
  border-radius: 0;
  box-shadow:
  0 1px 2px rgba(0,0,0,.08),
  0 2px 4px rgba(0,0,0,.06);

  @media screen and (min-width: 768px) {
    width: 75%;
  }
}

.view-search-filters .view-filters__opener,
.view-search-filters #edit-s--2,
.view-search-filters #edit-submit-localgov-sitewide-search,
.view-search-filters #edit-submit-localgov-sitewide-search--2,
.view-search-filters #edit-reset,
.view-search-filters #edit-reset--2 {
  font-family: 'Poppins', sans serif;
}

.view-search-filters .view-filters__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.5rem;
}

.view-search-filters .view-filters__header h2 {
  margin: 0;
}

.view-search-filters .view-filters__opener,
.view-search-filters #edit-submit-localgov-sitewide-search,
.view-search-filters #edit-submit-localgov-sitewide-search--2,
.view-search-filters #edit-reset {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  padding: 0.5rem 0.75rem;
  width: 9rem;
  border: none;
  background: var(--color-success);
  color: #000;
  cursor: pointer;
}

.view-search-filters .view-filters__opener:hover,
.view-search-filters .view-filters__opener:focus,
.view-search-filters .view-filters__opener:focus-visible,
.view-search-filters #edit-submit-localgov-sitewide-search:hover,
.view-search-filters #edit-submit-localgov-sitewide-search:focus,
.view-search-filters #edit-submit-localgov-sitewide-search:focus-visible,
.view-search-filters #edit-submit-localgov-sitewide-search--2:hover,
.view-search-filters #edit-submit-localgov-sitewide-search--2:focus,
.view-search-filters #edit-submit-localgov-sitewide-search--2:focus-visible,
.view-search-filters #edit-reset:hover,
.view-search-filters #edit-reset:focus,
.view-search-filters #edit-reset:focus-visible {
  background: black;
  color: var(--color-white);
  border-radius: 0.3rem;
}

.view-search-filters #edit-submit-localgov-sitewide-search,
.view-search-filters #edit-reset {
  margin-right: 1rem;
  margin-top: 1rem;
}

.view-search-filters .view-filters__opener .arrow-icon {
  display: inline-block;
  margin-left: auto;
  width: 1rem;
  height: 1rem;
  background-color: black;
  transform: rotate(90deg);
  -webkit-mask: url('/themes/custom/eastcambs_theme/assets/icons/list-arrow-black.svg') no-repeat center / contain;
  mask: url('/themes/custom/eastcambs_theme/assets/icons/list-arrow-black.svg') no-repeat center / contain;
}

.view-search-filters .view-filters__opener:hover,
.view-search-filters .view-filters__opener:focus,
.view-search-filters .view-filters__opener:focus-visible{
  .arrow-icon {
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    background-color: var(--color-white);
  }
}

.view-search-filters .view-filters__opener[aria-expanded="true"] .arrow-icon {
  transform: rotate(270deg);
  position: relative;
  left: -5px;
}

.view-search-filters .view-filters__opener .view-more {
  display: inline;
}

.view-search-filters .view-filters__opener .view-less {
  display: none;
}

.view-search-filters .view-filters__opener[aria-expanded="true"] .view-more {
  display: none;
}

.view-search-filters .view-filters__opener[aria-expanded="true"] .view-less {
  display: inline;
}

.view-search-filters .search-filters__content {
  padding: 0.75rem;
}

/* Hide panel when [hidden] is present (toggled via JS) */
.view-search-filters .search-filters__content[hidden] {
  display: none !important;
}

/* Make the exposed form a vertical list */
.view-search-filters .search-filters__content .views-exposed-form {
  display: block;
}

.view-search-filters .search-filters__content .views-exposed-form .form-item,
.view-search-filters .search-filters__content .views-exposed-form .form-actions {
  display: block;
  width: 100%;
  margin: 0 0 0.75rem;
}

.view-search-filters .search-filters__content .views-exposed-form .form-item:last-child,
.view-search-filters .search-filters__content .views-exposed-form .form-actions:last-child {
  margin-bottom: 0;
}

.view-search-filters .search-filters__content .views-exposed-form input[type="text"],
.view-search-filters .search-filters__content .views-exposed-form select,
.view-search-filters .search-filters__content .views-exposed-form .form-select,
.view-search-filters .search-filters__content .views-exposed-form .form-text {
  width: 100%;
  border-radius: 1rem;
}

/* Ensure the exposed form stacks fields and places actions at the end */
.view-search-filters .views-exposed-form {
  display: block;
}

.view-search-filters .views-exposed-form .form-item,
.view-search-filters .views-exposed-form .form-actions {
  display: block;
  width: 100%;
  margin: 0 0 0.75rem;
  float: none;
  /* prevent stray floats from other CSS */
  clear: both;
  /* drop below any floated elements */
}

/* Inputs/selects full width looks cleaner in vertical layout */
.view-search-filters .views-exposed-form .form-text,
.view-search-filters .views-exposed-form .form-select,
.view-search-filters .views-exposed-form input[type="text"],
.view-search-filters .views-exposed-form select {
  width: 100%;
}

.view-header #search-results {
    display: none;
}

.lgd-search-results-list ol {
  list-style-type: none;
  padding-inline-start: 0;
}


.lgd-search-results-list .view-header {
  margin-top: 1rem;
  margin-block-end: 0;
}

.view-localgov-sitewide-search .pager {
  a {
    display: inline-block;
    height: 2.25rem;
    min-width: 1.75rem;
    padding-top: 0.3rem;
    transition: none;
    text-align: center;
  }

  .pager__item:not(.pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last) {
    & a:hover,
    & a:focus-visible,
    &.is-active a {
      background-color: #000 !important;
      border-radius: 5px;
      color: var(--color-white) !important;
      border-style: none;
    }
  }

}

@media screen and (max-width: 720px) {
  .pager__item:not(.pager__item--first, .pager__item--previous, .pager__item--next, .pager__item--last) {
    display: none;

    &.is-active,
    &.is-active + .pager__item,
    &:nth-child(n+1):has(+ .pager__item.is-active) {
      display: list-item;
    }
  }
}

/* Scope to the Sitewide Search view pager only */
.view-id-localgov_sitewide_search nav.pager {
  --pager-success: var(--color-success, #dfc322);
}

.pager{
  .pager__item--first a span[aria-hidden="true"],
  .pager__item--previous a span[aria-hidden="true"],
  .pager__item--next a span[aria-hidden="true"],
  .pager__item--last a span[aria-hidden="true"] {
    display: none;
  }

  .pager__item--first a,
  .pager__item--previous a,
  .pager__item--next a,
  .pager__item--last a {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.25rem;
    height: 2.25rem;
    padding: 0;
    color: transparent;
    background-color: var(--color-white);
    box-shadow:
      0 1px 2px rgba(0,0,0,.08),
      0 2px 4px rgba(0,0,0,.06);
  }

   .pager__item--first a::before,
   .pager__item--previous a::before,
   .pager__item--next a::before,
   .pager__item--last a::before {
    content: '';
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: var(--pager-success);
  }

  .pager__item--first a::before {
    -webkit-mask-image: url('/themes/custom/eastcambs_theme/assets/icons/forward-step-solid.svg');
    mask-image: url('/themes/custom/eastcambs_theme/assets/icons/forward-step-solid.svg');
    transform: rotate(180deg);
  }

  .pager__item--previous a::before {
    -webkit-mask: url('/themes/custom/eastcambs_theme/assets/icons/play-solid.svg') no-repeat center / contain;
    mask: url('/themes/custom/eastcambs_theme/assets/icons/play-solid.svg') no-repeat center / contain;
    transform: rotate(180deg);
  }

  .pager__item--next a::before {
    -webkit-mask: url('/themes/custom/eastcambs_theme/assets/icons/play-solid.svg') no-repeat center / contain;
    mask: url('/themes/custom/eastcambs_theme/assets/icons/play-solid.svg') no-repeat center / contain;
  }

  .pager__item--last a::before {
    -webkit-mask: url('/themes/custom/eastcambs_theme/assets/icons/forward-step-solid.svg') no-repeat center / contain;
    mask: url('/themes/custom/eastcambs_theme/assets/icons/forward-step-solid.svg') no-repeat center / contain;
  }

  .pager__item--first a:hover,
  .pager__item--first a:focus,
  .pager__item--first a:focus-visible,
  .pager__item--previous a:hover,
  .pager__item--previous a:focus,
  .pager__item--previous a:focus-visible,
  .pager__item--next a:hover,
  .pager__item--next a:focus,
  .pager__item--next a:focus-visible,
  .pager__item--last a:hover,
  .pager__item--last a:focus,
  .pager__item--last a:focus-visible {
    background-color: var(--pager-success);
    border-radius: 5px;
    transition: background-color .25s ease, border-color .25s ease, box-shadow .25s ease;
  }

   .pager__item--first a:hover::before,
   .pager__item--first a:focus::before,
   .pager__item--first a:focus-visible::before,
   .pager__item--previous a:hover::before,
   .pager__item--previous a:focus::before,
   .pager__item--previous a:focus-visible::before,
   .pager__item--next a:hover::before,
   .pager__item--next a:focus::before,
   .pager__item--next a:focus-visible::before,
   .pager__item--last a:hover::before,
   .pager__item--last a:focus::before,
   .pager__item--last a:focus-visible::before {
    background-color: var(--color-black);
  }
}

/* Closed control */
.view-search-filters .choices {
  width: 100%;
}
.view-search-filters .choices__inner {
  background: var(--color-white);
  border-radius: 1rem;
  padding: 0.25rem 0.5rem;
  min-height: 2.5rem;
  transition: border-color .15s ease, box-shadow .15s ease;
}
.view-search-filters .choices:hover .choices__inner,
.view-search-filters .is-focused .choices__inner {
  border-color: black;
}

.view-search-filters .choices.is-open .choices__inner {
  border-radius: 1rem 1rem 0 0;
  border-color: var(--color-black);
}

.view-search-filters .choices.is-open.is-flipped .choices__inner{
  border-top: none;
  border-radius: 0 0 12px 12px;
}
.view-search-filters .choices.is-open:not(.is-flipped) .choices__inner {
  border-bottom: none;
  border-radius: 12px 12px 0 0; 
}

/* Dropdown panel */
.view-search-filters .choices__list--dropdown {
  border: 1px solid black;
  border-radius: 0 0 1rem 1rem;
  overflow: hidden;
}

/* Options hover/selected */
.view-search-filters .choices__list--dropdown .choices__item--selectable {
  width: 80%;
  padding: 0.5rem 0.75rem;
  border-radius: 5px;
  margin: 0.5rem 0.75rem;
  transition: background-color .12s ease, color .12s ease;
}
.view-search-filters .choices__list--dropdown .choices__item--selectable.is-highlighted,
.view-search-filters .choices__list--dropdown .choices__item--selectable:hover {
  background: var(--color-success, #dfc322);
  color: #000;
}

/* Ensure full width with your vertical layout */
.view-search-filters .selectric-wrapper,
.view-search-filters .choices { width: 100%; }