/* ===============================
   DRIP WIDGET – RESET TOTAL
   =============================== */

.dw-widget,
.dw-widget * {
  box-sizing: border-box;
}

.dw-widget {
  pointer-events: auto !important;
  touch-action: auto !important;
}

/* ===============================
   TÍTULO
   =============================== */

.dw-title {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 28px;
  color: #222;
  text-transform: none;
}

/* ===============================
   COLUNAS (FORÇA FLEX)
   =============================== */

.dw-widget .dw-cols {
  display: flex !important;
  width: 100%;
  gap: 20px;
  align-items: flex-start;
  background: #f6f6f6 !important;
  padding: 20px;
  border-radius: 12px;
  pointer-events: auto !important;
  position: relative !important;
  z-index: 1 !important;
}

/* ===============================
   UL = CONTAINER NEUTRO
   =============================== */

.dw-widget .dw-col {
  display: flex !important;
  flex-direction: column !important;
  width: 33.3333%;

  padding: 0 !important;
  margin: 0 !important;

  list-style: none !important;
}

/* REMOVE QUALQUER ESTILO DE LISTA DO TEMA */
.dw-widget ul,
.dw-widget li {
  list-style: none !important;
  padding-inline-start: 0 !important;
  margin: 0 !important;
}

/* ===============================
   LI = CARD REAL (NÃO LIST-ITEM)
   =============================== */

.dw-widget .dw-col > li.dw-item {
  display: flex !important;
  align-items: center !important;

  background: transparent !important;
  border-radius: 0 !important;
  overflow: hidden !important;
  border: none !important;
  border-bottom: 1px solid #e0e0e0 !important;

  margin-bottom: 0 !important;
  padding: 10px 0 !important;
  height: 95px !important;
  min-height: 95px !important;
  max-height: 95px !important;
}

.dw-widget .dw-col > li.dw-item:last-child {
  border-bottom: 1px solid #e0e0e0 !important;
}

/* ===============================
   LINK
   =============================== */

.dw-widget .dw-link {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 14px;

  width: 100%;
  height: 100% !important;
  padding: 0 !important;

  text-decoration: none !important;
  color: inherit !important;
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

/* ===============================
   THUMB – CAIXA RÍGIDA
   =============================== */

.dw-widget .dw-thumb {
  width: 100px !important;
  min-width: 100px !important;
  max-width: 100px !important;
  height: 70px !important;
  min-height: 70px !important;
  max-height: 70px !important;
  
  display: flex !important;
  align-items: center;
  justify-content: center;

  flex-shrink: 0 !important;
  overflow: hidden;
  background: transparent;
  border-radius: 0 !important;
}

/* IMAGEM */
.dw-widget .dw-thumb img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  display: block !important;
  object-fit: contain !important;
}

/* ===============================
   TEXTO
   =============================== */

.dw-widget .dw-name {
  flex: 1 !important;
  min-width: 0 !important;

  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1.35;
  color: #333 !important;

  white-space: normal !important;
  word-break: break-word !important;
  overflow-wrap: break-word !important;
  text-align: left;
  
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
  max-height: 38px !important;
}

.dw-widget .dw-sales {
  font-size: 11px !important;
  font-weight: 400 !important;
  color: #999 !important;
  white-space: nowrap !important;
  margin-top: 2px !important;
}

/* ===============================
   RESPONSIVO
   =============================== */

/* TABLET - Resolução média */
@media (max-width: 1024px) and (min-width: 769px) {
  .dw-widget .dw-cols {
    gap: 15px;
    padding: 15px;
  }

  .dw-widget .dw-col {
    width: 50%;
  }

  .dw-widget .dw-thumb {
    width: 90px !important;
    min-width: 90px !important;
    max-width: 90px !important;
    height: 70px !important;
  }

  .dw-widget .dw-name {
    font-size: 14px !important;
  }
}

/* MOBILE */
@media (max-width: 768px) {
  .dw-widget {
    margin: 0;
    padding: 0;
  }

  .dw-title {
    font-size: 32px;
    margin-bottom: 20px;
    padding: 0 15px;
  }

  .dw-widget .dw-cols {
    display: flex !important;
    overflow-x: auto !important;
    overflow-y: visible !important;
    flex-wrap: nowrap !important;
    gap: 12px;
    padding: 15px;
    margin: 0;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none;
    border-radius: 12px;
    touch-action: manipulation !important;
    overscroll-behavior-x: contain;
    pointer-events: auto !important;
    will-change: scroll-position;
  }

  .dw-widget .dw-cols::-webkit-scrollbar {
    display: none;
  }

  .dw-widget .dw-col {
    min-width: 75vw;
    width: 75vw;
    flex-shrink: 0 !important;
    flex-grow: 0 !important;
    margin-right: 0;
  }

  .dw-widget .dw-col:last-child {
    margin-right: 0;
  }

  .dw-widget .dw-thumb {
    width: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    height: 65px !important;
  }

  .dw-widget .dw-name {
    font-size: 13px !important;
    line-height: 1.3;
  }

  .dw-widget .dw-sales {
    font-size: 10px !important;
  }

  .dw-widget .dw-link {
    gap: 10px;
  }
}

/* =========================================
   RESET FINAL – WOODMART / ELEMENTOR
   ========================================= */

/* MATA QUALQUER PSEUDO-ELEMENTO DO TEMA */
.dw-widget li::before,
.dw-widget li::after,
.dw-widget a::before,
.dw-widget a::after,
.dw-widget::before,
.dw-widget::after,
.dw-cols::before,
.dw-cols::after {
  content: none !important;
  display: none !important;
  pointer-events: none !important;
}

/* REMOVE EFEITOS DE LISTA / HOVER DO TEMA */
.dw-widget li,
.dw-widget a {
  box-shadow: none !important;
  background-image: none !important;
  outline: none !important;
}

/* REMOVE FORMATO OVAL/PÍLULA DO WOODMART */
.dw-widget .dw-item {
  border-radius: 0 !important;
  border: none !important;
  box-shadow: none !important;
}

/* REMOVE QUALQUER ESTICAMENTO ESTRANHO */
.dw-widget .dw-link {
  align-items: center;
  justify-content: flex-start;
}

/* MATA FORMATO OVAL DO WOODMART COM FORÇA TOTAL */
.dw-widget li,
.dw-widget li a,
.dw-widget .dw-item,
.dw-widget .dw-link {
  border-radius: 0 !important;
  border: none !important;
  border-style: none !important;
  border-width: 0 !important;
}

/* REMOVE QUALQUER WRAPPER COM BORDER */
.dw-widget li > *,
.dw-widget a > * {
  border-radius: 0 !important;
  border: none !important;
}

/* EVITA ALTURA VARIÁVEL FORÇADA PELO TEMA */
.dw-widget .dw-item,
.dw-widget .dw-link {
  min-height: unset !important;
  max-height: none !important;
  height: auto !important;
}

/* FORÇA RENDERIZAÇÃO DE TODOS OS ITENS */
.dw-widget .dw-col {
  height: auto !important;
  min-height: 0 !important;
}

/* FIX LAZY LOAD WOODMART */
.dw-widget img {
  opacity: 1 !important;
  visibility: visible !important;
}

/* FORÇA EXIBIÇÃO DE TODOS OS ITENS (OVERRIDE WOODMART) */
.dw-widget .dw-item:nth-child(n) {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
}

/* REMOVE LIMITES DE ALTURA DO CONTAINER */
.dw-widget,
.dw-widget .dw-col {
  max-height: none !important;
  overflow: visible !important;
}

/* COLS precisa de overflow separado para funcionar scroll mobile */
.dw-widget .dw-cols {
  max-height: none !important;
}

@media (max-width: 768px) {
  .dw-widget .dw-cols {
    overflow-x: auto !important;
    overflow-y: visible !important;
  }
}

/* FORÇA POSITION E Z-INDEX */
.dw-widget .dw-item {
  position: relative !important;
  z-index: 1 !important;
}

/* DESATIVA LAZY LOAD COMPLETO */
.dw-widget img[data-src] {
  content: attr(data-src, url) !important;
}

.dw-widget img.lazy,
.dw-widget img[loading="lazy"] {
  opacity: 1 !important;
  visibility: visible !important;
}