/* Responsive table behaviour, ported from Bootstrapping Ecommerce staging
   (atmosphere-pro/css/custom.css, 2026-08). Core already puts overflow-x:auto
   on .wp-block-table; these rules make mobile scrolling actually happen by
   giving crushed tables a real minimum width, and stop word-shattering. */
.wp-block-table {
  margin-left: 0 !important;
  margin-right: 0 !important;
  -webkit-overflow-scrolling: touch;
}
.wp-block-table table {
  min-width: 0 !important;
  width: 100%;
  line-height: 1.3;
  table-layout: auto !important;
}
/* Only force a scrollable width where columns would genuinely crush */
@media (max-width: 600px) {
  .wp-block-table table {
    min-width: 520px !important;
  }
}
.wp-block-table .has-fixed-layout td,
.wp-block-table .has-fixed-layout th {
  word-break: normal !important;
}