/* NASE V342-R107 — shared AC category/listing results sidebar.
   Applies to matching listing-result layouts across all categories, not only
   /angkor-heritage-sites.php. Normal frontend is entirely untouched.
   The existing fixed navbar is ~62px tall; old R105 offset (88px) produced
   the visible white band and an unnecessary jump during scrolling. */
@media (min-width: 992px) and (min-height: 540px) {
  html[data-ac104-mode="ac"][data-ac107-listings="1"] .dir-list-all-bg .dir-alp-con {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }
  html[data-ac104-mode="ac"][data-ac107-listings="1"] .dir-list-all-bg .dir-alp-con > .col-md-3.dir-no-padd {
    position: sticky !important;
    top: 62px !important;
    align-self: flex-start !important;
    flex: 0 0 25% !important;
    width: 25% !important;
    max-width: 25% !important;
    float: none !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: calc(100vh - 76px) !important;
    max-height: calc(100dvh - 76px) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    scrollbar-gutter: stable;
    overscroll-behavior-y: contain;
    background: #ffffff !important;
    z-index: 12;
    /* Give the sticky region a dedicated paint layer to avoid scroll flashes. */
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    box-shadow: 0 3px 12px rgba(17,48,70,.08);
    border-radius: 0 0 10px 10px;
    transition: none !important;
    animation: none !important;
  }
  html[data-ac104-mode="ac"][data-ac107-listings="1"] .dir-list-all-bg .dir-alp-con > .col-md-9.dir-alp-con-right {
    flex: 1 1 75% !important;
    width: 75% !important;
    max-width: 75% !important;
    min-width: 0 !important;
    float: none !important;
  }
  html[data-ac104-mode="ac"][data-ac107-listings="1"] .dir-list-all-bg .dir-alp-con > .col-md-3.dir-no-padd::-webkit-scrollbar { width: 6px; }
  html[data-ac104-mode="ac"][data-ac107-listings="1"] .dir-list-all-bg .dir-alp-con > .col-md-3.dir-no-padd::-webkit-scrollbar-thumb { background: #c6dbe2; border-radius: 10px; }
}
@media (max-width: 991px), (max-height: 539px) {
  html[data-ac104-mode="ac"][data-ac107-listings="1"] .dir-list-all-bg .dir-alp-con > .col-md-3.dir-no-padd {
    position: static !important;
    top: auto !important;
    max-height: none !important;
    overflow: visible !important;
    background: transparent;
    box-shadow: none;
    transform: none;
    will-change: auto;
  }
}