.p-template-woocommerce {
  --woo-menu-padding__a-vert: 0.8rem;
  --woo-menu-padding__a-horz: 1rem;

  --woo-color__black: var(--v-color-1);
  --woo-color__white: var(--v-color-2);
  --woo-color__light: var(--v-color-2--alt1);
  --woo-color__lighter: var(--v-color-2--alt1);
  --woo-color__lightest: var(--v-color-3--alt1);

  --woo-color__primary: var(--v-color-3);
  --woo-color__primary--hover: var(--v-color-3--alt5);
  --woo-color-background__primary: var(--v-color-2--alt1);

  --woo-color__error: var(--v-color__error);
  --woo-color__error--hover: var(--v-color__error);
  --woo-color-background__error: var(--v-color__error--light);

  --woo-color__warning: var(--v-color__warning);

  --woo-color__info: var(--v-color-3);
  --woo-color-background__info: var(--v-color-3--alt1);

  --woo-color__success: var(--v-color__success);
  --woo-color-background__success: var(--v-color__success--alt1);

  --woo-border-radius: var(--v-border-radius-md);
  --woo-border-radius--lg: var(--v-border-radius-md);
}

.p-template-woocommerce .clear {
  display: none;
}

.job-manager-error,
.job-manager-message,
.resume-submitted,
.woocommerce-notice,
.woocommerce-error,
.woocommerce-message,
.p-template-woocommerce-checkout .woocommerce-form-coupon-toggle,
.p-template-woocommerce-checkout .woocommerce-form-coupon,
.p-template-woocommerce-checkout .woocommerce-form-login-toggle,
.p-template-woocommerce-checkout .woocommerce-form-login,
#ship-to-different-address,
.place-order .woocommerce-form__label-for-checkbox,
.wc_payment_methods {
  margin-bottom: var(--v-spacing-sm);
  padding: var(--v-spacing-xs);
  border-radius: var(--woo-border-radius);
  background-color: var(--v-color-3--alt1);
  color: var(--v-color-3);
}

.job-manager-error,
.woocommerce-error {
  background-color: var(--woo-color-background__error);
  color: var(--woo-color__error);

  list-style-type: none;
}

.job-manager-message,
.resume-submitted,
.woocommerce-notice--success,
.woocommerce-message {
  background-color: var(--woo-color-background__success);
  color: var(--woo-color__success);
}

.woocommerce-message {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--v-spacing-xs);
}

.woocommerce-message .button {
  margin: 0;
}

.woocommerce-invalid-required-field {
  color: var(--woo-color__error);
  font-weight: var(--v-font-weight-bold);
}

.blockUI.blockOverlay {
  opacity: 1 !important;
  background-color: rgb(255 255 255 / 70%) !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.p-template-woocommerce.has-sidebar .p-template-woocommerce__sidebar {
  display: flex;
  flex-wrap: wrap;
  gap: var(--v-spacing-sm);
  align-content: flex-start;
}

.p-template-woocommerce__sidebar-item {
  flex: 0 0 100%;
}

@media (min-width: 900px) {
  .p-template-woocommerce.has-sidebar .p-template-woocommerce__sidebar {
    order: 1;
  }

  .p-template-woocommerce.has-sidebar .p-template-woocommerce__content {
    order: 2;
  }
}