/* Common */

.woocommerce .woocommerce-result-count,
.woocommerce.wc-block-product-results-count .woocommerce-result-count {
  font-size: .875rem;
  font-weight: 400;
  margin: 0;
}



/* Buttons */

.wc-block-components-button:not(.is-link) {
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.wc-block-cart__submit-button:hover {
  background-color: var(--wp--preset--color--contrast);
}



/* ==============================
      SINGLE PRODUCT
============================== */

/* Single Product Template */

.single_add_to_cart_button {
  background-color: var(--wp--preset--color--accent);
  border-radius: 0;
  font-size: 1.125rem;
  font-weight: 400;
  padding: 0.5rem 1.5625rem;
  transition: all .3s ease-in-out;
}
.single_add_to_cart_button:hover {
  background-color: var(--wp--preset--color--contrast);
}

/* .wp-block-woocommerce-product-meta .product-meta-wrapper > * {
  column-gap: 2.5rem;
  display: grid;
  grid-template-columns: 6.25rem 1fr;
} */


.taxonomy-product_cat .wp-block-post-terms__prefix {
  display: inline-block;
  margin-right: 0.5rem;
  width: 7rem; /* Set fixed width */
}

.taxonomy-product_cat a {
  display: block;
  width: fit-content;
}
.taxonomy-product_cat a:not(:first-of-type) {
    margin-left: 7.5rem;
}

.taxonomy-product_cat a:first-of-type {
  display: inline;
}

.wp-block-woocommerce-product-meta .product-meta-wrapper .wp-block-post-terms__separator {
  display: none;
}





/* Product Image */

.woocommerce div.product div.images img {
  aspect-ratio: 1;
  background-color: #fff;
  object-fit: contain;
}


/* Gallery Images */

.single-product .woocommerce-product-gallery .flex-control-nav {
  display: flex;
  gap: .5rem;
}
.woocommerce div.product div.images .flex-control-thumbs {
  margin-top: .5rem;
}

.single-product .woocommerce-product-gallery .flex-control-nav li {
  padding: 0;
}


/* Meta */

.wp-block-woocommerce-product-meta .wp-block-woocommerce-product-sku,
.wp-block-woocommerce-product-meta .wp-block-post-terms__prefix {
  font-weight: 500;
}

.single-product strong.sku,
.wp-block-woocommerce-product-meta a {
  font-weight: 300;
}


/* Mobiles */

@media (max-width: 781px) {
  .wc-block-components-product-price .woocommerce-Price-amount {
    font-size: 1.25rem;
  }
}



/* ==============================
      MINICART
============================== */

.wp-block-woocommerce-mini-cart-title-label-block {
  font-size: 1.25rem;
}
.wp-block-woocommerce-mini-cart-title-items-counter-block {
  font-size: 1.125rem;
  font-weight: 400;
}
.wc-block-mini-cart__template-part .wc-block-components-button svg {
  height: auto;
  width: 2.25rem;
}

.wc-block-mini-cart__button {
  font-size: 1rem;
  padding: 0;
}
.wc-block-mini-cart__badge {
  font-size: .75em;
  padding: 10px 7px;
}

.wp-block-woocommerce-empty-mini-cart-contents-block,
.wp-block-woocommerce-filled-mini-cart-contents-block,
.wp-block-woocommerce-mini-cart-items-block {
  background-color: #fff;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items {
  border-collapse: collapse;
  overflow: hidden;
  table-layout: fixed;
  width: 100%;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items thead {
  display: none;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items .wc-block-cart-items__row:not(:last-child) {
  border-bottom: solid 1px var(--wp--preset--color--custom-border);
}

.is-medium table.wc-block-cart-items .wc-block-cart-items__row,
.is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
.is-small table.wc-block-cart-items .wc-block-cart-items__row {
  grid-template-columns: 100px auto 1fr;
}

.wc-block-mini-cart__items .wc-block-mini-cart__products-table .wc-block-cart-items__row td {
  box-sizing: border-box;
}

.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items td {
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items .wc-block-cart-item__image {
  box-sizing: border-box;
  max-width: 10rem;
  padding: 0 1rem;
  width: 100%;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items .wc-block-cart-item__image img {
  max-height: 90px;
  object-fit: contain;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items .wc-block-cart-item__product {
  width: 10rem;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items .wc-block-cart-item__total {
  font-size: 1.25rem;
  padding-left: 1.25rem;
  padding-right: 1.75rem;
  width: 100%;
}


@media (max-width: 480px) {
  .is-medium table.wc-block-cart-items .wc-block-cart-items__row,
  .is-mobile table.wc-block-cart-items .wc-block-cart-items__row,
  .is-small table.wc-block-cart-items .wc-block-cart-items__row {
    grid-template-columns: 100px auto 1fr;
  }
  .wp-block-woocommerce-mini-cart-items-block .wc-block-mini-cart-items .wc-block-cart-item__image {
    padding: 0 1rem 0 0;
  }
}



.wp-block-woocommerce-mini-cart-items-block .wc-block-components-quantity-selector {
  display: flex;
  gap: .25rem;
  margin-top: .5rem;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-components-quantity-selector__input {
  font-size: 1rem;
  height: 1.25rem;
  padding: 2px 5px;
}
.wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__remove-link {
  background-color: transparent;
  gap: .375rem;
  margin-top: 1rem;
  padding: 0;
}
table.wc-block-mini-cart-items .wc-block-cart-items__row .wc-block-cart-item__quantity .wc-block-cart-item__remove-link {
  display: flex;
  line-height: normal;
}

.wp-block-woocommerce-mini-cart-items-block .wc-block-cart-item__remove-link::before {
  content: url("data:image/svg+xml,%3Csvg class='icon-bin' xmlns='http://www.w3.org/2000/svg' fill='%231c1c1c' width='10' height='11.26' viewBox='0 0 14 15.77'%3E%3Crect x='8.19' y='3.77' width='1' height='9' /%3E%3Crect x='4.81' y='3.77' width='1' height='9' /%3E%3Cpath d='M10,.77v-.77h-6v.77H0v1h1v12.38c0,.45.16.83.47,1.14.31.31.7.47,1.14.47h8.77c.46,0,.84-.15,1.15-.46.31-.31.46-.69.46-1.15V1.77h1V.77h-4ZM12,14.15c0,.15-.06.3-.19.42s-.27.19-.42.19H2.62c-.18,0-.33-.06-.44-.17-.12-.12-.17-.26-.17-.44V1.77h10v12.38Z' /%3E%3C/svg%3E");
  padding-top: 2px;
}


.wp-block-woocommerce-mini-cart-items-block .wc-block-components-product-metadata {
  display: none;
}


.wp-block-woocommerce-mini-cart-shopping-button-block {
  background-color: var(--wp--preset--color--accent);
  border-radius: 0;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
a.wp-block-woocommerce-mini-cart-shopping-button-block:hover {
  background-color: var(--wp--preset--color--contrast);
  transform: translate(0, 0);
}
.wc-block-mini-cart__empty-cart-wrapper .wp-block-button::after {
  content: none;
}

.wp-block-woocommerce-mini-cart-items-block button {
  background-color: var(--wp--preset--color--custom-border);
  border: 0;
  cursor: pointer;
}
.wc-block-mini-cart__footer-actions .wp-element-button {
  border-radius: 0;
  padding: 1rem;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}
.wp-block-woocommerce-mini-cart-checkout-button-block {
  background-color: var(--wp--preset--color--accent);
}
.wp-block-woocommerce-mini-cart-checkout-button-block:hover {
  background-color: var(--wp--preset--color--contrast);
  color: #fff;
}

.wc-block-components-button.wc-block-components-drawer__close {
  color: var(--wp--preset--color--contrast) !important;
  margin: 0;
  right: 0;
  top: 0;
  z-index: 10 !important;
}
.wc-block-components-button.wc-block-components-drawer__close svg {
  fill: var(--wp--preset--color--contrast) !important;
}



.wp-block-woocommerce-mini-cart-footer-block {
  background-color: var(--wp--preset--color--base);
}


@media only screen and (max-width: 480px) {
  .wc-block-mini-cart__footer {
    padding: 1rem;
  }
  .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions,
  .wc-block-mini-cart__footer .wc-block-mini-cart__footer-actions > .block-editor-inner-blocks>.block-editor-block-list__layout {
      flex-direction: row;
  }
  .wc-block-mini-cart__footer-actions .wp-element-button {
    padding-bottom: .5rem;
    padding-top: .5rem;
  }
}




/* ==============================
      PRODUCTS MAIN PAGE
============================== */


.woocommerce.wc-block-store-notices.alignwide {
  max-width: 1260px;
}


/* Product Filters */

.wpc-filter-header p {
  margin: 0;
}

.widget_wpc_filters_widget .wpc-filter-title {
  font-size: 1rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
}

.wpc-filters-widget-select {
  background-position: right .75rem center;
  padding: 0.5rem;
}


.woocommerce.wc-block-catalog-sorting .woocommerce-ordering {
  display: flex;
}
.woocommerce.wc-block-catalog-sorting select.orderby {
  background-color: transparent;
  border: 0;
  font-size: .875rem;
  padding: 0 1.25rem 0;
  text-align: right;
}



/* 'Product Categories List' block / categories dropdown select menu */

.wp-block-woocommerce-product-categories .wc-block-product-categories__dropdown {
  width: 100%;
}
.wp-block-woocommerce-product-categories .wc-block-product-categories__dropdown select {
  background-position: right 1rem center;
  padding: .625rem 2.75rem .625rem .875rem;
  width: 100%;
}
/* .wp-block-woocommerce-product-categories.is-dropdown .wc-block-product-categories__button {
  display: none;
} */



/* Products List */

.wc-block-grid__product-image {
  aspect-ratio: 1;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.wc-block-grid__product-image img {
  aspect-ratio: 1;
  box-sizing: border-box;
  height: 100%;
  object-fit: contain !important;
  padding: 3rem;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
}
.wc-block-grid__products .wc-block-grid__product-image img[alt=""] {
  border: 0;
}

.wc-block-grid__product-image a:hover img,
.wc-block-grid__product-link:hover .wc-block-grid__product-image img {
  transform: scale(1.2);
}

.wc-block-grid__product-link:hover .wc-block-grid__product-title {
  text-decoration: underline;
}

.wc-block-product-template .added_to_cart {
  font-size: .9375rem;
  left: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: calc(100% - 1rem);
  width: 100%;
}
.wc-block-product-template .added_to_cart:hover {
  transform: translate(0);
}

@media (max-width: 1439px) {
  .wp-block-woocommerce-product-template .wc-block-grid__product-image img,
  .wc-block-grid__product-image img {
    padding: 1rem;
  }
}


.wp-block-woocommerce-product-template.wc-block-product-template__responsive {
  box-sizing: border-box;
  grid-gap: 3.75rem 1.75rem;
  max-width: 100%;
}
.wc-block-product-template__responsive.columns-4 {
  /*grid-template-columns: repeat(4, 1fr);*/
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wc-block-product-template__responsive > li {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  height: 100%;
}

.wc-block-product > div {
  order: 1;
}

.wp-block-button.wc-block-components-product-button {
  margin-top: auto;
}


/* Hide discount indicators */
.wp-block-woocommerce-product-template .wc-block-components-product-sale-badge,
.wp-block-woocommerce-product-template .discount-badge {
  display: none;
  visibility: hidden;
}


@media (max-width: 1199px) {
  .post-type-archive-product .wp-site-blocks main > .wp-block-columns {
    gap: 3.5rem;
  }
  .post-type-archive-product .wp-site-blocks main > .wp-block-columns .wp-block-column:first-child {
    flex-basis: 30% !important;
  }
  .post-type-archive-product .wp-site-blocks main > .wp-block-columns .wp-block-column:last-child {
    flex-basis: 70% !important;
  }
  .wc-block-product-template__responsive.columns-4 {
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wp-block-handpicked-products.has-4-columns .wc-block-grid__products .wc-block-grid__product {
    flex: 1 0 50%;
    max-width: 50%;
  }
  .wp-block-handpicked-products .wp-block-button.wc-block-grid__product-add-to-cart .add_to_cart_button {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
}

@media (max-width: 1023px) {
  .post-type-archive-product .wp-site-blocks main {
    padding-left: 3rem;
    padding-right: 3rem;
  }
}

@media (max-width: 639px) {
  .post-type-archive-product .wp-site-blocks main {
    padding-left: 6vw;
    padding-right: 6vw;
  }
  .wp-block-woocommerce-product-template.wc-block-product-template__responsive {
    grid-gap: 2rem 1.25rem;
  }
  .wp-block-woocommerce-product-template .wp-block-button a {
    padding: .5rem 1rem;
  }
  .wp-block-woocommerce-product-template .wp-block-button::after {
    right: -4px;
    top: -4px;
  }

  .wp-block-handpicked-products .wp-block-button.wc-block-grid__product-add-to-cart .add_to_cart_button {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}


.wp-block-woocommerce-product-template .wp-block-post-title {
  font-size: 1rem;
  font-weight: 300;
  margin-bottom: 0;
}
.wp-block-woocommerce-product-template .wc-block-components-product-price {
  align-items: center;
  display: flex;
  justify-content: center;
  gap: .5rem;
}
.wp-block-woocommerce-product-template .wc-block-components-product-price ins {
  text-decoration: none;
}
.wp-block-woocommerce-product-template .wc-block-components-product-price del {
  color: #aeaeae;
  font-weight: 300;
}

.wc-block-components-product-button {
  align-items: center;
  display: flex;
  justify-content: center;
}


button.add_to_cart_button {
  border-radius: 0;
  display: flex;
  padding: 0;
  position: relative;
  transition: all .3s ease-in-out;
}


.wp-block-woocommerce-product-template .wc-block-components-product-button button:focus-visible {
  border-radius: 0;
  outline: -webkit-focus-ring-color auto 2px;
}

button.add_to_cart_button span {
  color: #fff;
  background-color: var(--wp--preset--color--accent);
  border: solid 1px var(--wp--preset--color--accent);
  font-size: .875rem;
  font-weight: 400;
  padding: .5rem 1rem;
  position: relative;
  transition: all .3s ease-in-out;
  z-index: 2;
}
.wp-block-woocommerce-product-template button.add_to_cart_button:hover {
  background: transparent;
}
button.add_to_cart_button:hover span {
  transform: translate(6px, -6px);
}



.add_to_cart_button {
  background-color: #fff;
  border-radius: 0;
  color: var(--wp--preset--color--accent);
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  z-index: 2;
}

.wp-block-button.wc-block-components-product-button .wc-block-components-product-button__button {
  border-style: solid;
  overflow: visible;
}





.wp-block-woocommerce-cart section.products li {
  list-style-type: none;
}


/* ==============================
      UPSELL
============================== */

section.up-sells ul.products.columns-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-gap: 3.75rem 1.75rem;
  justify-content: start;
}

@media (max-width: 1024px) {
  section.up-sells ul.products.columns-4 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media only screen and (max-width: 768px) {
  section.up-sells ul.products.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  section.up-sells ul.products.columns-4 {
    grid-template-columns: 1fr;
  }
}

section.up-sells ul.products.columns-4::before,
section.up-sells ul.products.columns-4::after {
  content: none !important;
}

section.up-sells ul.products.columns-4 > li {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100%;
    width: auto;
}
section.up-sells ul.products.columns-4 > li {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100%;
    width: auto;
}
@media only screen and (max-width: 768px) {
  section.up-sells ul.products.columns-4 > li.product {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    margin: 0;
    height: 100%;
    width: auto;
  }
}

section.up-sells ul.products.columns-4 > li .woocommerce-loop-product__link {
  display: flex;
  flex-direction: column;
}
section.up-sells ul.products.columns-4 > li .woocommerce-loop-product__link > p {
  display: none;
}

section.up-sells ul.products li.product a img {
  aspect-ratio: 1;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  height: 100%;
  object-fit: contain !important;
  padding: 3rem;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
}

section.up-sells h2.woocommerce-loop-product__title {
  font-size: var(--wp--preset--font-size--small) !important;
  font-style: normal;
  font-weight: 300;
  margin-top: 0;
  text-align: center;
  margin-bottom: 0;
}

section.up-sells a.woocommerce-LoopProduct-link.woocommerce-loop-product__link {
  text-align: center;
}

.woocommerce section.up-sells ul.products li.product .price {
  display: block;
  font-weight: 600;
  margin-bottom: .5em;
  font-size: unset;
}

.woocommerce section.up-sells ul.products li br {
  display: none;
}


/* ==============================
      CROSS-SELL
============================== */

.wp-block-woocommerce-cart section.cross-sells ul.products.columns-4 {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-gap: 3.75rem 1.75rem;
  justify-content: start;
  padding: 0;
}
.wp-block-woocommerce-cart section.cross-sells ul.products.columns-4::before,
.wp-block-woocommerce-cart section.cross-sells ul.products.columns-4::after {
  display: none;
}

section.cross-sells ul.products li.product {
  text-align: center;
  /* width: 100% !important; */
  width: auto;
}
@media (max-width: 768px) {
  .woocommerce ul.products[class*=columns-] li.product,
  .woocommerce-page ul.products[class*=columns-] li.product {
    width: auto;
  }
}

section.cross-sells ul.products li.product a img {
  aspect-ratio: 1;
  background-color: #fff;
  border: solid 1px #e5e5e5;
  box-sizing: border-box;
  height: auto;
  object-fit: contain !important;
  padding: 3rem;
  position: relative;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  width: 100%;
}

/* section.cross-sells ul.products li.product a img {
    aspect-ratio: 1;
    box-sizing: border-box;
    height: 100%;
    object-fit: contain !important;
    padding: 3rem;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    width: 100%;
} */

section.cross-sells li.product .woocommerce-loop-product__title {
  font-size: var(--wp--preset--font-size--small) !important;
  font-style: normal;
  font-weight: 300;
  margin-top: .75rem;
  margin-bottom: 0;
  text-align: center;
}
section.cross-sells li.product .price {
  display: block;
  font-weight: 600;
  margin-bottom: 1rem;
  font-size: unset;
}


.wp-block-woocommerce-cart section.cross-sells {
  margin-top: 3rem;
}


@media (max-width: 1199px) {
  .wp-block-woocommerce-cart section.cross-sells ul.products.columns-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 480px) {
  .wp-block-woocommerce-cart section.cross-sells ul.products.columns-4 {
    grid-template-columns: 1fr;
  }
}




/* ==============================
      PRODUCTS BLOCKS
============================== */

/* 'Newest Product' Block */

.wc-block-grid__products {
  row-gap: 3rem;
}
.wc-block-grid__product {
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  display: flex;
  flex-direction: column;
}



.wc-block-grid__product-link {
  text-decoration: none;
}
.wc-block-grid__product-link:focus-visible {
  outline: -webkit-focus-ring-color auto 2px;
}

.wc-block-grid__product-title {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1.4;
  margin-top: 1.25rem;
}
.wc-block-grid__product-price,
.wc-block-grid__product .wc-block-grid__product-price {
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 1rem;
  margin-top: auto;
}
.wc-block-grid__product-price del {
  color: var(--wp--preset--color--contrast-3);
  font-weight: 300;
}

.wc-block-grid__product-add-to-cart.wp-block-button {
  margin: auto auto 0 auto;
  width: fit-content;
}
.wp-block-button.wc-block-grid__product-add-to-cart .add_to_cart_button {
  background-color: var(--wp--preset--color--accent);
  border: solid 1px var(--wp--preset--color--accent);
  border-radius: 0;
  color: white;
  padding-top: .875rem;
  padding-bottom: .875rem;
}
.wp-block-button.wc-block-grid__product-add-to-cart:after {
  border-color: #1c1c1c;
  right: -4px;
  top: -4px;
}
.wp-block-button.wc-block-grid__product-add-to-cart a:hover {
  transform: translate(4px, -4px);
}

.wc-block-grid__product-add-to-cart.wp-block-button .wp-block-button__link {
  font-size: .875rem;
  line-height: 1.2;
}


@media (max-width: 1199px) {
  .wc-block-grid__product-title,
  .wc-block-grid__product-price {
    font-size: .9375rem;
  }
  .wp-block-button.wc-block-grid__product-add-to-cart .add_to_cart_button {
    font-size: .875rem;
    padding-bottom: .25rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    padding-top: .25rem;
  }
}

@media (max-width: 1023px) {
  .wc-block-grid__product {
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
  }
  .wc-block-grid__product .wc-block-grid__product-image img {
    padding: 2rem;
  }
  .wc-block-grid__product-title,
  .wc-block-grid__product-price {
    font-size: .875rem;
  }
}

@media (max-width: 823px) {
  .theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 0 50%;
    max-width: 50%;
  }
}

@media (max-width: 480px) {
  .wc-block-grid.has-4-columns .wc-block-grid__products {
    display: flex;
  }
  .theme-twentytwenty .wc-block-grid.has-4-columns .wc-block-grid__product,
  .wc-block-grid.has-4-columns .wc-block-grid__product {
    flex: 1 0 100%;
    max-width: 100%;
  }
  .wc-block-grid__product-title,
  .wc-block-grid__product-price {
    font-size: 1rem;
  }
}


/* Related Products Block */

.wp-block-woocommerce-related-products .products-block-post-template {
  padding-top: var(--wp--preset--spacing--20);
  padding-bottom: var(--wp--preset--spacing--20);
}
.wp-block-woocommerce-related-products .wp-block-woocommerce-product-price {
  margin-block-start: .5rem;
}
.single-product .wc-block-components-product-sale-badge {
  display: none;
}


/* button */
.wc-block-components-product-button {
  margin: 0 auto;
  width: fit-content;
}
.wc-block-components-product-button span {
  font-size: .875rem;
}
.wp-block-button.wc-block-components-product-button {
  gap: 0;
}




.woocommerce-account .woocommerce-MyAccount-content {
  width: 64%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
  background-color: #fff;
  border-radius: .25rem;
  padding: 24px 20px 10px;
}
.woocommerce-account .woocommerce-MyAccount-navigation li {
  padding: .5rem 0;
}





/* ==============================
      CART
============================== */

/* Cart Page Template */

@media (min-width: 1200px) {
  .woocommerce-cart main > .entry-content {
    margin-block-start: 3rem;
    margin-block-end: 3rem;
  }
}

.woocommerce-cart .wp-block-woocommerce-filled-cart-block {
  display: flex;
}

form.cart input {
  border: 0;
  font-family: var(--wp--preset--font-family--space-grotesk);
}
.wc-block-add-to-cart-form .input-text {
  font-size: 1.125rem;
  padding: .7625rem .625rem;
}

.wp-block-woocommerce-product-price {
  margin-block-start: 1rem;
}

.wc-block-components-product-sku {
  font-size: 1rem;
  font-weight: 400;
  text-transform: none;
}
strong.sku {
  font-weight: 400;
}

.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input {
  flex: 3 1 170px;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input input {
  border-radius: 0;
  box-sizing: border-box;
  font-size: .875rem;
}
.wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__button {
  font-size: .875rem;
}


/****  mobile stacking  ****/
@media (max-width: 1439px) and (min-width: 639px) {
  .woocommerce-cart .wp-block-woocommerce-cart {
    margin-left: 4rem;
    margin-right: 4rem;
    width: calc(100% - 8rem);
  }
}

@media (max-width: 763px) {
  .wc-block-cart table.wc-block-cart-items,
  .wc-block-cart table.wc-block-cart-items td,
  .wc-block-cart table.wc-block-cart-items th {
    margin-bottom: 1rem;
  }
  .woocommerce-cart .wp-block-woocommerce-cart-order-summary-coupon-form-block {
    border-top: 0;
  }
}

@media (max-width: 763px) and (min-width: 584px) {
  .woocommerce-cart .wc-block-components-radio-control .wc-block-components-radio-control__input {
    left: 0;
  }
}

@media (max-width: 480px) {
  .wc-block-components-totals-coupon__form {
    box-sizing: border-box;
    flex-direction: column;
  }
  .wc-block-components-totals-coupon__form .wc-block-components-totals-coupon__input {
    flex: auto;
  }
}




/* ==============================
      CHECKOUT
============================== */


/**********   summary   **********/

.wp-block-woocommerce-cart-order-summary-block {
  background-color: #fff;
  border: 1px solid hsla(0, 0%, 7%, .11);
  border-radius: 5px;
  padding: .5rem 1rem;
}

.wp-block-woocommerce-checkout-order-summary-block {
  border: 1px solid hsla(0, 0%, 7%, .11);
  border-radius: 5px;
}

.wc-block-components-sidebar {
  margin-top: 0;
}


.woocommerce-checkout main .entry-content {
  margin-top: 1rem;
}

.woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
  background-color: #fff;
  /* padding: .5rem .75rem; */
}


@media (min-width: 1200px) {
  .woocommerce-checkout main .entry-content {
    margin-top: 3rem;
  }
}
/* @media (max-width: 1199px) and (min-width: 747px) {
  .wc-block-components-sidebar-layout .wc-block-components-main {
    padding-right: 1.5rem;
  }
} */

@media (max-width: 1199px) {
  .wc-block-components-sidebar {
    padding-left: 0;
  }
}

@media (max-width: 894px) {
  .wp-block-woocommerce-checkout-order-summary-cart-items-block {
    border-top: 0;
  }
}

/****  mobile stacking  ****/
@media (max-width: 763px) {
  .woocommerce-checkout .wp-block-woocommerce-checkout-order-summary-block {
    padding: 1rem;
  }
  .wp-block-woocommerce-checkout #contact-fields,
  .wp-block-woocommerce-checkout #shipping-fields,
  .wp-block-woocommerce-checkout #shipping-option,
  .wp-block-woocommerce-checkout #payment-method {
    padding: 1rem;
  }
}


@media (max-width: 600px) {
  .is-mobile .wc-block-components-form .wc-block-components-checkout-step:after,
  .is-small .wc-block-components-form .wc-block-components-checkout-step:after {
      height: 0;
  }
}


/**********   checkout input fields   **********/

.wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number],
.wc-block-components-form .wc-block-components-text-input input[type=password], .wc-block-components-form .wc-block-components-text-input input[type=tel],
.wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url],
.wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=password],
.wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
  border: solid 1px #cecece;
}

.wc-blocks-components-select .wc-blocks-components-select__container {
  border: solid 1px #cecece;
}

.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted,
.wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
  box-shadow: inset 0 0 0 1px #cecece;
}

.wc-block-checkout__shipping-option .wc-block-components-radio-control__option {
  padding: .875em 1.25em .875em 3.5em;
}


.wp-block-woocommerce-checkout-terms-block span {
  line-height: 1.4;
}




.woocommerce-checkout.woocommerce-page button.wc-block-components-address-form__address_2-toggle {
  visibility: hidden;
  position: relative;
}
.woocommerce-checkout.woocommerce-page button.wc-block-components-address-form__address_2-toggle:after {
  visibility: visible;
  position: absolute;
  top: 0;
  left: 0;
  content: "+ Lisää huoneisto, yksikkö, jne.";
}

/* woocommerce checkout logged-in user fix */
.page.woocommerce-checkout.logged-in #contact input#email, .page.woocommerce-checkout.logged-in #contact label[for="email"] {
  pointer-events: none!important;
  color: #1c1c1c;
  border: unset;
  padding-left: unset;
  margin-left: unset;
  left: 0;
}


.wc-block-components-button.wc-block-checkout__shipping-method-option.wc-block-checkout__shipping-method-option--selected {
  border: 1px solid;
}