/* 
 * Low Price Tracker – Custom Stylesheet
 * --------------------------------------
 * This file contains custom styling for the "Low Price Tracker" plugin,
 * including:
 * - Toggle buttons for switching between chart and table view
 * - Responsive height and layout for the price history chart
 * - Styled data table for old/new prices and variations
 * - Highlighted row for most recent price change
 * 
 */

.lpt-toggle {
  margin-left: 3px;
}

.lpt-toggle-btn {
  background-color: #7378a5;
  border: unset;
}

.lpt-toggle-btn.active {
  border: 1px solid #bec3d7;
}

#lpt-price-chart {
  height: 18rem !important;
  max-height: 18rem !important;
}

.lpt-price-table {
  font-size: 14px;
  width: 100%;
  border-collapse: collapse;
  color: #fff;
}
.lpt-price-table tbody tr:nth-child(even) {
  /* background: rgba(190, 195, 215, 0.06);  */
  background: rgba(190, 195, 215, 0.08);
}
.lpt-row--highlight {
  background: rgba(190, 195, 215, 0.2);
  border-left: 4px solid #bec3d7;
}
.lpt-price-table th,
.lpt-price-table td {
  padding: 0.45rem 0.5rem;
}

@media screen and (min-width: 768px) {
}