/**
 * Breakpoints do tema Tenda Trend.
 * Mobile layout até 991px (fim do Bootstrap sm); desktop a partir de 992px.
 * Sobrescreve visible-xs / hidden-xs do Bootstrap 3 (767px) sem editar o bundle minificado.
 */
:root {
  --tenda-bp-mobile-max: 991px;
  --tenda-bp-desktop-min: 992px;
}

@media (max-width: 991px) {
  .hidden-xs {
    display: none !important;
  }

  .visible-xs {
    display: block !important;
  }

  table.visible-xs {
    display: table !important;
  }

  tr.visible-xs {
    display: table-row !important;
  }

  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }

  .visible-xs-block {
    display: block !important;
  }

  .visible-xs-inline {
    display: inline !important;
  }

  .visible-xs-inline-block {
    display: inline-block !important;
  }
}