/* Rich Horizontal Scrolling Container */
.rich-horizontal-scrolling-container {
    display: flex;
    /* gap and padding are controlled by WordPress settings */
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; /* Firefox */
    -ms-overflow-style: none; /* IE/Edge */
    position: relative;
    align-items: center;
}
  
  /* Ensure all direct children snap correctly */
  .rich-horizontal-scrolling-container > * {
    scroll-snap-align: center;
    flex: 0 0 auto;
    
    min-width: 250px; /* Minimum width */
    max-width: 80vw; /* Ensures items are not too big */
  }
  
  /* Center snapping for large elements */
  @media (min-width: 1024px) {
    .rich-horizontal-scrolling-container > * {
        scroll-snap-align: center; /* Makes sure elements snap to the middle */
    }
  }
  
  /* Responsive adjustments */
  @media (max-width: 768px) {
    .rich-horizontal-scrolling-container {
        gap: 10px;
        padding-bottom: 10px;
    }
  
    .rich-horizontal-scrolling-container > * {
        min-width: 60vw; /* Larger items on smaller screens */
    }
  }
  
  /* Custom Scrollbar Styles */
  .rich-horizontal-scrolling-container::-webkit-scrollbar {
    height: 8px;
    position: absolute;
    bottom: 10px;
    opacity: 0.2;
    transition: opacity 0.3s ease-in-out;
  }
  
  /* Scrollbar thumb */
  .rich-horizontal-scrolling-container::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    transition: background 0.3s ease-in-out;
  }
  
  /* Scrollbar hover effect */
  .rich-horizontal-scrolling-container::-webkit-scrollbar-thumb:hover {
    background: rgba(255, 255, 255, 0.7);
  }
  
  /* Scrollbar track */
  .rich-horizontal-scrolling-container::-webkit-scrollbar-track {
    background: transparent;
  }
  
  /* Show scrollbar on hover */
  .rich-horizontal-scrolling-container:hover::-webkit-scrollbar {
    opacity: 1;
  }