/**
 * MetalRateAPI Elementor Widget Styles
 */
.metalrateapi-price-wrapper { display: flex; flex-wrap: wrap; gap: 20px; }
.metalrateapi-price-item { padding: 15px 20px; background: #f8f9fa; border-radius: 6px; border-left: 4px solid #2271b1; }
.metalrateapi-price-item.metalrateapi-price-gold { border-left-color: #d4af37; }
.metalrateapi-price-item.metalrateapi-price-silver { border-left-color: #c0c0c0; }
.metalrateapi-price-label { font-size: 12px; text-transform: uppercase; color: #666; margin-bottom: 4px; }
.metalrateapi-price-value { font-size: 20px; font-weight: 600; }
.metalrateapi-price-unit { font-size: 14px; color: #666; font-weight: 400; }
.metalrateapi-price-updated { font-size: 11px; color: #999; margin-top: 4px; }

.metalrateapi-price-history { width: 100%; }
.metalrateapi-history-table { width: 100%; border-collapse: collapse; }
.metalrateapi-history-table th, .metalrateapi-history-table td { padding: 10px 12px; text-align: left; border-bottom: 1px solid #eee; }
.metalrateapi-history-table th { background: #f5f5f5; font-weight: 600; }
.metalrateapi-history-table tr:hover { background: #fafafa; }
.metalrateapi-history-list { list-style: none; margin: 0; padding: 0; }
.metalrateapi-history-list li { padding: 8px 0; border-bottom: 1px solid #eee; display: flex; justify-content: space-between; gap: 15px; }
.metalrateapi-history-date { color: #666; }
.metalrateapi-history-price { font-weight: 600; }

.metalrateapi-price-history-graph, .metalrateapi-price-history-chart { position: relative; width: 100%; }
.metalrateapi-price-history-graph canvas, .metalrateapi-price-history-chart canvas { max-height: 100%; }

.metalrateapi-countdown-wrapper { text-align: center; }
.metalrateapi-countdown-title { font-size: 14px; margin-bottom: 10px; color: #666; }
.metalrateapi-countdown-timer { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 5px; font-size: 24px; font-weight: 600; }
.metalrateapi-countdown-item { display: inline-flex; flex-direction: column; align-items: center; }
.metalrateapi-countdown-value { font-variant-numeric: tabular-nums; }
.metalrateapi-countdown-label { font-size: 11px; font-weight: 400; color: #888; margin-top: 2px; }
.metalrateapi-countdown-separator { margin: 0 2px; opacity: 0.7; }