/**
 * MITA sticky sidebars.
 * Loaded only on single product and single post views.
 */

:root {
  --mita-sticky-offset: 120px;
}

@media (min-width: 1025px) {
  body.single-product .mita-product-detail-extra,
  body.single-product .mita-product-detail-cards {
    align-items: start;
    overflow: visible;
    transform: none;
    filter: none;
    contain: none;
  }

  body.single-product .mita-product-spec-card {
    position: sticky;
    top: var(--mita-sticky-offset, 120px);
    align-self: start;
    z-index: 2;
    max-height: calc(100vh - var(--mita-sticky-offset, 120px) - 24px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, 0.22) transparent;
    -webkit-overflow-scrolling: touch;
  }

  body.single-product .mita-product-spec-card::-webkit-scrollbar {
    width: 4px;
  }

  body.single-product .mita-product-spec-card::-webkit-scrollbar-track {
    background: transparent;
  }

  body.single-product .mita-product-spec-card::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.18);
  }

  body.single-post.mita-blog-single .mita-single-layout {
    align-items: stretch;
    overflow: visible;
    transform: none;
    filter: none;
    contain: none;
  }

  body.single-post.mita-blog-single .mita-single-main {
    align-self: start;
  }

  body.single-post.mita-blog-single .mita-single-sidebar {
    align-self: stretch;
    min-height: 100%;
    overflow: visible;
  }

  body.single-post.mita-blog-single .mita-single-sidebar__inner {
    position: sticky;
    top: var(--mita-sticky-offset, 120px);
    max-height: calc(100vh - var(--mita-sticky-offset, 120px) - 24px);
    overflow-x: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding-right: 4px;
    scrollbar-width: thin;
    scrollbar-color: rgba(15, 23, 42, 0.22) transparent;
    -webkit-overflow-scrolling: touch;
  }

  body.single-post.mita-blog-single .mita-single-sidebar__inner > .mita-blog-sidebar {
    position: static;
    top: auto;
  }

  body.single-post.mita-blog-single .mita-single-sidebar__inner::-webkit-scrollbar {
    width: 4px;
  }

  body.single-post.mita-blog-single .mita-single-sidebar__inner::-webkit-scrollbar-track {
    background: transparent;
  }

  body.single-post.mita-blog-single .mita-single-sidebar__inner::-webkit-scrollbar-thumb {
    border-radius: 999px;
    background: rgba(15, 23, 42, 0.18);
  }
}

@media (max-width: 1024px) {
  body.single-product .mita-product-spec-card,
  body.single-post.mita-blog-single .mita-single-sidebar__inner {
    position: static;
    top: auto;
    max-height: none;
    overflow: visible;
  }
}