/* Desktop: hide if data-hide-on-desktop="true" */
@media screen and (min-width: 1025px) {
    .wp-block-flexible-table-block-table[data-hide-on-desktop="true"] {
        display: none !important;
        visibility: hidden !important; /* optional, adds extra safety */
    }
}

/* Tablet: hide if data-hide-on-tablet="true" */
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .wp-block-flexible-table-block-table[data-hide-on-tablet="true"] {
        display: none !important;
        visibility: hidden !important;
    }
}

/* Mobile: hide if data-hide-on-mobile="true" */
@media screen and (max-width: 767px) {
    .wp-block-flexible-table-block-table[data-hide-on-mobile="true"] {
        display: none !important;
        visibility: hidden !important;
    }
   /* Mobile: 3157 gradient color css */
    .table-wrapper {
        position: relative;
        display: inline-block;
        width: 100%;
    }

    /* Table scroll container */
    .table-scroll {
        display: block;
        overflow-x: auto;
    }

    /* Gradient elements */
    .table-gradient-left,
    .table-gradient-right {
        position: absolute;
        top: 0;
        width: 16px;
        height: 100%;
        pointer-events: none;
        opacity: 0;
        transition: opacity 0.3s;
    }

    .table-gradient-left {
        left: 0;
        background: linear-gradient(to left, transparent, rgba(0,0,0,0.4));
    }

    .table-gradient-right {
        right: 0;
        background: linear-gradient(to right, transparent, rgba(0,0,0,0.4));
    }

    /* Show gradients */
    .table-wrapper.show-left .table-gradient-left {
        opacity: 1;
    }

    .table-wrapper.show-right .table-gradient-right {
        opacity: 1;
    }

}
/* Horizontal scroll - 3037 */
.ftb-swipe-indicator-wrapper {
  width: 100%;
  position: sticky;
  right: 0;
  left: 0;
  display: flex;
  justify-content: flex-end; /* right aligned */
  margin: 6px 0;
}

.ftb-swipe-indicator {  
  text-align: end;
  font-size: 14px;
  line-height: 21px;
  color: #333333;
  padding: 6px 14px;
  width: 100%;
  background: linear-gradient(to left, rgba(240, 240, 240, 1), rgba(240, 240, 240, 0));
}