/*mobile search facets*/
.region--sidebar {
  .block {
    /*display: none;*/
    margin-bottom: 2em;
  }
  .block.hidden {
    /*display: none !important;*/
  }
}

@media (max-width: 1000px) {
  .facet-wrapper {
    display: none;
  }
  #toggle-facets {
    background-color: var(--color--bdh-red);
    transition: filter 0.2s ease;
    font-size: 1em;
    color: white;
    border: none;
    padding: 10px 15px;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    &:hover {
      filter: brightness(1.5); /* Lightens by 10% */
    }
  }
  .sidebar-grid {
    display: grid;
    grid-template-columns: 1fr; /* Single column for vertical stacking */
    gap: 1rem; /* Optional: adds space between items */
  }
  .sidebar-grid .region--sidebar {
    grid-column: 1 / 15;
  }

  main {
    order: 2; /* Places main after aside visually */
  }

  aside {
    order: 1; /* Places aside before main visually */
  }
  .sidebar-grid > .site-main {
    grid-column: 1 / 15;
    align-self: flex-start;
  }
}

@media (min-width: 1001px) {
  #toggle-facets {
    display: none;
  }
}
.mobile-facets-element {
  background-color: var(--mobile_facets-color, #000000); /* Fallback to black if undefined. */
  border: 1px solid var(--mobile_facets-color);
}
