/**
 * Sonoran Charts — Frontend Styles
 *
 * Enqueued by the plugin on every page via
 * sonoran_charts_enqueue_frontend_css().
 *
 * Brand color reference:
 *   Green      #485E48
 *   Gold       #9E8359
 *   Light Gold #E8DFD2
 *   Light Green#cdcb98
 *   Light Grey #F7F7F7
 *   White      #ffffff
 */

/* Wrapper */
.sonoran-chart-wrapper {
  border-radius: 0;
  box-shadow: 0 0 40px #ccc;
}

/* Base table */
.sonoran-chart {
  margin-bottom: 0;
  text-align: left;
}
.sonoran-chart tr {
  background: #ffffff;
}
.sonoran-chart td,
.sonoran-chart th {
  padding: .85rem;
}
.table.sonoran-chart thead th {
  color: #ffffff;
  border-bottom: 0;
  white-space: nowrap;
  text-align: left;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1.4px;
  font-size: 16px;
  background-color: #485E48;
}
.sonoran-chart td strong,
.sonoran-chart th strong,
.sonoran-chart td b,
.sonoran-chart th b {
  font-weight: bold;
}
.sonoran-chart td em,
.sonoran-chart th em,
.sonoran-chart td i,
.sonoran-chart th i {
  font-style: italic;
}
.sonoran-chart td a,
.sonoran-chart th a {
  color: #485E48;
  text-decoration: underline;
}
.sonoran-chart td a:hover,
.sonoran-chart th a:hover {
  text-decoration: none;
}

/* Hover state */
.sonoran-chart.table-hover tbody tr:hover {
  background: #F7F7F7;
}

/* ── Header color classes ────────────────────────────── */

.sonoran-chart-header--gold th {
  background-color: #9E8359 !important;
  color: #ffffff;
}
.sonoran-chart-header--light-gold th {
  background-color: #E8DFD2 !important;
  color: inherit;
}
.sonoran-chart-header--light-green th {
  background-color: #cdcb98 !important;
  color: inherit;
}
.sonoran-chart-header--light-grey th {
  background-color: #F7F7F7 !important;
  color: inherit;
}
.sonoran-chart-header--white th {
  background-color: #ffffff !important;
  color: inherit;
  border-bottom: 2px solid #dee2e6;
}

/* ── Row highlight classes ───────────────────────────── */

.sonoran-chart-row--gold {
  background-color: #9E8359 !important;
}
.sonoran-chart-row--gold td,
.sonoran-chart-row--gold th {
  color: #ffffff;
}
.sonoran-chart-row--gold a {
  color: #ffffff !important;
  text-decoration: underline;
}
.sonoran-chart-row--gold:hover {
  background-color: #8a7249 !important;
}

.sonoran-chart-row--light-gold {
  background-color: #E8DFD2 !important;
}
.sonoran-chart-row--light-gold:hover {
  background-color: #e0d5c6 !important;
}

.sonoran-chart-row--green {
  background-color: #485E48 !important;
}
.sonoran-chart-row--green td,
.sonoran-chart-row--green th {
  color: #ffffff;
}
.sonoran-chart-row--green a {
  color: #ffffff !important;
  text-decoration: underline;
}
.sonoran-chart-row--green:hover {
  background-color: #3b4e3b !important;
}

.sonoran-chart-row--light-green {
  background-color: #cdcb98 !important;
}
.sonoran-chart-row--light-green:hover {
  background-color: #c5c38b !important;
}

.sonoran-chart-row--light-grey {
  background-color: #F7F7F7 !important;
}
.sonoran-chart-row--light-grey:hover {
  background-color: #efefef !important;
}

/* ── Mobile ──────────────────────────────────────────── */

@media (max-width: 768px) {
  .sonoran-chart td,
  .sonoran-chart th {
    font-size: 14px;
    line-height: 24px;
    padding: 8px 10px;
  }
  .sonoran-chart td a,
  .sonoran-chart th a {
    display: inline-block;
    min-height: 30px;
    line-height: 30px;
  }
}

/* ── Print ───────────────────────────────────────────── */

@media print {
  .sonoran-chart-row--gold,
  .sonoran-chart-row--green {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .sonoran-chart-row--gold td,
  .sonoran-chart-row--gold th,
  .sonoran-chart-row--gold a,
  .sonoran-chart-row--green td,
  .sonoran-chart-row--green th,
  .sonoran-chart-row--green a {
    color: #000 !important;
  }
  .sonoran-chart-row--light-gold,
  .sonoran-chart-row--light-green,
  .sonoran-chart-row--light-grey {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .sonoran-chart-header--gold th,
  .sonoran-chart-header--light-gold th,
  .sonoran-chart-header--light-green th,
  .sonoran-chart-header--light-grey th,
  .sonoran-chart-header--white th,
  .sonoran-chart thead th {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }
  .sonoran-chart-wrapper {
    box-shadow: none;
  }
}