/**
 * Copyright 2017-2026 IQIT-COMMERCE.COM.
 *
 * @author IQIT-COMMERCE
 * @copyright 2017-2026 IQIT-COMMERCE.COM
 * @license See LICENSE and docs/licensing.md for the original license notice.
 */
.iqit-freedelivery {
  box-sizing: border-box;
  container-type: inline-size;
  width: 100%;
  min-width: 0;
  margin-block: 0.75rem;
  padding: var(--iqit-freedelivery-padding, 20px);
  border: var(--iqit-freedelivery-border-width, 1px) solid var(--iqit-freedelivery-surface-border-color);
  border-radius: var(--iqit-freedelivery-radius, 16px);
  background-color: var(--iqit-freedelivery-background);
  color: var(--iqit-freedelivery-color);
  font-family: inherit;
  font-size: var(--iqit-freedelivery-font-size, 15px);
  line-height: var(--iqit-freedelivery-line-height, 1.5);
  text-align: left;
  overflow-wrap: anywhere;
}
.iqit-freedelivery *,
.iqit-freedelivery *::before,
.iqit-freedelivery *::after { box-sizing: border-box; }
.iqit-freedelivery[hidden],
.iqit-freedelivery [hidden] { display: none !important; }
.iqit-freedelivery[data-alignment="center"] { text-align: center; }
.iqit-freedelivery[data-alignment="right"] { text-align: right; }
.iqit-freedelivery[data-border-style="none"] { border-style: none; }
.iqit-freedelivery[data-border-style="dashed"] { border-style: dashed; }
.iqit-freedelivery[data-shadow="soft"] { box-shadow: 0 4px 18px color-mix(in srgb, var(--iqit-freedelivery-color) 7%, transparent); }
.iqit-freedelivery[data-shadow="medium"] { box-shadow: 0 10px 30px color-mix(in srgb, var(--iqit-freedelivery-color) 12%, transparent), 0 2px 7px color-mix(in srgb, var(--iqit-freedelivery-color) 5%, transparent); }
.iqit-freedelivery__main {
  display: flex;
  align-items: flex-start;
  gap: var(--iqit-freedelivery-gap, 14px);
  min-width: 0;
}
.iqit-freedelivery__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  width: calc(var(--iqit-freedelivery-icon-size, 24px) + 20px);
  height: calc(var(--iqit-freedelivery-icon-size, 24px) + 20px);
  border-radius: var(--iqit-freedelivery-icon-radius, 12px);
  color: var(--iqit-freedelivery-icon-color);
  background-color: var(--iqit-freedelivery-icon-bg-color);
}
.iqit-freedelivery__icon svg {
  display: none;
  width: var(--iqit-freedelivery-icon-size, 24px);
  height: var(--iqit-freedelivery-icon-size, 24px);
  max-width: 100%;
  overflow: visible;
}
.iqit-freedelivery[data-icon="truck"] [data-iqit-freedelivery-icon="truck"],
.iqit-freedelivery[data-icon="bag"] [data-iqit-freedelivery-icon="bag"],
.iqit-freedelivery[data-icon="gift"] [data-iqit-freedelivery-icon="gift"] { display: block; }
.iqit-freedelivery[data-icon="none"] .iqit-freedelivery__icon { display: none; }
.iqit-freedelivery__content { flex: 1 1 0%; min-width: 0; }
.iqit-freedelivery__message,
.iqit-freedelivery__threshold {
  margin: 0;
  padding: 0;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  text-align: inherit;
}
.iqit-freedelivery__message { font-weight: var(--iqit-freedelivery-font-weight, 500); }
.iqit-freedelivery__amount {
  color: var(--iqit-freedelivery-amount-color);
  font-size: var(--iqit-freedelivery-amount-size, 17px);
  font-weight: var(--iqit-freedelivery-amount-weight, 700);
}
.iqit-freedelivery__progress {
  display: block;
  width: 100%;
  height: var(--iqit-freedelivery-progress-height, 6px);
  margin-block: calc(var(--iqit-freedelivery-gap, 14px) * 0.8);
  border-radius: var(--iqit-freedelivery-progress-radius, 8px);
  background-color: var(--iqit-freedelivery-progress-track-color);
  overflow: hidden;
}
.iqit-freedelivery__progress-fill {
  display: block;
  width: var(--iqit-freedelivery-progress, 0%);
  max-width: 100%;
  height: 100%;
  border-radius: inherit;
  background-color: var(--iqit-freedelivery-progress-color);
  transition: width 240ms ease;
}
.iqit-freedelivery__meta {
  display: grid;
  gap: 3px;
  color: var(--iqit-freedelivery-secondary-color);
  font-size: var(--iqit-freedelivery-secondary-size, 12px);
  font-weight: 400;
}
.iqit-freedelivery[data-progress-enabled="0"] .iqit-freedelivery__meta { margin-block-start: calc(var(--iqit-freedelivery-gap, 14px) * 0.5); }
.iqit-freedelivery[data-progress-enabled="0"] .iqit-freedelivery__progress,
.iqit-freedelivery[data-show-threshold="0"] .iqit-freedelivery__threshold,
.iqit-freedelivery[data-show-additional="0"] .iqit-freedelivery__additional { display: none; }
.iqit-freedelivery[data-show-threshold="0"] .iqit-freedelivery__meta,
.iqit-freedelivery[data-iqit-freedelivery-detailed="0"] .iqit-freedelivery__meta { display: none; }
.iqit-freedelivery__additional {
  margin-block-start: var(--iqit-freedelivery-divider-spacing, 14px);
  padding-block-start: var(--iqit-freedelivery-divider-spacing, 14px);
  border-block-start: 1px solid var(--iqit-freedelivery-border);
  color: var(--iqit-freedelivery-additional-color);
  font-size: var(--iqit-freedelivery-additional-size, 12px);
  font-weight: 400;
}
.iqit-freedelivery[data-divider-style="dashed"] .iqit-freedelivery__additional { border-block-start-style: dashed; }
.iqit-freedelivery[data-divider-style="dotted"] .iqit-freedelivery__additional { border-block-start-style: dotted; }
.iqit-freedelivery[data-divider-style="none"] .iqit-freedelivery__additional { border-block-start: 0; padding-block-start: 0; }
.iqit-freedelivery__additional p,
.iqit-freedelivery__additional a { color: inherit; font-size: inherit; line-height: inherit; }
.iqit-freedelivery__additional p { margin-block: 0 0.5em; }
.iqit-freedelivery__additional > :last-child { margin-block-end: 0; }
.iqit-freedelivery__additional a { text-decoration: underline; }
.iqit-freedelivery__additional a:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; }
/* Each layout keeps the same editable elements and differs in their arrangement. */
.iqit-freedelivery[data-layout="banner"] .iqit-freedelivery__main { align-items: center; }
.iqit-freedelivery[data-layout="banner"] .iqit-freedelivery__content {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(80px, 28%);
  align-items: center;
  column-gap: var(--iqit-freedelivery-gap, 14px);
  row-gap: 5px;
}
.iqit-freedelivery[data-layout="banner"] .iqit-freedelivery__progress { grid-column: 2; grid-row: 1; margin-block: 0; }
.iqit-freedelivery[data-layout="banner"] .iqit-freedelivery__meta { grid-column: 1 / -1; margin-block-start: 0; }
.iqit-freedelivery[data-layout="banner"][data-progress-enabled="0"] .iqit-freedelivery__content { grid-template-columns: minmax(0, 1fr); }
.iqit-freedelivery[data-layout="minimal"] .iqit-freedelivery__icon {
  width: var(--iqit-freedelivery-icon-size, 24px);
  height: var(--iqit-freedelivery-icon-size, 24px);
  margin-block-start: 2px;
}
.iqit-freedelivery[data-layout="minimal"] .iqit-freedelivery__content { display: flex; flex-direction: column; }
.iqit-freedelivery[data-layout="minimal"] .iqit-freedelivery__progress { order: 3; margin-block-end: 0; }
.iqit-freedelivery[data-layout="minimal"] .iqit-freedelivery__meta { margin-block-start: 5px; }
.iqit-freedelivery[data-layout="stacked"] .iqit-freedelivery__main { flex-direction: column; align-items: flex-start; }
.iqit-freedelivery[data-layout="stacked"] .iqit-freedelivery__content { width: 100%; }
.iqit-freedelivery[data-layout="stacked"][data-alignment="center"] .iqit-freedelivery__main { align-items: center; }
.iqit-freedelivery[data-layout="stacked"][data-alignment="right"] .iqit-freedelivery__main { align-items: flex-end; }
.iqit-freedelivery__announcement {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
@container (max-width: 360px) {
  .iqit-freedelivery[data-layout="banner"] .iqit-freedelivery__content { grid-template-columns: minmax(0, 1fr); }
  .iqit-freedelivery[data-layout="banner"] .iqit-freedelivery__progress { grid-column: 1; grid-row: 2; margin-block: 3px; }
}
@media (prefers-reduced-motion: reduce) {
  .iqit-freedelivery__progress-fill { transition: none; }
}

.iqit-freedelivery--completed .iqit-freedelivery__meta { display: none; }