.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__1--alt4);
  --woo-color__lighter: var(--v-color__1--alt5);
  --woo-color__lightest: var(--v-color__2--alt1);

  --woo-color__primary: var(--v-color__3);
  --woo-color__primary--hover: var(--v-color__3--alt1);
  --woo-color-background__primary: var(--v-color__3--300);

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

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

  --woo-border-radius: var(--v-border-radius__md);
  --woo-border-radius--lg: var(--v-border-radius__lg);

  /* New Format */
  --woo-color__error: var(--v-color__error);
  --woo-color__error--hover: var(--v-color__error--alt1);
  --woo-color-background__error: var(--v-color__error--alt2);

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

  --woo-table-header__color-background: var(--v-color__3);
  --woo-table-header__color: var(--v-color__2);
  --woo-table-body__color-background: var(--v-color__2--alt1);
  --woo-table-body__border-bottom: 1px solid var(--v-color__2);
}

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

.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);
}

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

  list-style-type: none;
}

.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;
  display: none !important;
}

.checkout-inline-error-message,
.woocommerce-invalid-required-field {
  color: var(--woo-color__error);
  font-weight: var(--v-font-weight__default--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%;
}

.p-template-woocommerce__comment {
  font-size: 85%;
  font-style: italic;
  color: var(--v-color__5--alt4);
}

.product-total del,
.price del {
  font-size: 90%;
  opacity: 0.7;
  display: block;
}

.product-total ins,
.price ins {
  display: block;
  text-decoration: none;
}

@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;
  }
}
