.wp-block-post-template {
  li {
    .wp-block-post-title {
      font-size: var(--wp--preset--font-size--inner-section-title);
      font-family: var(--wp--preset--font-family--notosansjp);
      font-weight: var(--wp--custom--typography--font-weight--normal);
      text-transform: capitalize;
    }

    .wp-block-post-title {
      margin-top: 0.6rem;
    }
  }
}

.wp-block-group.wp-block-post-meta>div {
  position: relative;
}

.wp-block-group .wp-block-post-excerpt {
  margin-block-start: 1.05rem;
}

.blog-section .wp-block-post-template,
.wp-block-post-template.alignfull {
  gap: var(--wp--custom--spacing--section-heading);
}

.wp-block-post-template figure {
  margin-bottom: var(--wp--custom--spacing--extra-small);
}

figure a,
.wp-block-post-title a {
  padding: 0;
}

.wp-block-group.wp-block-post-meta {
  @include flex;
  align-items: center;
  margin-top: 7.5px;
}

.w-block-widget a {
  font-size: var(--wp--preset--font-size--upper-heading);
}

.wp-block-group.wp-block-post-container {
  margin-top: 0;
  padding: var(--wp--custom--spacing--wp-comment-vertical) var(--wp--custom--spacing--normal);
}

.wp-block-post-meta a {
  font-size: var(--wp--preset--font-size--small);
}

.wp-block-columns.wp-block-sidebar {
  gap: var(--wp--custom--spacing--section-block-bottom);
  justify-content: space-between;
}

.wp-block-tag-cloud>a {
  border: 1px solid var(--wp--preset--color--border-color);
}


.scroller-section .wp-block-woocommerce-product-collection .wc-block-product-template .wc-block-product {
  flex: 1 0 16.6666666667%;
}

.scroller-section .inner-wrap {
  overflow-x: scroll;
  -ms-overflow-style: none;
  overflow-y: auto;
  overscroll-behavior-x: contain;
  scroll-snap-type: x mandatory;
  padding-bottom: 1.5rem;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }
}

.scroller-section .inner-wrap [class*="has-"] ul.wc-block-grid__products,
.scroller-section .inner-wrap .wp-block-woocommerce-product-collection .wc-block-product-template {
  display: flex;
  flex-wrap: nowrap;
  gap: 2rem;

  .wc-block-grid__product,
  .wc-block-product {
    flex-basis: 80%;
  }
}



/* Custom cursor for the scroller */
.scroller-section .inner-wrap {
  cursor: url("./assets/images/arrow-drag.png") 16 16, grab;
}

/* Reset cursor for links */
.scroller-section .inner-wrap a:any-link {
  cursor: pointer;
  user-select: text;
  /* or auto */
}

 .custom-scrollbar {
   height: 3px;
   width: 280px;
   /* 🔧 Your "tiny" width */
   margin: 0;
   background: var(--wp--preset--color--secondary-bg-color);
   border-radius: 2px;
   pointer-events: none;
   overflow: hidden;
   z-index: 10;
   margin: 0;
 }

 .custom-scrollbar-thumb {
   height: 100%;
   width: 30%;
   /* Dynamic or fixed width */
   background: var(--wp--preset--color--button-bg-color);
   border-radius: 2px;
 }
