:root {
  --checkout-completion-max-width: 45rem;
  --checkout-completion-margin-bottom: var(--form-item-spacing);
  --checkout-completion-border-radius: var(--beo-border-radius);
  --checkout-completion-content-padding: 1.5rem;
  --checkout-completion-bg: var(--beo-white);
  --checkout-completion-border: var(--beo-border-color);
  --checkout-completion-shadow: var(--beo-box-shadow-sm);
  --checkout-completion-title-font-size: 1.75rem;
  --checkout-completion-title-font-weight: 600;
  --checkout-completion-title-color: var(--beo-success-text-emphasis);
  --checkout-completion-subtitle-font-size: 1rem;
  --checkout-completion-subtitle-color: var(--beo-success-text-emphasis);
  --checkout-completion-message-font-size: 1rem;
  --checkout-completion-message-color: var(--beo-body-color);
  --checkout-completion-icon-size: 2.5rem;
  --checkout-completion-icon-color: var(--beo-success-text-emphasis);
  --checkout-completion-transition: all 0.2s ease-in-out;
}

.checkout-completion {
  background: var(--checkout-completion-bg);
  padding: var(--checkout-completion-content-padding);
  border: 1px solid var(--checkout-completion-border);
  border-radius: var(--checkout-completion-border-radius);
  box-shadow: var(--checkout-completion-shadow);
  margin-bottom: var(--checkout-completion-margin-bottom);
  transition: var(--checkout-completion-transition);
  overflow: hidden;
  max-width: var(--checkout-completion-max-width);
  margin-inline: auto;
}
.checkout-completion__header {
  text-align: center;
  margin-bottom: var(--form-item-spacing);
}
.checkout-completion__title-row {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.checkout-completion__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.checkout-completion__icon svg {
  width: var(--checkout-completion-icon-size);
  height: var(--checkout-completion-icon-size);
}
.checkout-completion__title {
  font-size: var(--checkout-completion-title-font-size);
  font-weight: var(--checkout-completion-title-font-weight);
  color: var(--checkout-completion-title-color);
  margin: 0;
  flex: 1;
}
.checkout-completion__subtitle {
  font-size: var(--checkout-completion-subtitle-font-size);
  color: var(--checkout-completion-subtitle-color);
  margin: 0.5rem 0 0;
  line-height: 1.4;
}
.checkout-completion__message {
  font-size: var(--checkout-completion-message-font-size);
  color: var(--checkout-completion-message-color);
  line-height: 1.6;
  margin-bottom: 1.5rem;
  text-align: center;
}
.checkout-completion__message p {
  margin: 0;
}
.checkout-completion__order-details {
  background: var(--beo-light);
  border-radius: var(--checkout-completion-border-radius);
  padding: calc(var(--form-item-spacing) / 2);
  margin: var(--form-item-spacing) 0;
}
.checkout-completion__detail {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.checkout-completion__detail strong {
  font-weight: 600;
  font-size: 0.875rem;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.checkout-completion__detail span {
  font-size: 1rem;
  color: var(--beo-body-color);
  font-weight: 500;
}
.checkout-completion__order-number {
  font-family: var(--beo-font-monospace);
  font-size: 1.125rem !important;
  font-weight: 700 !important;
}
.checkout-completion__payment-instructions {
  background: var(--beo-light);
  padding: calc(var(--form-item-spacing) / 2);
  margin: var(--form-item-spacing) 0;
}
.checkout-completion__payment-instructions h3 {
  font-size: 1.125rem;
  font-weight: 600;
  margin: 0 0 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.checkout-completion__payment-content {
  line-height: 1.6;
  font-size: 0.875rem;
}
.checkout-completion__payment-content p {
  margin: 0 0 0.75rem;
}
.checkout-completion__payment-content p:last-child {
  margin-bottom: 0;
}
.checkout-completion__actions {
  display: flex;
  gap: 0.75rem;
  justify-content: center;
  flex-wrap: wrap;
  margin: var(--form-item-spacing) 0 0;
}

.checkout-completion--minimal {
  background: transparent;
  border: none;
  border-radius: 0;
  box-shadow: none;
  padding: 0 0 1rem;
  margin-bottom: var(--form-item-spacing);
}

@media (max-width: 767.98px) {
  :root {
    --checkout-completion-margin-bottom: 1.5rem;
    --checkout-completion-content-padding: 1rem;
    --checkout-completion-title-font-size: 1.5rem;
    --checkout-completion-subtitle-font-size: 0.875rem;
    --checkout-completion-icon-size: 2rem;
  }

  .checkout-completion__header {
    flex-direction: column;
    align-items: center;
    gap: 0.75rem;
  }
  .checkout-completion__actions {
    flex-direction: column;
    align-items: center;
  }
  .checkout-completion__actions .btn {
    width: 100%;
    max-width: 300px;
    justify-content: center;
  }
  .checkout-completion__order-details .row > div {
    margin-bottom: 1rem;
  }
  .checkout-completion__order-details .row > div:last-child {
    margin-bottom: 0;
  }
}

/*# sourceMappingURL=checkout-completion.css.map */