/* FlatCargo, draft only: mobile scroll for five EPAL tables in three articles.
   Existing desktop design and Elementor contents remain unchanged.
   The :has() rules provide a CSS fallback if LiteSpeed defers the JS wrapper. */
@media (max-width: 767px) {
  /* Keep tables within their existing Elementor component if JS is not yet run. */
  .elementor-5865 .elementor-element-80eb12a .fc-card:has(> table.fc-comparison-table),
  .elementor-6105 .elementor-element-80eb12a .fc-card:has(> table.fc-comparison-table),
  .elementor-5865 .elementor-element-6926a10 .fc-doc-container:has(> table.fc-table),
  .elementor-6105 .elementor-element-6926a10 .fc-doc-container:has(> table.fc-table),
  .elementor-1557 .elementor-element-8e64969 .fc-faq-content:has(> table.fc-val-table) {
    min-width: 0;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
  }

  /* Scroll only the target table once JS has inserted the wrapper. */
  .elementor-5865 .fc-p2-epal-table-scroll,
  .elementor-6105 .fc-p2-epal-table-scroll,
  .elementor-1557 .fc-p2-epal-table-scroll {
    display: block;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: 8px;
  }

  /* 3-column comparison tables remain readable without becoming page-wide. */
  .elementor-5865 .elementor-element-80eb12a table.fc-comparison-table,
  .elementor-6105 .elementor-element-80eb12a table.fc-comparison-table,
  .elementor-5865 .elementor-element-6926a10 table.fc-table,
  .elementor-6105 .elementor-element-6926a10 table.fc-table,
  .elementor-1557 .elementor-element-8e64969 table.fc-val-table {
    width: 100% !important;
    min-width: 640px;
    max-width: none;
    table-layout: auto;
  }

  .elementor-5865 .fc-p2-epal-table-scroll > table,
  .elementor-6105 .fc-p2-epal-table-scroll > table,
  .elementor-1557 .fc-p2-epal-table-scroll > table {
    margin-top: 0;
    margin-bottom: 0;
  }
}