/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Aug 21 2025 | 13:58:18 */
/* =========
   Scrollbar bonito e drag-to-scroll
   Ativo somente em módulos com a classe .tm-hscroll
   ========= */

/* Paleta e dimensões (ajuste à vontade) */
.tm-hscroll {
  --tm-scroll-height: 10px;                 /* altura da barra horizontal */
  --tm-scroll-radius: 999px;                 /* cantos arredondados */
  --tm-scroll-track: rgba(0,0,0,0.08);       /* trilho */
  --tm-scroll-thumb: rgba(0,0,0,0.35);       /* polegar */
  --tm-scroll-thumb-hover: rgba(0,0,0,0.55); /* polegar hover */
  --tm-scroll-thumb-active: rgba(0,0,0,0.70);/* polegar ativo */
}

/* Contêiner que rola (tabela do Divi Table Maker) */
.tm-hscroll .dvmd_tm_table,
.dvmd_tm_table.tm-hscroll { /* caso aplique a classe direto na tabela */
  overflow-x: auto !important;
  overflow-y: hidden !important;
  -webkit-overflow-scrolling: touch;

  /* Barra padrão (Firefox) + melhorias */
  scrollbar-width: thin;
  scrollbar-color: var(--tm-scroll-thumb) var(--tm-scroll-track);
  overscroll-behavior-x: contain;
  scrollbar-gutter: stable both-edges;

  /* UX drag */
  cursor: grab;

  /* Indicação sutil de overflow nas bordas (opcional) */
  position: relative;
  background-image:
    linear-gradient(to right, rgba(0,0,0,0.10), rgba(0,0,0,0)),
    linear-gradient(to left,  rgba(0,0,0,0.10), rgba(0,0,0,0));
  background-position: left center, right center;
  background-repeat: no-repeat;
  background-size: 16px 80%;
}

/* Estado arrastando */
.tm-hscroll .dvmd_tm_table.is-dragging,
.dvmd_tm_table.tm-hscroll.is-dragging {
  cursor: grabbing;
  user-select: none;
}

/* Melhor gestos em touch */
.tm-hscroll .dvmd_tm_table,
.tm-hscroll .dvmd_tm_table * {
  touch-action: pan-y pan-x;
}

/* WebKit (Chrome/Edge/Safari) — somente barra horizontal */
.tm-hscroll .dvmd_tm_table::-webkit-scrollbar:horizontal {
  height: var(--tm-scroll-height);
}

.tm-hscroll .dvmd_tm_table::-webkit-scrollbar-track:horizontal {
  background: var(--tm-scroll-track);
  border-radius: var(--tm-scroll-radius);
}

.tm-hscroll .dvmd_tm_table::-webkit-scrollbar-thumb:horizontal {
  background: var(--tm-scroll-thumb);
  border-radius: var(--tm-scroll-radius);
  border: 2px solid var(--tm-scroll-track); /* cria “respiro” no trilho */
}

.tm-hscroll .dvmd_tm_table::-webkit-scrollbar-thumb:horizontal:hover {
  background: var(--tm-scroll-thumb-hover);
}

.tm-hscroll .dvmd_tm_table::-webkit-scrollbar-thumb:horizontal:active {
  background: var(--tm-scroll-thumb-active);
}

.tm-hscroll .dvmd_tm_table::-webkit-scrollbar-corner {
  background: var(--tm-scroll-track);
}