/* Core sidebar disclosures only. Account navigation, filters and checkout own their UI. */
:is(.block-recently-viewed-products, .block-popular-tags, .blog-search-box,
    .block-blog-search, .block-blog-archive, .block-popular-blogtags) > .listbox {
  display: block;
}

.side-2 :is(.blog-search-box, .block-blog-search, .block-search) {
  width: 100%;
  min-width: 0;
}
.side-2 .blog-search-box span.search-box-text {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
}

.block.lea-sidebar-block { text-align: start; }
.lea-sidebar-block .list a,
.lea-sidebar-block .tags a { color: var(--dark-gray-color); }
.lea-sidebar-block .list a:hover,
.lea-sidebar-block .tags a:hover { color: var(--accent-blue-active-color); }

/* Native thumbnails are already in the model. Keep one image/name layout at every width. */
.block-recently-viewed-products > .listbox,
.block-popular-tags > .listbox { padding: 12px 16px; }
.block-recently-viewed-products .list li {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
}
.block-recently-viewed-products .list a { padding: 0; }
.block-recently-viewed-products .list a::before { display: none; }
.block-recently-viewed-products a.product-picture {
  display: block;
  flex: 0 0 64px;
  width: 64px;
  height: 48px;
  margin: 0;
  overflow: hidden;
  border-radius: var(--theme-radius);
}
.block-recently-viewed-products .product-picture img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.block-recently-viewed-products a.product-picture + a.product-name {
  flex: 1 1 auto;
  width: auto;
  min-width: 0;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
.block-popular-tags .tags ul {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 4px 16px;
}
.block-popular-tags .tags li { margin: 0; }

.lea-sidebar-block > .title {
  background-image: none;
  background-color: var(--lea-surface-warm-soft);
  border-color: var(--lea-border-soft);
  min-height: 48px;
  padding: 12px 44px 12px 16px;
  text-align: start;
}
.lea-sidebar-block > .title:focus-visible {
  outline: 2px solid var(--lea-accent-gold-soft);
  outline-offset: 2px;
}
.lea-sidebar-block > .listbox { display: block; }

@media (max-width: 1000px) {
  .side-2.lea-side-empty-mobile { display: none; }
  .lea-sidebar-block > .title { cursor: pointer; }
  .lea-sidebar-block > .title::after {
    content: "";
    position: absolute;
    inset-inline-end: 18px;
    top: 50%;
    width: 9px;
    height: 9px;
    border: solid currentColor;
    border-width: 0 2px 2px 0;
    transform: translateY(-25%) rotate(225deg);
  }
  .lea-sidebar-block.is-collapsed > .title::after {
    transform: translateY(-75%) rotate(45deg);
  }
  .lea-sidebar-block.is-collapsed > .listbox { display: none; }
}