/* =========================================
   STAFF FAVORITES TABLE — MOBILE ONLY
   ========================================= */

@media screen and (max-width: 600px) {

  /* Keep table readable on mobile */
  table {
    width: 100% !important;
    min-width: 500px !important;
    table-layout: fixed !important;
  }

  /* Allow a small amount of horizontal scrolling if needed */
  .entry-content,
  .wp-block-table {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
  }

  /* General table text */
  table th,
  table td {
    padding: 9px 6px !important;
    font-size: 16px !important;
    line-height: 1.25 !important;
    vertical-align: top !important;

    /* Prevent words from breaking letter-by-letter */
    word-break: normal !important;
    overflow-wrap: normal !important;
  }

  /* 📷 CAMERA — column 1 */
  table th:nth-child(1),
  table td:nth-child(1) {
    width: 50px !important;
    min-width: 50px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* NAME — column 2 */
  table th:nth-child(2),
  table td:nth-child(2) {
    width: 175px !important;
    min-width: 175px !important;
  }

  /* POSITION — column 3
     Hide completely on phones */
  table th:nth-child(3),
  table td:nth-child(3) {
    display: none !important;
  }

  /* ❤️ FAVORITE THINGS — column 4 */
  table th:nth-child(4),
  table td:nth-child(4) {
    width: 55px !important;
    min-width: 55px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* 🛒 AMAZON — column 5 */
  table th:nth-child(5),
  table td:nth-child(5) {
    width: 55px !important;
    min-width: 55px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* DC — column 6 */
  table th:nth-child(6),
  table td:nth-child(6) {
    width: 55px !important;
    min-width: 55px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }

  /* 🎂 BIRTHDAY — column 7 */
  table th:nth-child(7),
  table td:nth-child(7) {
    width: 75px !important;
    min-width: 75px !important;
    text-align: center !important;
    white-space: nowrap !important;
  }
}