/* FABTRACK · Delivery estimate. Colours, shape and size come from the settings as CSS variables. */
.fabtrack-eta {
  --fabtrack-eta-bg: #f0fdf4; --fabtrack-eta-color: #14532d; --fabtrack-eta-border: #bbf7d0;
  --fabtrack-eta-radius: 10px; --fabtrack-eta-size: 14px; --fabtrack-eta-weight: 500;
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px 10px; margin: 10px 0 14px; padding: 10px 12px;
  border: 1px solid transparent; border-radius: var(--fabtrack-eta-radius);
  background: var(--fabtrack-eta-bg); color: var(--fabtrack-eta-color);
  font-size: var(--fabtrack-eta-size); line-height: 1.4;
}
.fabtrack-eta--outline { background: transparent; border-color: var(--fabtrack-eta-border); }
.fabtrack-eta--plain { background: transparent; padding-left: 0; padding-right: 0; }
.fabtrack-eta--center { justify-content: center; text-align: center; }
.fabtrack-eta__icon { font-size: 1.15em; line-height: 1; }
.fabtrack-eta__text { flex: 1 1 200px; font-weight: var(--fabtrack-eta-weight); }
.fabtrack-eta--center .fabtrack-eta__text { flex: 0 1 auto; }
.fabtrack-eta__city { font-size: .9em; padding: 4px 8px; border: 1px solid var(--fabtrack-eta-border); border-radius: calc(var(--fabtrack-eta-radius) * .6); background: #fff; color: var(--fabtrack-eta-color); max-width: 100%; }
.fabtrack-eta--checkout { display: block; margin: 4px 0 10px; padding: 6px 10px; font-weight: var(--fabtrack-eta-weight); }
.fabtrack-eta--checkout[hidden] { display: none; }
/* under the Order summary card: its own space, even where a theme resets every margin in the sidebar */
html body .fabtrack-eta.fabtrack-eta--checkout.fabtrack-eta--sidebar { display: block; box-sizing: border-box; margin: 16px 0 0 !important; padding: 12px 14px !important; font-size: var(--fabtrack-eta-size); }
html body .fabtrack-eta.fabtrack-eta--checkout.fabtrack-eta--sidebar[hidden] { display: none !important; }
