/* Versandanzeige – Farben & Masse kommen als CSS-Variablen aus der Modulkonfiguration */
.versandanzeige {
  --va-bg: #eef6ee;
  --va-color: #24412a;
  --va-highlight: #1d6b34;
  --va-border: #b9dbc0;
  --va-border-width: 1px;
  --va-radius: 6px;
  --va-padding: 12px;
  --va-size: 14px;
  --va-justify: flex-start;
  --va-text-align: left;
  --va-date-weight: 700;

  display: flex;
  align-items: center;
  justify-content: var(--va-justify);
  gap: 0.65em;
  margin: 1rem 0;
  padding: var(--va-padding);
  background: var(--va-bg);
  color: var(--va-color);
  border: var(--va-border-width) solid var(--va-border);
  border-radius: var(--va-radius);
  font-size: var(--va-size);
  line-height: 1.4;
  text-align: var(--va-text-align);
}

.versandanzeige__icon {
  flex: 0 0 auto;
  display: inline-flex;
  color: var(--va-highlight);
}

.versandanzeige__icon svg {
  width: 1.6em;
  height: 1.6em;
}

.versandanzeige__icon .material-icons {
  font-size: 1.6em;
}

.versandanzeige__date,
.versandanzeige__countdown {
  color: var(--va-highlight);
  font-weight: var(--va-date-weight);
}

.versandanzeige__countdown {
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.tab-pane .versandanzeige,
.product-prices .versandanzeige {
  margin: 0.5rem 0;
}