.woocommerce-cart-form {
  margin-top: 50px;
  text-transform: uppercase;
}
.woocommerce-cart-form h2 {
  color: var(--light-gray);
  text-align: left;
  margin: 0;
  position: relative;
  transform: none;
  left: auto;
  top: auto;
}

.woocommerce-cart-form h2,
.cart-count {
  padding: 0 10px;
  line-height: 1.2;
}

.cart-count,
.cart-table {
  font-family: "ABCRounded-Mono";
}

.cart table {
  background-color: var(--dark-gray-op);
  padding: 10px;
  border-radius: 5px;
  border-collapse: unset;
  width: 100%;
  margin-bottom: 10px;
}

.product-name::before,
.product-price::before,
.product-quantity::before,
.product-subtotal::before,
.woocommerce-page table.cart .product-thumbnail::before {
  content: "" !important;
}

.product-name,
.product-series {
  font-family: "ABCRounded";
}

.woocommerce-page table.cart .product-thumbnail {
  display: block;
}

.cart-table tr {
  height: 100%;
}

.cart-table td {
  vertical-align: top; /* or middle */
  line-height: normal;
}

.product-thumbnail {
  padding-right: 20px;
  /* width: 180px; */
}
.product-thumbnail a {
  display: block;
  line-height: 0;
}

.product-thumbnail img {
  border-radius: 5px;
  /* height: 180px; */
  height: auto;
  width: auto;
  max-width: 100%;
}
.cart-table {
  width: 100%;
  table-layout: fixed;
}
.cart-table td:not(.product-thumbnail) {
  width: auto;
}

.product-stock {
  color: #7324da;
}

.cart-table .product-size::before {
  content: attr(data-title) ": ";
}

.product-series {
  text-transform: none;
}
.cart-count {
  margin-bottom: 20px;
}

.qty-wrapper {
  display: flex;
  align-items: center;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

input[type="number"] {
  -moz-appearance: textfield; /* Firefox */
}

.quantity input {
  background-color: transparent;
  border: 0;
  color: unset;
  padding: 0 10px;
  margin: 0 10px;
}

.quantity input:focus-visible {
  outline: 1px solid var(--medium-gray);
}

.qty-wrapper .qty-button {
  box-shadow: 0px 1px 11px rgba(0, 0, 0, 0.12);
  padding: 2px 7px;
  border-radius: 5px;
  background-color: rgb(169 169 169 / 60%);
}

.qty-wrapper button {
  box-shadow: none;
  width: auto;
  color: var(--light-gray);
  padding: 0 5px;
}

.qty-wrapper button:hover {
  cursor: pointer;
}

.cart-table a.remove {
  font-size: unset;
  font-weight: unset;
  color: var(--medium-gray) !important;
}

.woocommerce a.remove:hover {
  color: #7324da !important;
  background-color: transparent;
}

.wc-proceed-to-checkout a.button {
  background-color: var(--light-gray) !important;
  color: var(--dark-gray) !important;
  font-weight: 400 !important;
  text-transform: uppercase;
  border-radius: 5px !important;
}

.wc-proceed-to-checkout a.button:hover {
  background-color: #7324da !important;
  color: var(--light-gray) !important;
}

.woocommerce table.shop_table {
  border: 1px solid var(--dark-gray-op);
  margin-top: 20px !important;
  margin-bottom: 20px !important;
}

.shop_table td::before,
.shop_table .order-total th {
  color: var(--medium-gray);
  font-size: 30px;
  /* text-align: center; */
  font-weight: 400 !important;
  text-transform: uppercase;
  opacity: 0.6;
}

.cart_totals p {
  margin-left: 10px;
}

.woocommerce-notices-wrapper {
  display: none;
}

/* Cart - checkout page */
.wc-block-components-form h2 {
  font-family: "ABCRounded-Mono";
  text-transform: uppercase;
  color: var(--light-gray);
  font-size: 1em;
}

.wc-block-checkout__contact-fields input,
.wc-block-checkout__billing-fields input,
.wc-block-checkout__billing-fields select,
.wc-block-checkout__billing-fields .wc-blocks-components-select__container {
  background-color: transparent !important;
  border: 1px solid var(--medium-gray) !important;
  color: var(--light-gray) !important;
  border-radius: 5px !important;
}

.wp-block-woocommerce-checkout input:focus-visible {
  outline: none !important;
}

.wc-block-checkout__contact-fields label,
.wc-block-checkout__billing-fields label,
.wc-block-checkout__billing-fields label {
  color: var(--light-gray) !important;
  font-family: "ABCRounded-Mono" !important;
  text-transform: uppercase !important;
}

.wc-block-components-validation-error {
  color: #7324da !important;
  font-family: "ABCRounded-Mono";
}

.wc-block-components-validation-error svg {
  display: none;
}

#slide-cart {
  display: none;
}
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__image {
  width: 150px;
}
.wc-block-components-order-summary
  .wc-block-components-order-summary-item__image
  > img {
  max-width: 150px;
  width: 150px;
}

.wc-block-components-checkout-order-summary__title-text {
  text-transform: uppercase;
  font-family: "ABCRounded-Mono";
  font-size: 20px;
}

.wc-block-components-order-summary
  .wc-block-components-order-summary-item__quantity {
  background-color: var(--dark-gray-op);
  color: var(--light-gray);
  border: 1px solid var(--dark-gray-op);
  box-shadow: none;
  height: 25px;
  width: 25px;
  padding: 0;
}

.wc-block-components-product-metadata__description {
  display: none;
}

.wc-block-components-checkout-place-order-button {
  background-color: #7324da;
  border-radius: 5px;
  color: var(--medium-gray);
  text-transform: uppercase;
}

.woocommerce ul.order_details {
  background-color: rgb(0 0 0 / 25%);
  padding: 10px;
  border-radius: 5px;
}

/*   order received    */

.woocommerce-thankyou-order-received {
  font-size: 20px;
  margin: 50px 0 30px;
}

.woocommerce ul.order_details {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  font-family: "ABCRounded-Mono";
  text-transform: uppercase;
  color: var(--dark-gray);
}

.woocommerce ul.order_details::before {
  content: "Order Details";
  grid-column: 1 / 2;
}

.woocommerce ul.order_details li {
  grid-column: 2 / -1;
  border-right: 0;
  margin-bottom: 10px;
}

.woocommerce ul.order_details li strong {
  font-family: "ABCRounded";
  text-transform: none;
  color: var(--light-gray);
}

.shop_table.order_details,
.woocommerce-order-details .product-name,
.woocommerce-order-details .product-series {
  font-family: "ABCRounded-Mono" !important;
  font-weight: 400 !important;
}
.woocommerce table.shop_table td,
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
  border-top: none;
  font-weight: 400;
}

.woocommerce-order-details__title,
.woocommerce-column__title {
  margin: 0;
  padding-left: 0;
}

.woocommerce table.order_details {
  margin-top: 5px !important;
}

.woocommerce .order_details thead,
.woocommerce .order_details tfoot {
  opacity: 0.5;
}

.woocommerce .order_details thead,
.woocommerce .order_details tbody,
.woocommerce .order_details tfoot tr {
  position: relative;
}

.woocommerce .order_details thead,
.woocommerce .order_details tfoot th {
  text-transform: uppercase;
}

.woocommerce .order_details thead::after,
.woocommerce .order_details tbody::after,
.woocommerce .order_details tfoot tr:nth-of-type(2)::after {
  content: "";
  position: absolute;
  left: 10px; /* inset from left */
  right: 10px; /* inset from right */
  bottom: 0;
  height: 1px;
  background: var(--medium-gray);
}

.woocommerce .order_details tbody .product-name {
  padding-left: 30px;
}

@media screen and (min-width: 825px) {
  .woocommerce #slide-cart {
    display: flex;
  }
  /* Overlay */
  #slide-cart-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    z-index: 9998;
  }

  /* Drawer */
  #slide-cart {
    position: fixed;
    top: 0;
    right: -440px; /* hidden off screen */
    width: 420px;
    height: 100%;
    background: #8b8b8c;
    box-shadow: -3px 0 15px rgba(0, 0, 0, 0.2);
    transition: right 0.35s ease;
    z-index: 9999;
    flex-direction: column;
    padding: var(--margin);
  }

  #slide-cart .product-cart-button {
    right: -440px;
    transition: right 0.35s ease;
    position: relative;
    width: 100%;
    margin-left: 0;
  }

  #slide-cart-close {
    display: none;
  }

  #slide-cart .woocommerce-cart-form {
    margin-top: 10px;
  }

  .slide-cart-header {
    padding: 20px;
    border-bottom: 1px solid #eee;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  #slide-cart.open,
  #slide-cart.open .product-cart-button {
    right: 0;
  }

  #slide-cart-overlay.active {
    opacity: 1;
    visibility: visible;
  }
  .slide-cart-content {
    overflow: scroll;
    height: 100%;
    padding-bottom: 20px;
  }
  .cart_totals {
    width: 100% !important;
    float: none !important;
    margin-bottom: 20px;
  }

  .woocommerce table.shop_table {
    border: 1px solid var(--medium-gray);
  }

  .shop_table .order-total th,
  .shop_table .order-total td {
    padding: 8px !important;
    line-height: 1 !important;
  }

  .shop_table .order-total th {
    font-size: 20px;
  }

  .shop_table .order-total td, .shop_table .tax-rate td {
    text-align: right;
  }

  .wc-proceed-to-checkout a {
    width: -webkit-fill-available;
    text-align: center;
  }

  /* CHECKOUT */
  .page-template-default .post-463 .entry-content {
    display: block;
  }
  .wp-block-woocommerce-checkout {
    padding-top: 100px;
  }

  .wc-block-components-sidebar-layout {
    justify-content: space-between;
  }

  .wc-block-components-sidebar-layout .wc-block-components-main {
    order: 2;
    padding-right: 0 !important;
    width: 62% !important;
  }

  .wc-block-components-sidebar {
    padding-left: 0 !important;
    width: 33% !important;
  }

  .wc-block-checkout__sidebar.is-sticky {
    top: 75px;
  }

  .woocommerce .order_details tbody .product-name {
    padding-left: 80px;
  }
}