/* Base table */
#table1 { border-collapse: collapse; width: 100%; }
#table1 th, #table1 td {
  border: 1px solid #dcdcdc;
  padding: 8px 10px;
  text-align: left;
}

/* Left group (cols 1–2) → gray tints */
#table1 th:nth-child(1),
#table1 td:nth-child(1),
#table1 th:nth-child(2),
#table1 td:nth-child(2) {
  background: #f5f5f5; /* subtle gray */
}

/* Right group (cols 3–4) → pale yellow tints */
#table1 th:nth-child(3),
#table1 td:nth-child(3),
#table1 th:nth-child(4),
#table1 td:nth-child(4) {
  background: #fff7d1; /* subtle yellow */
}

/* Add a stronger divider between the groups */
#table1 th:nth-child(3),
#table1 td:nth-child(3) {
  border-left: 2px solid #ffc20e;
}

/* Optional zebra for readability */
#table1 tbody tr:nth-child(odd) td:nth-child(1),
#table1 tbody tr:nth-child(odd) td:nth-child(2) {
  background: #e9e9e9; /* darker gray tint */
}

#table1 tbody tr:nth-child(odd) td:nth-child(3),
#table1 tbody tr:nth-child(odd) td:nth-child(4) {
  background: #ffefb3; /* deeper pale yellow */
}

/* Optional: smooth visual */
#table1 tbody td { transition: filter .15s ease; }

/* Base hover for whichever cell you're actually over */
#table1 tbody td:nth-child(1):hover,
#table1 tbody td:nth-child(2):hover,
#table1 tbody td:nth-child(3):hover,
#table1 tbody td:nth-child(4):hover {
  filter: brightness(0.95);
}

/* Use :has() on the row to highlight the partner cell in the same group */
#table1 tbody tr:has(td:nth-child(1):hover) td:nth-child(2),
#table1 tbody tr:has(td:nth-child(2):hover) td:nth-child(1),
#table1 tbody tr:has(td:nth-child(3):hover) td:nth-child(4),
#table1 tbody tr:has(td:nth-child(4):hover) td:nth-child(3) {
  filter: brightness(0.95);
}



/* Base table */
table.solarGift {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1.5em; /* space between tables */
}

table.solarGift td {
  border: 1px solid #dcdcdc;
  padding: 8px 10px;
  text-align: left;
  vertical-align: top;
  color: #2d2d2d;
}

/* Section headers (rows that span both columns) */
table.solarGift td[colspan="2"] {
  background: #2d2d2d;   /* brand dark bar */
  font-weight: 700;
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 2px solid #ffc20e; /* accent line above header */
}

/* Column distinction */
table.solarGift td:first-child {               /* Part Number column */
  background: #f5f5f5;                         /* light gray tint */
}
table.solarGift td:nth-child(2) {              /* Model column */
  background: #fff7d1;                         /* pale yellow tint */
  border-left: 2px solid #ffc20e;              /* accent divider */
}

/* Hover effect (only data rows, not headers) */
table.solarGift tr:hover td:first-child {
  filter: brightness(0.98);
}
table.solarGift tr:hover td:nth-child(2) {
  filter: brightness(0.98);
}