/* Checkout */
.shop_table {
  background:var(--white);

  .product-thumbnail {
    display:none !important;
  }

  .product-name a {
    font-weight:700;
  }
}

.checkout-page h3 {
  margin-bottom:24px;
}

.checkout-page .woocommerce-input-wrapper,
.woocommerce form .form-row label, 
.woocommerce-page form .form-row label {
  display:block !important;
  width:100% !important;
  margin-bottom:0;
}

.woocommerce form .form-row input.input-text, 
.woocommerce form .form-row textarea {
  width:100% !important;
  padding:4px;
  margin-bottom:4px;
}

#order_review {
  margin:32px 0;
}


/* Single product page */
.single-product {
  .product {
    padding-top:16px;
  }

  .woocommerce-product-gallery__image img {
    border: 1px solid var(--gray-200);
    margin-bottom:12px;
  }

  .wc-tabs {
    display:none !important;
  }
  .variations, .thwepo-extra-options {
    width:100%;
    margin-bottom:6px;

    td {
      padding:6px 0 !important;
    }

    .label {
      width:30%;
    }
    .value input, 
    .value select {
        width:100%;
        padding:4px;
        position:relative;
    }
  }
  select::after {
    position:absolute;
    right:6px;
    font-family: "Font Awesome 5 Free"; 
    font-weight: 400;
    content: "\f107";
  }
}

.payment_box select {
  width:100%;
  padding:4px;
}

#add_payment_method #payment, 
.woocommerce-cart #payment, 
.woocommerce-checkout #payment {
  background: var(--gray-100);
}

.woocommerce div.product form.cart .variations label {
  font-weight:400;
}

.woocommerce div.product form.cart div.quantity {
  display:block !important;
  float:none !important;
  margin:0;
  margin-bottom:24px;

  &:before {
    display:inline-block;
    width:29%;
    content:"Aantal";
  }
}

.woocommerce div.product div.images .flex-control-thumbs li {
  width:15%;
  margin:6px;
}

.woocommerce div.product div.images .flex-control-thumbs li img.flex-active, 
.woocommerce div.product div.images .flex-control-thumbs li img:hover {
  border:1px solid var(--gray-60)0;
}

.woocommerce div.product .woocommerce-product-gallery--columns-4 .flex-control-thumbs li:nth-child(4n+1) {
  clear:none;
}

.woocommerce-variation-price,
.reset_variations,
.woofrom {
  display:none !important;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product .stock.in-stock,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price, .woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
  color:green;
}


/* Product overview page */
.woocommerce-result-count,
.woocommerce-ordering,
.add_to_cart_button,
.add-to-cart-container {
  display:none !important;
}

.attachment-woocommerce_thumbnail, .size-woocommerce_thumbnail {
    border-radius:12px;
}
.woocommerce ul.products li.product a:hover img {
    transition: all 0.3s ease-in-out;
    -webkit-box-shadow: 0 0 15px 0 var(--shadow-color);
    box-shadow: 0 0 15px 0 var(--shadow-color);
    opacity:0.9;
}

ul.products {
  padding-top:32px !important;
  list-style:none;
  text-align:center;

  img {
    border:1px solid var(--gray-200);
    margin-bottom:8px !important;
  }

  li {
    margin:0;
    padding:0;

    &:before {
      display:none !important;
    }
  }
}

.woocommerce-loop-product__title {
  font-size:20px;
}

.woocommerce-loop-product__link:hover {
  img {
    opacity:0.9;
  }
  .woocommerce-loop-product__title {
    text-decoration: underline;
    color:var(--primary-dark);
  }
}

.price {
  font-size:1.2em !important;
  font-weight:700 !important;
}


/* Error messages */
.woocommerce-error {
  margin:0!important;

  li {
    margin:0!important;
    padding:0!important;
    padding-left:60px !important;

    &:before {
      display:none !important;
      content:"";
    }
  }
}

.thwepo-extra-options td {
  vertical-align:top;
}

#coupon_code {
  width:180px;
}

/* Form input as form-control Bootstrap */
.payment_box select, 
.single-product .thwepo-extra-options .value input, 
.single-product .thwepo-extra-options .value select, 
.single-product .variations .value input, 
.single-product .variations .value select,
.thwepof-input-field {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.7;
  color: var(--gray-800);
  background-color: var(--white);
  background-clip: padding-box;
  border: 1px solid var(--gray-400);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,
  box-shadow .15s ease-in-out;
}


/* Tickets - Single product page */
.ticket-sale {
    div.product form.cart div.quantity,
    .section-title,
    .price,
    .woocommerce-product-gallery {
        display:none !important;
        opacity:0 !important;
    }

    .woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
        width:100%;
        float:none;
    }
}