/*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); }