/* =============================================================================
   EV Tariff Calculator – specific styles (base is ev-shared.css from studiografix_calculator)
   ============================================================================= */

.ev-tariff-wrapper {
  max-width: 1200px;
  margin: 0 auto;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
  color: #262626;
}

/* Divider between provider/tariff and prices */
.ev-tariff-divider {
  border-top: 1px solid #e3e6eb;
  margin: 0 -32px;
}

@media (max-width: 680px) {
  .ev-tariff-divider {
    margin: 0 -18px;
  }
}

/* Optional section */
.ev-tariff-optional {
  background: #f9fafb;
  border: 1px dashed #d1d5db;
  border-radius: 0;
  padding: 18px 20px;
}

.ev-tariff-optional-label {
  color: #757575;
  font-size: 0.78rem;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  margin-bottom: 2px;
}

/* Error message */
.ev-tariff-error {
  background: #fef2f2;
  border: 1px solid rgba(220, 38, 38, 0.3);
  border-radius: 0;
  padding: 14px 18px;
  color: #dc2626;
  font-size: 0.88rem;
  margin-bottom: 16px;
}

/* Chart */
#ev-tariff-chart {
  max-height: 300px;
}

/* Green value */
.ev-green {
  color: #1c69d4 !important;
}