.page-order-confirmation a:not(.btn) { color: var(--wh-color-primary, #40362e); }
.page-order-confirmation a:not(.btn):hover { color: var(--wh-color-accent, #9e8264); }

.page-order-confirmation .alert {
  border-radius: var(--wh-radius-md, 0.8rem);
  font-size: var(--wh-font-size-body, 1.4rem);
}
.page-order-confirmation .alert-success,
.page-order-confirmation .alert-info {
  --bs-alert-bg: var(--wh-color-bg-subtle, #f7f7f7);
  --bs-alert-color: var(--wh-color-text-primary, #40362e);
  --bs-alert-border-color: var(--wh-color-border-subtle, #e4e0da);
  --bs-alert-link-color: var(--wh-color-accent, #9e8264);
  border-left: 3px solid var(--wh-color-accent, #9e8264);
  padding: var(--wh-space-lg, 3.2rem);
}
.page-order-confirmation .alert .alert-link {
  color: var(--wh-color-accent, #9e8264);
  font-weight: var(--wh-font-weight-medium, 500);
}
.page-order-confirmation .alert-success .page-title-section {
  font-size: var(--wh-font-size-h2, 3.2rem);
  color: var(--wh-color-primary, #40362e);
  margin-block: 0 var(--wh-space-sm, 0.8rem);
}
.page-order-confirmation .alert-success hr {
  border-color: var(--wh-color-border-subtle, #e4e0da);
  opacity: 1;
}

.page-order-confirmation .card {
  border: 1px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  box-shadow: none;
}
.page-order-confirmation .card-body { padding: var(--wh-space-lg, 3.2rem); }
.page-order-confirmation .card .h2,
.page-order-confirmation .card h2 {
  font-size: var(--wh-font-size-h3, 2.2rem);
  color: var(--wh-color-primary, #40362e);
  font-weight: var(--wh-font-weight-semibold, 600);
  margin-block-end: var(--wh-space-md, 1.6rem);
}
.page-order-confirmation .card hr {
  border-color: var(--wh-color-border-subtle, #e4e0da);
  opacity: 1;
}

.page-order-confirmation .order-confirmation__details-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--wh-space-xs, 0.4rem);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
}

.page-order-confirmation .grid-table__header {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-regular, 400);
  color: var(--wh-color-text-primary, #40362e);
  text-transform: uppercase;
  letter-spacing: 0.02em;
  border-block-end: 1px solid var(--wh-color-border-subtle, #e4e0da);
  padding-block-end: var(--wh-space-sm, 0.8rem);
}
.page-order-confirmation .grid-table__row {
  padding-block: var(--wh-space-md, 1.6rem);
  border-block-end: 1px solid var(--wh-color-border-subtle, #e4e0da);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
}
.page-order-confirmation .grid-table .label { color: var(--wh-color-text-muted, #908981); }
.page-order-confirmation .grid-table .value {
  color: var(--wh-color-text-primary, #40362e);
  font-weight: var(--wh-font-weight-medium, 500);
}
.page-order-confirmation .grid-table img,
.page-order-confirmation .order-confirmation__product-image img {
  border-radius: var(--wh-radius-md, 0.8rem);
}

@layer bs-base {
  .page-order-confirmation .card-footer.p-3 {
    padding: var(--wh-space-md, 1.6rem) var(--wh-space-lg, 3.2rem) !important;
  }
}
.page-order-confirmation .card-footer {
  background: var(--wh-color-bg-subtle, #f7f7f7);
  border-top: 1px solid var(--wh-color-border-subtle, #e4e0da);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
}

.page-order-confirmation .wh-withdrawal-orderconf { margin-block: var(--wh-space-md, 1.6rem); }
.page-order-confirmation .wh-withdrawal-orderconf .card-block {
  padding: var(--wh-space-md, 1.6rem) var(--wh-space-lg, 3.2rem);
}
.page-order-confirmation .wh-withdrawal-orderconf p {
  margin: 0;
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
}
.page-order-confirmation .wh-withdrawal-orderconf a {
  color: var(--wh-color-accent, #9e8264);
  font-weight: var(--wh-font-weight-medium, 500);
}

.page-order-confirmation .order-confirmation__product a {
  color: var(--wh-color-accent, #9e8264);
  font-size: var(--wh-font-size-body, 1.4rem);
}
.page-order-confirmation .order-confirmation__product a:hover { color: var(--wh-color-primary, #40362e); }
.page-order-confirmation .order-confirmation__product-title {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-medium, 500);
  color: var(--wh-color-text-primary, #40362e);
  margin-block-end: var(--wh-space-xs, 0.4rem);
}
.page-order-confirmation .order-confirmation__product-attributes {
  font-size: var(--wh-font-size-small, 1.2rem);
  color: var(--wh-color-text-primary, #40362e);
}
.page-order-confirmation .order-confirmation__product-attribute { font-size: var(--wh-font-size-small, 1.2rem); }
.page-order-confirmation .order-confirmation__product-attribute .label { color: var(--wh-color-text-muted, #908981); }
.page-order-confirmation .order-confirmation__product-attribute .value {
  color: var(--wh-color-text-primary, #40362e);
  font-weight: var(--wh-font-weight-regular, 400);
}
.page-order-confirmation .order-confirmation__product-reference {
  font-size: var(--wh-font-size-small, 1.2rem);
  color: var(--wh-color-text-muted, #908981);
  margin-block: var(--wh-space-xs, 0.4rem);
}
.page-order-confirmation .order-confirmation__product-price {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-semibold, 600);
  color: var(--wh-color-text-primary, #40362e);
  margin-block-start: var(--wh-space-xs, 0.4rem);
}
.page-order-confirmation .order-confirmation__product-total {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-semibold, 600);
  color: var(--wh-color-text-primary, #40362e);
}

.page-order-confirmation .order-confirmation__line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--wh-space-sm, 0.8rem);
  padding-block: var(--wh-space-xs, 0.4rem);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
}
.page-order-confirmation .order-confirmation__line-label { color: var(--wh-color-text-muted, #908981); }
.page-order-confirmation .order-confirmation__line-value {
  color: var(--wh-color-text-primary, #40362e);
  font-weight: var(--wh-font-weight-medium, 500);
}
.page-order-confirmation .order-confirmation__line--bold {
  border-block-start: 1px solid var(--wh-color-border-subtle, #e4e0da);
  margin-block-start: var(--wh-space-sm, 0.8rem);
  padding-block: var(--wh-space-md, 1.6rem) 0;
}
.page-order-confirmation .order-confirmation__line--bold .order-confirmation__line-label {
  color: var(--wh-color-text-primary, #40362e);
  font-weight: var(--wh-font-weight-regular, 400);
}
.page-order-confirmation .order-confirmation__line--bold .order-confirmation__line-value {
  font-size: var(--wh-font-size-h3, 2rem);
  font-weight: var(--wh-font-weight-medium, 500);
}

.page-order-confirmation .order-confirmation__account-transformation {
  background: var(--wh-color-bg-subtle, #f7f7f7);
  border: 0;
}

.page-order-confirmation .form-label {
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-medium, 500);
  color: var(--wh-color-text-primary, #40362e);
}
.page-order-confirmation .form-text {
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-muted, #908981);
}
.page-order-confirmation .form-control,
.page-order-confirmation .form-select {
  border: 1.5px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: 1.2rem var(--wh-space-md, 1.6rem);
  font-size: var(--wh-font-size-body, 1.4rem);
  color: var(--wh-color-text-primary, #40362e);
  background-color: var(--wh-color-bg-base, #fff);
  box-shadow: none;
}
.page-order-confirmation .form-control::placeholder { color: var(--wh-color-text-muted, #908981); opacity: 1; }
.page-order-confirmation .form-control:focus,
.page-order-confirmation .form-select:focus {
  border-color: var(--wh-color-accent, #9e8264);
  box-shadow: none;
  outline: none;
}
.page-order-confirmation .form-check-input {
  border: 1.5px solid var(--wh-color-border-strong, #9ca3af);
  box-shadow: none;
}
.page-order-confirmation .form-check-input:checked {
  background-color: var(--wh-color-accent, #9e8264);
  border-color: var(--wh-color-accent, #9e8264);
}
.page-order-confirmation .form-check-input:focus {
  border-color: var(--wh-color-accent, #9e8264);
  box-shadow: none;
}
.page-order-confirmation .form-check-label { font-size: var(--wh-font-size-body, 1.4rem); }

.page-order-confirmation .input-group.password-field {
  border: 1.5px solid var(--wh-color-border-subtle, #e4e0da);
  border-radius: var(--wh-radius-md, 0.8rem);
  flex-wrap: nowrap;
}
.page-order-confirmation .input-group.password-field:focus-within { border-color: var(--wh-color-accent, #9e8264); }
.page-order-confirmation .password-field .form-control {
  border: 0;
  border-radius: var(--wh-radius-md, 0.8rem) 0 0 var(--wh-radius-md, 0.8rem);
}
.page-order-confirmation .password-field .btn {
  background: transparent;
  border: 0;
  border-radius: 0 var(--wh-radius-md, 0.8rem) var(--wh-radius-md, 0.8rem) 0;
  color: var(--wh-color-text-muted, #908981);
  padding: 0 var(--wh-space-md, 1.6rem);
}
.page-order-confirmation .password-field .btn:hover {
  background: transparent;
  border: 0;
  color: var(--wh-color-accent, #9e8264);
}

.page-order-confirmation .btn-primary:not(.password-field .btn) {
  background: var(--wh-color-accent, #9e8264);
  border: 2px solid var(--wh-color-accent, #9e8264);
  color: var(--wh-color-text-inverse, #fff);
  border-radius: var(--wh-radius-md, 0.8rem);
  padding: 1.4rem 2.5rem;
  font-size: var(--wh-font-size-body, 1.4rem);
  font-weight: var(--wh-font-weight-medium, 500);
}
.page-order-confirmation .btn-primary:not(.password-field .btn):hover,
.page-order-confirmation .btn-primary:not(.password-field .btn):focus-visible {
  background: var(--wh-color-primary, #40362e);
  border-color: var(--wh-color-primary, #40362e);
  color: var(--wh-color-text-inverse, #fff);
}
.page-order-confirmation .btn-outline-primary {
  background: transparent;
  border-color: var(--wh-color-accent, #9e8264);
  color: var(--wh-color-accent, #9e8264);
  font-size: var(--wh-font-size-body, 1.4rem);
}
.page-order-confirmation .btn-outline-primary:hover,
.page-order-confirmation .btn-outline-primary:focus-visible,
.page-order-confirmation .btn-outline-primary:active {
  background: var(--wh-color-accent, #9e8264);
  border-color: var(--wh-color-accent, #9e8264);
  color: var(--wh-color-text-inverse, #fff);
}
.page-order-confirmation .btn:focus,
.page-order-confirmation .btn:focus-visible { box-shadow: none; }
.page-order-confirmation .btn:focus-visible {
  outline: 2px solid var(--wh-color-accent, #9e8264);
  outline-offset: 2px;
}