/**
 * Price Display Styles
 * Styles for currency and price display components
 */

.price {
  font-weight: 600;
  color: #333;
}

.price-cad {
  color: #d32f2f;
}

.price-usd {
  color: #1976d2;
}

.price-display {
  display: inline-block;
  font-size: 1.25rem;
  font-weight: 600;
  margin: 0.5rem 0;
}

.price-display .currency-symbol {
  font-size: 0.9em;
  margin-right: 0.25rem;
}

.price-display .amount {
  font-size: 1.1em;
}

/* Price list items */
.price-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1rem;
  border-bottom: 1px solid #e0e0e0;
}

.price-item:last-child {
  border-bottom: none;
}

.price-item-label {
  color: #666;
  font-size: 0.95rem;
}

.price-item-value {
  font-weight: 600;
  font-size: 1.1rem;
}

/* Responsive */
@media (max-width: 768px) {
  .price-display {
    font-size: 1.1rem;
  }

  .price-item {
    flex-direction: column;
    align-items: flex-start;
    gap: 0.5rem;
  }

  .price-item-value {
    font-size: 1rem;
  }
}