/* WooCommerce Styles for NovaTeam Theme */

.woocommerce-checkout .wc-block-checkout,
.woocommerce-order,
.order_details {
  width: 100%;
  @media (width >= 40rem /* 640px */) {
    max-width: 40rem /* 640px */;
  }
  @media (width >= 48rem /* 768px */) {
    max-width: 48rem /* 768px */;
  }
  @media (width >= 64rem /* 1024px */) {
    max-width: 64rem /* 1024px */;
  }
  @media (width >= 80rem /* 1280px */) {
    max-width: 80rem /* 1280px */;
  }
  @media (width >= 90rem /* 1440px */) {
    max-width: 90rem /* 1440px */;
  }
  @media (width >= 96rem /* 1536px */) {
    max-width: 96rem /* 1536px */;
  }
  @media (width >= 120rem /* 1920px */) {
    max-width: 120rem /* 1920px */;
  }
  @media (width >= 121rem /* 1936px */) {
    max-width: 121rem /* 1936px */;
  }

  margin-inline: auto;

  padding-inline: calc(var(--spacing) * 5) /* 1.25rem = 20px */;
}

.woocommerce-thankyou-order-received {
  margin: 20px 0px;
}

/* media query for screen above 1080px */
@media (min-width: 67.5rem /* 1080px */) {
  .woocommerce-checkout .wc-block-checkout,
  .order_details,
  .woocommerce-order {
    padding-inline: calc(var(--spacing) * 20) /* 5rem = 80px */;
  }
}

.woocommerce ul.order_details {
  margin: 20px 0 !important;
  width: fit-content;
}

.woocommerce:has(.order_details) {
  display: flex;
  align-items: center;
}

main:has(.order_details) {
  min-height: 60dvh;
}

.wc-block-components-checkout-place-order-button {
  background-color: var(--color-btn);
  color: var(--color-secondary);
  font-family: var(--font-ep-bold);
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  font-size: 1.125rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  width: fit-content;
  margin-top: 0.25rem;
  cursor: pointer;
  transition: background-color 1s ease;
}

.wc-block-components-checkout-place-order-button:hover {
  background-color: var(--color-btn-hover, var(--color-btn));
}
