/* Force ANY Stackable tab wrapper to stack vertically */
.stk-block-tabs > div,
.stk-block-tabs__wrapper {
    display: flex !important;
    flex-direction: column !important;
}

.stk-block-tab-labels__wrapper {
  display: flex !important;           /* use flexbox */
  flex-direction: row !important;  /* stack top → bottom */
  flex-wrap: nowrap !important;       /* don't wrap into new columns/rows */
	overflow-y: hidden !important;       /* enable vertical scroll */
  overflow-x: auto !important;     /* prevent horizontal scroll */
  box-sizing: border-box !important;
}

/* Inner tab buttons themselves vertical stack */
.stk-block-tabs .stk-block-tabs .stk-block-tab-labels__wrapper {
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
}

/* Make ONLY inner tab sets display side-by-side */
.stk-block-tabs .stk-block-tabs .stk-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
}

/* Inner tab labels the left column */
.stk-block-tabs .stk-block-tabs .stk-block-tab-labels {
    flex: 0 0 100px !important;  /* set the width of the left column */
}

/* Inner tab content the right column */
.stk-block-tabs .stk-block-tabs .stk-block-tab-content {
    flex: 1 1 auto !important; 
}

/* Inner tab content spanning to right margin */
.stk-block-tabs .stk-block-tabs .stk-block-tab-content .stk-column-wrapper .stk-inner-blocks,
.stk-block-tabs .stk-block-tabs .stk-block-tab-content .stk-column-wrapper .wp-block-group,
.stk-block-tabs .stk-block-tabs .stk-block-tab-content .stk-column-wrapper p {
    max-width: 100% !important;
    width: 100% !important;
}

/* Ensure outermost tabs block fills at least full viewport height */
.stk-block-tabs.stk-block {
    min-height: 60vh;      /* full viewport height */
    display: flex;
    flex-direction: column; /* keep content stacking naturally */
}

/* Make inner tab content expand to fill remaining space */
.stk-block-tabs .stk-block-tab-content-wrapper {
    flex: 1 1 auto;
}



/* Scrollbar styling for outer tab labels */
.stk-block-tab-labels__wrapper::-webkit-scrollbar {
  height: 4px !important;          /* thinner, cleaner bar */
}

.stk-block-tab-labels__wrapper::-webkit-scrollbar-track {
  background: transparent !important;  /* removes bulky track */
}

.stk-block-tab-labels__wrapper::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,0.25) !important;  /* soft gray thumb */
  border-radius: 3px !important;            /* smoother shape */
}

.stk-block-tab-labels__wrapper::-webkit-scrollbar-thumb:hover {
  background: rgba(0,0,0,0.25) !important;  /* slightly darker on hover */
}

/* Firefox support */
.stk-block-tab-labels__wrapper {
  scrollbar-width: thin !important;
  scrollbar-color: rgba(0,0,0,0.25) transparent !important;
}

/* make width resize based on browser size */
body {
  overflow-x: hidden;
}

* {
  max-width: 100%;
  box-sizing: border-box;
}