/* ================================================
   JAMS Ninja Tables — Brand-Aligned Styles v10
   Blue theme (homepage palette) — Consolidated
   Mobile-first
   ================================================ */


/* ── Wrapper ── */
.ninja_table_wrapper {
  border: none !important;
  border-radius: 12px !important;
  overflow-x: auto !important;
  overflow-y: visible !important;
  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.12) !important;
  margin-bottom: 0 !important;
  font-family: 'Lato', sans-serif !important;
  -webkit-overflow-scrolling: touch !important;
}

.ninja_table_wrapper::after {
  display: none !important;
}

.ninja_table_wrapper + .ninja_table_wrapper {
  margin-top: 2.5rem !important;
}

/* ── Hide edit link ── */
.ninja_table_wrapper .nt_edit_link {
  display: none !important;
}


/* ── Table base ── */
.ninja_footable.ninja_table_pro {
  font-family: 'Lato', sans-serif !important;
  font-size: 13px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
  min-width: 600px !important;
  border: none !important;
  margin-bottom: 0 !important;
}


/* ── Override FooTable responsive breakpoints ── */
.ninja_footable.ninja_table_pro > thead > tr > th,
.ninja_footable.ninja_table_pro > tbody > tr > td {
  display: table-cell !important;
}

.ninja_footable.ninja_table_pro > thead > tr,
.ninja_footable.ninja_table_pro > tbody > tr {
  display: table-row !important;
}

.ninja_footable.ninja_table_pro > thead {
  display: table-header-group !important;
}

.ninja_footable.ninja_table_pro > tbody {
  display: table-row-group !important;
}

.ninja_footable.ninja_table_pro .footable-toggle,
.ninja_footable.ninja_table_pro td.footable-toggle,
.ninja_footable.ninja_table_pro .footable-detail-row {
  display: none !important;
}


/* ================================================
   HEADER ROW — dark navy blue bar
   ================================================ */

/* All columns — dark navy */
.ninja_footable.ninja_table_pro > thead > tr > th {
  background: #0a1c30 !important;
  color: #ffffff !important;
  font-family: 'Oswald', sans-serif !important;
  font-weight: 500 !important;
  font-size: 14px !important;
  letter-spacing: 1px !important;
  text-transform: uppercase !important;
  padding: 14px 16px !important;
  border: none !important;
  border-bottom: 3px solid #d20c1f !important;
  text-align: left !important;
  white-space: nowrap !important;
}

/* JAMS column header — brighter blue + logo */
.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_jams {
  background: #1a3d6d !important;
  color: transparent !important;
  font-size: 0 !important;
  line-height: 1 !important;
  text-align: center !important;
  border-bottom: 3px solid #d20c1f !important;
  position: relative !important;
  min-width: 100px !important;
}

.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_jams::after {
  content: '' !important;
  display: block !important;
  width: 72px !important;
  height: 19px !important;
  margin: 0 auto !important;
  background: url('https://www.jamsscheduler.com/wp-content/uploads/2025/07/JAMS-logo-head.svg') no-repeat center / contain !important;
}

/* Hide "Category" and "Feature" header text */
.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_category,
.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_feature {
  font-size: 0 !important;
  color: transparent !important;
}

/* Competitor column headers — centered */
.ninja_footable.ninja_table_pro > thead > tr > th:nth-child(n+3) {
  text-align: center !important;
}

/* Control-M header — white logo (Tables 1 & 2) */
.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_control_m {
  font-size: 0 !important;
  color: transparent !important;
  position: relative !important;
  text-align: center !important;
}

.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_control_m::after {
  content: '' !important;
  display: block !important;
  width: 110px !important;
  height: 28px !important;
  margin: 0 auto !important;
  background: url('https://www.jamsscheduler.com/wp-content/uploads/2026/03/control-m-white-1.png') no-repeat center / contain !important;
}

/* Tidal header — white logo */
.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_tidal {
  font-size: 0 !important;
  color: transparent !important;
  position: relative !important;
}

.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_tidal::after {
  content: '' !important;
  display: block !important;
  width: 80px !important;
  height: 22px !important;
  margin: 0 auto !important;
  background: url('https://www.jamsscheduler.com/wp-content/uploads/2026/03/Tidal-by-Redwood-White.svg') no-repeat center / contain !important;
}

/* ActiveBatch header — white logo */
.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_active_batch {
  font-size: 0 !important;
  color: transparent !important;
  position: relative !important;
}

.ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_active_batch::after {
  content: '' !important;
  display: block !important;
  width: 100px !important;
  height: 22px !important;
  margin: 0 auto !important;
  background: url('https://www.jamsscheduler.com/wp-content/uploads/2026/03/activebatch-white.svg') no-repeat center / contain !important;
}


/* ================================================
   BODY CELLS — Tables 1 & 2 (54800, 54801)
   ================================================ */

/* All body cells */
.ninja_footable.ninja_table_pro > tbody > tr > td {
  padding: 10px 16px !important;
  border: none !important;
  border-bottom: 1px solid #e8ecf1 !important;
  color: #1a1a2e !important;
  font-size: 13px !important;
  vertical-align: middle !important;
  transition: background-color 0.2s ease !important;
}

/* Odd rows */
.ninja_footable.ninja_table_pro > tbody > tr:nth-child(odd) > td {
  background-color: #ffffff !important;
}

/* Even rows */
.ninja_footable.ninja_table_pro > tbody > tr:nth-child(even) > td {
  background-color: #f7f9fc !important;
}

/* First column — bold labels */
.ninja_footable.ninja_table_pro > tbody > tr > td:first-child {
  font-weight: 700 !important;
  color: #0d1b2a !important;
}

/* Competitor columns */
.ninja_footable.ninja_table_pro > tbody > tr > td:nth-child(n+3) {
  text-align: center !important;
  color: #6c757d !important;
}

/* JAMS column body — blue tint */
.ninja_footable.ninja_table_pro > tbody > tr > td:nth-child(2) {
  background-color: #e4eef8 !important;
  color: #0a2240 !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  text-align: center !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 1px solid #b8cfea !important;
}

.ninja_footable.ninja_table_pro > tbody > tr:nth-child(even) > td:nth-child(2) {
  background-color: #d1e2f4 !important;
}

/* Row hover */
.ninja_footable.ninja_table_pro > tbody > tr:hover > td {
  background-color: #eef2f7 !important;
}

.ninja_footable.ninja_table_pro > tbody > tr:hover > td:nth-child(2) {
  background-color: #c0d6ed !important;
}

/* Last row */
.ninja_footable.ninja_table_pro > tbody > tr:last-child > td {
  border-bottom: none !important;
}


/* ================================================
   TABLE 54801 — 5-column layout
   ================================================ */

.foo_table_54801 {
  table-layout: fixed !important;
}

.foo_table_54801 > colgroup > col.ninja_column_0 {
  width: 28% !important;
}

.foo_table_54801 > colgroup > col.ninja_column_1,
.foo_table_54801 > colgroup > col.ninja_column_2,
.foo_table_54801 > colgroup > col.ninja_column_3,
.foo_table_54801 > colgroup > col.ninja_column_4 {
  width: 18% !important;
}


/* ================================================
   TABLE 54810 — Card-Style Comparison
   ================================================ */

/* Hide header row */
.foo_table_54810.ninja_footable.ninja_table_pro > thead {
  display: none !important;
}

/* Fixed layout + column widths */
.foo_table_54810 {
  table-layout: fixed !important;
  min-width: 500px !important;
}

.foo_table_54810 > colgroup > col.ninja_column_0 {
  width: 22% !important;
}

.foo_table_54810 > colgroup > col.ninja_column_1,
.foo_table_54810 > colgroup > col.ninja_column_2,
.foo_table_54810 > colgroup > col.ninja_column_3 {
  width: 26% !important;
}

/* Value + label spans */
.foo_table_54810 .nt-value {
  display: block !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}

.foo_table_54810 .nt-label {
  display: block !important;
  font-family: 'Lato', sans-serif !important;
  font-size: 11px !important;
  font-weight: 400 !important;
  line-height: 1.3 !important;
  margin-top: 4px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.5px !important;
}

/* All body cells — reset globals */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr > td {
  text-align: center !important;
  vertical-align: middle !important;
  padding: 16px 12px !important;
  border-bottom: 1px solid #e0e0e0 !important;
  background-color: #ffffff !important;
  color: #333333 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  border-left: none !important;
  border-right: none !important;
}

/* Reset column 2 — neutral on non-JAMS rows */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr > td:nth-child(2) {
  background-color: #ffffff !important;
  color: #333333 !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  border-bottom: 1px solid #e0e0e0 !important;
}

.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr:nth-child(even) > td:nth-child(2) {
  background-color: #ffffff !important;
}

/* Brand column — left-aligned */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr > td:first-child {
  text-align: left !important;
  font-family: 'Oswald', sans-serif !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  color: #333 !important;
  padding-left: 20px !important;
}

/* ── JAMS row — dark navy blue ── */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0 > td {
  background-color: #0f2744 !important;
  border-bottom: 1px solid #0a1d36 !important;
}

.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0 > td:nth-child(2) {
  background-color: #0f2744 !important;
  color: #ffffff !important;
}

.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0 > td:first-child {
  font-size: 0 !important;
  color: transparent !important;
  background-color: #0f2744 !important;
  background-image: url('https://www.jamsscheduler.com/wp-content/uploads/2025/07/JAMS-logo-head.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
  background-size: 90px auto !important;
}

.foo_table_54810 > tbody > tr.ninja_table_row_0 .nt-value {
  color: #ffffff !important;
  font-size: 28px !important;
}

.foo_table_54810 > tbody > tr.ninja_table_row_0 .nt-label {
  color: rgba(255, 255, 255, 0.75) !important;
}

/* JAMS row hover */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0:hover > td,
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0:hover > td:nth-child(2) {
  background-color: #0a1d36 !important;
}

/* ── Competitor rows ── */
.foo_table_54810 > tbody > tr.ninja_table_row_1 .nt-value,
.foo_table_54810 > tbody > tr.ninja_table_row_2 .nt-value,
.foo_table_54810 > tbody > tr.ninja_table_row_3 .nt-value {
  color: #626262 !important;
  font-weight: 500 !important;
  font-size: 22px !important;
}

.foo_table_54810 > tbody > tr.ninja_table_row_1 .nt-label,
.foo_table_54810 > tbody > tr.ninja_table_row_2 .nt-label,
.foo_table_54810 > tbody > tr.ninja_table_row_3 .nt-label {
  color: #888888 !important;
}

/* Alternate row tint */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_2 > td,
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_2 > td:nth-child(2) {
  background-color: #f7f9fc !important;
}

/* Competitor row hover */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr:hover > td,
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr:hover > td:nth-child(2) {
  background-color: #eef2f7 !important;
}

.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0:hover > td,
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0:hover > td:nth-child(2) {
  background-color: #0a1d36 !important;
}

/* Last row */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr:last-child > td {
  border-bottom: none !important;
}

/* ── Table 54810: Brand column logos ── */

/* Tidal — row 1 */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_1 > td:first-child {
  font-size: 0 !important;
  color: transparent !important;
  background-image: url('https://www.jamsscheduler.com/wp-content/uploads/2026/03/Tidal-by-Redwood.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
  background-size: 130px auto !important;
  background-color: #ffffff !important;
}

/* ActiveBatch — row 2 */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_2 > td:first-child {
  font-size: 0 !important;
  color: transparent !important;
  background-image: url('https://www.jamsscheduler.com/wp-content/uploads/2026/03/activebatch.svg') !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
  background-size: 140px auto !important;
  background-color: #f7f9fc !important;
}

/* Control-M — row 3 (regular/dark logo) */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_3 > td:first-child {
  font-size: 0 !important;
  color: transparent !important;
  background-image: url('https://www.jamsscheduler.com/wp-content/uploads/2026/03/control-m.png') !important;
  background-repeat: no-repeat !important;
  background-position: 20px center !important;
  background-size: 120px auto !important;
  background-color: #ffffff !important;
}

/* Logo cell hover — must come after logo declarations to override background-color */
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_1:hover > td:first-child,
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_2:hover > td:first-child,
.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_3:hover > td:first-child {
  background-color: #eef2f7 !important;
}

.foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0:hover > td:first-child {
  background-color: #0a1d36 !important;
}


/* ================================================
   DESKTOP — min-width: 769px
   ================================================ */
@media (min-width: 769px) {

  /* Table base */
  .ninja_footable.ninja_table_pro {
    font-size: 15px !important;
  }

  /* Header */
  .ninja_footable.ninja_table_pro > thead > tr > th {
    font-size: 18px !important;
    letter-spacing: 1.5px !important;
    padding: 20px 24px !important;
  }

  .ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_jams {
    min-width: 120px !important;
  }

  .ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_jams::after {
    width: 90px !important;
    height: 24px !important;
  }

  .ninja_footable.ninja_table_pro > thead > tr > th.ninja_clmn_nm_control_m::after {
    width: 130px !important;
    height: 34px !important;
  }

  /* Body cells */
  .ninja_footable.ninja_table_pro > tbody > tr > td {
    padding: 14px 24px !important;
    font-size: 15px !important;
  }

  .ninja_footable.ninja_table_pro > tbody > tr > td:nth-child(2) {
    font-size: 16px !important;
  }

  /* Table 54810 */
  .foo_table_54810 .nt-value {
    font-size: 24px !important;
  }

  .foo_table_54810 .nt-label {
    font-size: 12px !important;
  }

  .foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr > td {
    padding: 22px 16px !important;
  }

  .foo_table_54810 > tbody > tr.ninja_table_row_0 .nt-value {
    font-size: 32px !important;
  }

  .foo_table_54810 > tbody > tr.ninja_table_row_1 .nt-value,
  .foo_table_54810 > tbody > tr.ninja_table_row_2 .nt-value,
  .foo_table_54810 > tbody > tr.ninja_table_row_3 .nt-value {
    font-size: 26px !important;
  }

  .foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr > td:first-child {
    font-size: 18px !important;
  }

  .foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_0 > td:first-child {
    font-size: 0 !important;
    background-size: 145px auto !important;
  }

  .foo_table_54810.ninja_footable.ninja_table_pro > tbody > tr.ninja_table_row_3 > td:first-child {
    background-size: 140px auto !important;
  }
}