/* ===== FFP mobile-friendly images and tables (added 2026-09-08) ===== */

/* Images never exceed the screen width and keep their proportions. */
.entry-content img,
.so-panel img,
.sow-image-container img,
.nfl-scoreboard img {
  max-width: 100%;
  height: auto;
}

/* Wide tables: on phones and small tablets, let the table scroll sideways
   inside its own box instead of being cut off at the screen edge. The page
   itself still scrolls up and down normally. Desktop layout is unchanged. */
@media (max-width: 782px) {
  .entry-content table,
  .so-panel table,
  table.tablepress,
  .tablepress-scroll-wrapper {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: visible;
    -webkit-overflow-scrolling: touch;
  }
  .entry-content table td,
  .entry-content table th,
  .so-panel table td,
  .so-panel table th,
  table.tablepress td,
  table.tablepress th {
    white-space: nowrap;
  }
  /* A subtle hint that there is more to the right. */
  .entry-content table,
  .so-panel table,
  table.tablepress {
    background-image: linear-gradient(to left, rgba(0,0,0,0.08), rgba(0,0,0,0) 24px);
    background-position: right center;
    background-repeat: no-repeat;
    background-attachment: scroll;
  }
  /* The live scoreboard cards stack cleanly. */
  .nfl-scoreboard { max-width: 100%; overflow-x: hidden; }
}

/* Keep the first column (the game / week label) pinned while swiping sideways. */
@media (max-width: 782px) {
  table.tablepress td:first-child,
  table.tablepress th:first-child,
  .entry-content table td:first-child,
  .entry-content table th:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
    box-shadow: 2px 0 0 rgba(0,0,0,0.06);
  }
  table.tablepress thead th:first-child,
  .entry-content table thead th:first-child {
    background: #f5f6f8;
  }
}

/* ===== Weekly Pick Summary: no search box (all screen sizes) ===== */
.page-id-237 .dt-search,
.page-id-237 .dataTables_filter { display: none; }
.page-id-237 .dt-layout-row:has(.dt-search) { display: none; }

/* ===== Weekly Pick Summary on phones: compact columns ===== */
@media (max-width: 782px) {
  /* Hide sort arrows on phones and reclaim their width. */
  table.tablepress .dt-column-order { display: none; }

  /* Tighter cells so three or four columns fit on a phone screen. */
  table.tablepress td,
  table.tablepress th {
    font-size: 13px;
    line-height: 1.25;
    padding: 6px 8px;
  }
  table.tablepress thead th {
    padding-right: 8px;
  }

  /* First column: let long matchups wrap onto two lines instead of
     taking half the screen on one line. */
  table.tablepress td:first-child,
  table.tablepress th:first-child {
    white-space: normal;
    min-width: 92px;
    max-width: 118px;
    word-break: normal;
  }
}