/* Battery size comparison shown with solar calculator results - BEM */

.battery-recommendation__note {
  color: var(--color-text-light);
  font-size: var(--font-size-sm);
}

.battery-recommendation__row--recommended td {
  background: var(--color-success-bg);
  font-weight: 600;
}

.battery-recommendation__tag {
  display: inline-block;
  margin-left: var(--spacing-xs);
  padding: 0 var(--spacing-sm);
  border-radius: var(--radius-full);
  background: var(--color-success);
  color: var(--color-text-white);
  font-size: var(--font-size-xs);
  font-weight: 600;
  white-space: nowrap;
}

.battery-recommendation__tag--chosen {
  background: var(--color-primary);
}

.battery-recommendation__verdict {
  margin: var(--spacing-lg) 0;
}

.battery-recommendation__verdict p {
  margin: 0 0 var(--spacing-sm);
}

.battery-recommendation__subtitle {
  margin: var(--spacing-lg) 0 var(--spacing-sm);
}

.battery-recommendation__models {
  display: grid;
  gap: var(--spacing-sm);
  margin: 0 0 var(--spacing-sm);
  padding: 0;
  list-style: none;
}

.battery-recommendation__model {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
  padding: var(--spacing-sm) var(--spacing-md);
  background: var(--color-background-light);
  border: 1px solid var(--color-border-light);
  border-radius: var(--radius-sm);
}

.battery-recommendation__model-name {
  font-weight: 600;
  color: var(--color-text);
}

.battery-recommendation__model-specs {
  color: var(--color-text-light);
  font-size: var(--font-size-sm);
}

.battery-recommendation__cta {
  margin: var(--spacing-lg) 0 var(--spacing-sm);
}

/* Service label on the installer shortlist */
.results-installers__service {
  font-size: var(--font-size-xs);
  color: var(--color-text-light);
}

.results-installers__service--battery {
  color: var(--color-success);
  font-weight: 600;
}

/* Five columns must fit the results card: wrap headings, tighten cells */
.table.battery-recommendation__table th {
  white-space: normal;
  letter-spacing: normal;
  text-transform: none;
  padding: var(--spacing-sm);
}

.table.battery-recommendation__table td {
  padding: var(--spacing-sm);
  vertical-align: top;
}

.table.battery-recommendation__table .battery-recommendation__tag {
  display: block;
  width: fit-content;
  margin: var(--spacing-xs) 0 0;
  padding: 0.125rem var(--spacing-sm);
  line-height: 1.4;
}