/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 21 2025 | 22:36:29 */
/* [UI/Tabs] Horizontal swipeable tabs (no sticky)
   Why: Make the tab strip scrollable/swipeable with pill buttons.
   Added: 2025-09-21 | Owner: Val | Safe to disable: Yes
*/

.tabs-track{
  display:flex !important;
  flex-direction:row !important;
  flex-wrap:nowrap !important;
  overflow-x:auto !important;           /* horizontal scroll */
  -webkit-overflow-scrolling:touch;     /* smooth iOS swipe */
  white-space:nowrap !important;        /* keep items on one line */
  gap:0;
  padding:8px 0;
  background:#fff;                      /* adjust/remove if needed */
}

/* Hide scrollbar but keep swipe */
.tabs-track{ -ms-overflow-style:none; scrollbar-width:none; }
.tabs-track::-webkit-scrollbar{ display:none; }

/* Pills auto-size to text */
.tabs-track .tab-btn{
  flex:0 0 auto !important;             /* don’t shrink or stretch */
  display:inline-flex !important;
  align-items:center;
  justify-content:center;
  width:auto !important;
  max-width:none !important;
  white-space:nowrap !important;
  padding:.1rem 1rem;                    /* pill padding */
  border-radius:9999px;                  /* pill shape */
  text-decoration:none;
  font-size:.95rem;                      /* tweak if needed */
}

/* Optional visual states */
/*
.tabs-track .tab-btn:hover{ opacity:.9; }
.tabs-track .tab-btn.is-active{
  font-weight:600;
  box-shadow:inset 0 0 0 2px currentColor;
}
*/