/* Widget Size Variations and Overrides */

/* --- MEDIUM SIZE --- */
.currency-widget.size-medium {
  max-width: 350px !important;
}
.currency-widget.size-medium .rates-table th,
.currency-widget.size-medium .rates-table td {
  padding: 8px 10px !important;
  font-size: 0.9rem !important;
}
.currency-widget.size-medium .calc-input-wrapper input {
  padding: 10px !important;
  font-size: 1.1rem !important;
}

/* --- SMALL SIZE --- */
.currency-widget.size-small {
  max-width: 280px !important;
}
/* Hide text, keep icons */
.currency-widget.size-small .tab-text {
  display: none !important;
}
.currency-widget.size-small .widget-tab {
  padding: 10px !important;
  font-size: 1.2rem !important;
}
.currency-widget.size-small .rates-table th,
.currency-widget.size-small .rates-table td {
  padding: 6px 4px !important;
  font-size: 0.85rem !important;
}
.currency-widget.size-small .calc-group label {
  font-size: 0.8rem !important;
}
.currency-widget.size-small .calc-input-wrapper input {
  padding: 8px !important;
  font-size: 1rem !important;
}
.currency-widget.size-small .calc-input-wrapper select {
  padding: 8px 5px !important;
  font-size: 0.85rem !important;
}
.currency-widget.size-small .rates-meta {
  flex-direction: column !important;
  gap: 5px !important;
}
.currency-widget.size-small .meta-row {
  font-size: 0.75rem !important;
  justify-content: space-between !important;
}
.currency-widget.size-small .store-badges {
  flex-direction: column !important;
  gap: 5px !important;
}
.currency-widget.size-small .btn-primary {
  padding: 10px !important;
  font-size: 0.9rem !important;
}