/* Miscellaneous */
#main-content .product-type-variable p.price {display:none!important;}
body > main {display: flex;justify-content: center;}
body > main > #primary > main {margin-top:40px;}
table.variations > tbody {display: flex;flex-direction: column;}
.wvs-has-image-tooltip::before, [data-wvstooltip]::before {margin-bottom:4px;}
.product .zero-qty {background-color:#f00;padding:5px 7px;color:#fff;font-size:14px;margin:10px 0;display:inline-block;}
.product .doseis {margin-bottom:20px;}
.product .product-desc {margin:10px 0 20px 0;}
.woocommerce div.product form.cart div.quantity {float: none;margin: 0;display: flex;align-items: center;}
.compare-butt .add-compare {line-height: 20px;}
.product-sku, .product-stock, .product-cat {color:#878787;}
.product-sku span, .product-stock span, .product-cat a {color:#000;font-weight:bold;}
.variable-item.button-variable-item {padding: 0px 20px !important;border-radius: 15px !important;margin: 5px !important;outline: 0px !important;height: 35px !important;width: auto !important;overflow: visible;box-shadow: none !important;border: 1.5px solid #878787 !important;}
.variable-item.button-variable-item.selected {border-color:var(--main-color)!important;}
.reset_variations {display:none!important;}
.single_variation_wrap .woocommerce-variation {display: flex;flex-direction: column;gap: 5px;margin: 10px 0;}
.woocommerce div.product form.cart {margin-top:1em;}
li[data-wvstooltip]::before, li[data-wvstooltip]::after {display:none;}
.woocommerce-variation-add-to-cart .single_add_to_cart_button::after {display:none;}
.woocommerce a.added_to_cart {display:none!important;}
.single_add_to_cart_button.button {background-color:var(--main-color)!important;}
.woocommerce div.product div.images .flex-control-thumbs {display:flex;}
.woocommerce div.product div.images .flex-control-thumbs li {width:99.8px!important;}
.summary .product-meta {display:flex;flex-direction:column;gap:7px;}
.product-meta nav.woocommerce-breadcrumb {margin:0;}
.product .summary .wishlist-butt, .summary .compare-butt {cursor:pointer;}
.single-product .summary > p.price {padding:0;margin:30px 0 0 0;}
.single-product .summary form.cart {display: flex;gap: 0 20px;}
.single-product .summary form.cart::before {display:none!important;}
.woocommerce-variation-description {display:none;}
.woocommerce-variation-availability p {margin:0;}
.woocommerce div.product form.cart .variations th {text-align:left;}
.woocommerce div.product {display: flex;flex-wrap: wrap;justify-content: space-between;width: var(--x-12);}
.woocommerce div.product div.images.woocommerce-product-gallery {width: var(--x-6);}
.woocommerce div.product div.summary {width: var(--x-6);}
.single-product .summary form.cart > div[data-product_id] {display:flex;flex-direction:column;}
.single-product .summary form.cart > div[data-product_id] .woocommerce-variation-add-to-cart {display: flex;flex-wrap: wrap;gap:30px;order:3;}
.single-product .summary form.cart > div[data-product_id] .single_variation_wrap {order:1;}
.single-product .summary form.cart > div[data-product_id] table.variations {order:2;}

/* Preorder */
.product-preorder-date {position:relative;background-color: var(--main-color);margin-top: 45px;padding: 10px;font-size: 18px;max-width: fit-content;}
.product-preorder-date span {position: absolute;width: 40px;height: 100%;background-color: var(--main-color);color: #000;display: flex;justify-content: center;align-items: center;top: 0;right: -38px;font-weight: bold;letter-spacing: 1px;border-left: 2px solid #fff;}
.product-preorder-date::before {content:'PREORDER';background-color:#000;padding:5px 7px;color:#fff;position:absolute;left:0;top:-24px;font-size:12px;}
.single-product .summary > p.price.original-price {color:#000!important;}

/* Product Accordion (former tabs) */
.woocommerce-tabs {margin-top: 30px;}
.woocommerce-tabs ul.accordion {list-style: none;}
.woocommerce-tabs ul.accordion .accordion-collapse {display: none;}
.woocommerce-tabs ul.accordion .accordion-header {cursor: pointer;padding: 10px 0;margin: 0;font-size: 16px;font-weight: 600;}
.woocommerce-tabs ul.accordion .accordion-body {padding: 0px 20px 0 0;font-size: 14px;line-height: 17px;}
.woocommerce-tabs ul.accordion .accordion-body > h2 {display:none;}
.woocommerce-tabs ul.accordion button {background-color: transparent;border: 0;font-size: 14px;padding: 0;}
.woocommerce-tabs ul.accordion > li {border: 1px solid #848484;margin-bottom:12px;border-radius: 7px;padding: 5px 15px;max-width: 600px;width: 100%;}
.woocommerce-tabs ul.accordion > li .accordion-header {position:relative;}
.woocommerce-tabs ul.accordion > li .accordion-header::after {content:'';position:absolute;top:15px;right:5px;background-color:var(--main-color);-webkit-mask-image:url('../img/tab.svg');mask-image:url('../img/tab.svg');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size: 12px 10px;mask-size: 12px 10px;width: 12px;height: 10px;rotate: 180deg;transition: rotate .2s;}
.woocommerce-tabs ul.accordion > li .accordion-header.activ::after {rotate:0deg;transition:rotate .2s;}

/* Lightbox */
body > .pswp {z-index: 99992;}
body > .pswp .pswp__top-bar {opacity:1;}
body > .pswp .pswp__bg {background-color: rgba(0, 0, 0, 0.7);}
body > .pswp .pswp__caption {display:none;}

/* Related products */
.related.products {width:100%;}
.related.products a.button.add_to_cart_button {display:none!important;}
.related.products ul.products {margin:0;padding:0;display:flex;gap:calc(var(--gutter) * 2);justify-content: flex-start;}
.related.products ul.products::before, .related.products ul.products::after {display:none;}
.related.products ul.products li.product {float:none;width:var(--x-3);margin:0;padding:0;}
.related.products ul.products li.product a.woocommerce-loop-product__link {display: flex;flex-wrap: wrap;}
.related.products ul.products li.product a img {margin-bottom:0!important;}
.related.products ul.products li.product a h2 {flex-basis: 65%;align-self: center;border: 2px solid var(--main-color);border-right-width: 0;padding-left: 10px!important;height: 60px;display: flex;align-items: center;font-weight: bold;font-size: 16px;}
.related.products ul.products li.product a span.price {flex-basis: 35%;justify-content: center;align-items: flex-end;border: 2px solid var(--main-color);border-left-width: 0;height: 60px;margin-bottom: 0!important;padding: 10px 15px 10px 0;}
.related.products ul.products li.product > a.button {display:none;}

/* Up-sells products */
.upsells.products {width:100%;margin-bottom: 2em;}
.upsells.products a.button.add_to_cart_button {display:none!important;}
.upsells.products ul.products {margin:0;padding:0;display:flex;gap:calc(var(--gutter) * 2);justify-content: flex-start;}
.upsells.products ul.products::before, .upsells.products ul.products::after {display:none;}
.upsells.products ul.products li.product {float:none;width:var(--x-3);margin:0;padding:0;}
.upsells.products ul.products li.product a.woocommerce-loop-product__link {display: flex;flex-wrap: wrap;}
.upsells.products ul.products li.product a img {margin-bottom:0!important;}
.upsells.products ul.products li.product a h2 {flex-basis: 65%;align-self: center;border: 2px solid var(--main-color);border-right-width: 0;padding-left: 10px!important;height: 60px;display: flex;align-items: center;font-weight: bold;font-size: 16px;}
.upsells.products ul.products li.product a span.price {flex-basis: 35%;justify-content: center;align-items: flex-end;border: 2px solid var(--main-color);border-left-width: 0;height: 60px;margin-bottom: 0!important;padding: 10px 15px 10px 0;}
.upsells.products ul.products li.product > a.button {display:none;}

/* Size Guide */
#edittables {pointer-events: none;}
#edittables table > thead {display:none;}
#edittables table > tbody > tr > td:last-child {display:none;}
.size-guide .modal-btn {cursor: pointer;}
.size-guide .modal-content, .size-guide .modal-backdrop {height: 0;width: 0;opacity: 0;visibility: hidden;overflow: hidden;cursor: pointer;transition: opacity 0.2s ease-in;}
.size-guide #size-guide-toggle {display: none;}
.size-guide #size-guide-toggle:checked ~ .modal-backdrop {backdrop-filter: blur(5px);background-color: rgba(0, 0, 0, 0.6);width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 9999;visibility: visible;opacity: 1;transition: opacity 0.2s ease-in;}
.size-guide #size-guide-toggle:checked ~ .modal-content {opacity: 1;background-color: #fff;max-width: 50vw;width: 100%;height: auto;padding: 5px 20px;position: fixed;left: 25vw;top: 20vh;z-index: 99999;pointer-events: auto;cursor: auto;visibility: visible;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);}

/* Price drop notifier */
.price-drop-container .price-drop-btn {cursor: pointer;}
.price-drop-container .price-drop-content, .price-drop-container .price-drop-backdrop {height: 0;width: 0;opacity: 0;visibility: hidden;overflow: hidden;cursor: pointer;transition: opacity 0.2s ease-in;}
.price-drop-container #price-drop-toggle {display: none;}
.price-drop-container #price-drop-toggle:checked ~ .price-drop-backdrop {backdrop-filter: blur(5px);background-color: rgba(0, 0, 0, 0.6);width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 9999;visibility: visible;opacity: 1;transition: opacity 0.2s ease-in;}
.price-drop-container #price-drop-toggle:checked ~ .price-drop-content {opacity: 1;background-color: #fff;max-width:600px;width: 100%;height: auto;padding:20px;position: fixed;left:auto;top: 32%;z-index: 99999;right: auto;margin: 0 auto;transform: translateX(-50%);pointer-events: auto;cursor: auto;visibility: visible;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);}
.price-drop-container .price-drop-form {margin:20px 0;display:flex;flex-direction:column;gap:12px;}
.price-drop-container .price-drop-form button {width:fit-content;}

/* Ask us */
.ask-us .modal-btn {cursor: pointer;}
.ask-us .modal-content, .ask-us .modal-backdrop {height: 0;width: 0;opacity: 0;visibility: hidden;overflow: hidden;cursor: pointer;transition: opacity 0.2s ease-in;}
.ask-us #ask-us-toggle {display: none;}
.ask-us #ask-us-toggle:checked ~ .modal-backdrop {backdrop-filter: blur(5px);background-color: rgba(0, 0, 0, 0.6);width: 100vw;height: 100vh;position: fixed;left: 0;top: 0;z-index: 9999;visibility: visible;opacity: 1;transition: opacity 0.2s ease-in;}
.ask-us #ask-us-toggle:checked ~ .modal-content {opacity: 1;background-color: #fff;max-width:600px;width: 100%;height: auto;padding:20px;position: fixed;left:auto;top: 20vh;z-index: 99999;right: auto;margin: 0 auto;transform: translateX(-50%);pointer-events: auto;cursor: auto;visibility: visible;box-shadow: 0 3px 7px rgba(0, 0, 0, 0.6);}
.ask-us #ask-us-toggle:checked ~ .modal-content .wpcf7-form {display:flex;flex-direction:column;gap:12px;}
.ask-us #ask-us-toggle:checked ~ .modal-content .wpcf7-list-item {margin:0;}
.ask-us #ask-us-toggle:checked ~ .modal-content .wpcf7-submit {width:fit-content;}

/* Responsive */
@media (max-width:1400px){
  .related.products ul.products li.product {width: var(--x-4);}
  .upsells.products ul.products li.product {width: var(--x-4);}
}

@media (max-width:1024px){
  body > main > #primary > main {margin-top:0;}
  .woocommerce .type-product span.onsale {left: calc(100% - 80px);}
  .woocommerce div.product {flex-direction:column;}
  .woocommerce div.product div.images.woocommerce-product-gallery {width:100%;float:none;}
  .woocommerce div.product div.summary {width:100%;float:none;}
}

@media (max-width:1100px){
  .related.products ul.products li.product {width: var(--x-6);}
  .upsells.products ul.products li.product {width: var(--x-6);}
}

@media (max-width:600px){
  .related.products ul.products {gap:var(--gutter) 0;}
  .upsells.products ul.products {gap:var(--gutter) 0;}
  .related.products ul.products li.product {width: var(--x-12);}
  .upsells.products ul.products li.product {width: var(--x-12);}
}
