/**************************************************
 * 
 *  WOOCOMMERCE GENERAL STYLING
 * 
 **************************************************/

:root {
    --woocommerce-error: #ec1f23;
    --woocommerce-success: #6ba539;
    --woocommerce--in-stock: var(--woocommerce-success);
    --woocommerce-available-on-backorder: #ee5603;
    --woocommerce-out-off-stock: var(--woocommerce-error);
    --woocommerce-border-radius: 0px;
}


/***** CUSTOM BUTTON STYLES *****/


/* custom button in product listing */

.woocommerce ul.products .product .priceWrapper>a.add_to_cart_button {
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    padding: 0.94em 1.25em;
    background: transparent;
    border-color: var(--color-content-primary);
    color: var(--color-content-heading) !important;
    box-shadow: 0 0em 0em rgb(0 0 0 / 20%);
}

.woocommerce ul.products .product .priceWrapper>a.add_to_cart_button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border-style: solid;
    border-color: inherit;
    border-image: inherit;
    border-width: 2px;
}


/* general btn styles */

html body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper a.backToShopBtn,
html .woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper a.backToCartBtn,
html .woocommerce .button.alt,
html .woocommerce .button.checkout,
html .woocommerce .button.add_to_cart_button,
html .woocommerce .button.wc-forward,
html .woocommerce .button.wc-backward,
html .woocommerce .button,
html .woocommerce .actions .button,
html .woocommerce .shop_table.cart .actions .button,
html .woocommerce .checkout_coupon.woocommerce-form-coupon .button,
html .woocommerce ul.products .product .priceWrapper>a.add_to_cart_button {
    padding-right: 2.5em;
    border-radius: 0 30px 30px 0;
    transition: border-radius 0.3s ease, padding 0.3s ease;
}


/* hover */

.no-touch .woocommerce ul.products .product .priceWrapper>a.add_to_cart_button:hover {
    background: var(--color-content-primary);
    border-color: var(--color-content-primary);
    color: var(--color-alt-content-heading) !important;
    border-radius: 0;
}

.no-touch .woocommerce ul.products .product .priceWrapper>a.add_to_cart_button .w-btn-label {
    transition: padding 0.3s ease;
}

.no-touch .woocommerce ul.products .product .priceWrapper>a.add_to_cart_button:hover .w-btn-label {
    padding-left: calc(2.5em - 1.88em);
}

html.no-touch body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper a.backToShopBtn:hover,
html.no-touch .woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper a.backToCartBtn:hover,
html.no-touch .woocommerce .button:hover,
html.no-touch .woocommerce .actions .button:hover,
html.no-touch .woocommerce .shop_table.cart .actions .button:hover,
html.no-touch .woocommerce .checkout_coupon.woocommerce-form-coupon .button:hover,
html.no-touch .woocommerce .button.alt:hover,
html.no-touch .woocommerce .button.checkout:hover,
html.no-touch .woocommerce .button.add_to_cart_button:hover,
html.no-touch .woocommerce .button.wc-forward:hover,
html.no-touch .woocommerce .button.wc-backward:hover {
    border-radius: 0;
    padding-right: 2.5em;
    padding-left: 2.5em;
}


/***** GENERAL STYLES FOR MULTIPLE PAGES *****/

.woocommerce-Price-amount {
    white-space: nowrap;
}

.woocommerce.woocommerce-page .onsale {
    background: var(--color-content-primary);
}


/***** WOOCOMMERCE MESSAGES STYLES *****/

.woocommerce-NoticeGroup {
    width: 100%;
}

.woocommerce .woocommerce-notice:empty {
    display: none;
}

.woocommerce .woocommerce-message,
.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce :not(.w-wc-notices)>.woocommerce-message,
.woocommerce :not(.w-wc-notices)>.woocommerce-error,
.woocommerce :not(.w-wc-notices)>.woocommerce-info {
    border-radius: var(--woocommerce-border-radius);
    padding: 25px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    display: block;
    margin: 0 0 30px;
}

.woocommerce .woocommerce-message a,
.woocommerce .woocommerce-error a,
.woocommerce .woocommerce-info a,
.woocommerce :not(.w-wc-notices)>.woocommerce-message a,
.woocommerce :not(.w-wc-notices)>.woocommerce-error a,
.woocommerce :not(.w-wc-notices)>.woocommerce-info a {
    font-weight: 400;
}

.woocommerce :not(.w-wc-notices)>.woocommerce-message,
.woocommerce .woocommerce-message {
    color: var(--color-alt-content-heading);
    background: var(--color-content-primary);
}

.woocommerce :not(.w-wc-notices)>.woocommerce-error,
.woocommerce .woocommerce-error {
    color: var(--color-alt-content-heading);
    background: var(--woocommerce-error);
}

.woocommerce :not(.w-wc-notices)>.woocommerce-info,
.woocommerce .woocommerce-info {
    color: var(--color-alt-content-heading);
    background: var(--color-content-primary);
}

.woocommerce .woocommerce-message strong,
.woocommerce .woocommerce-error strong,
.woocommerce .woocommerce-info strong {
    color: inherit;
}

.woocommerce .woocommerce-message a:not(.button),
.woocommerce .woocommerce-error a:not(.button),
.woocommerce .woocommerce-info a:not(.button) {
    text-decoration: underline;
}

.woocommerce .woocommerce-message a:not(.button):hover,
.woocommerce .woocommerce-error a:not(.button):hover,
.woocommerce .woocommerce-info a:not(.button):hover {
    text-decoration: none;
}

.woocommerce .woocommerce-info a:not(.button),
.woocommerce .woocommerce-info a:not(.button):hover,
.woocommerce .woocommerce-error a:not(.button),
.woocommerce .woocommerce-error a:not(.button):hover {
    color: #ffffff;
}


/**************************************************
 * 
 *  PRODUCT DETAIL STYLING
 * 
 **************************************************/


/*****
*
*   SHOP PAGE 
*
*****/


/***** SHOP PAGE LAYOUT *****/


/**** Page Layout with Sidebar ****/


/* .woocommerce .l-sidebar {
    padding-top: 0;
    padding-bottom: 0;
    width: 100%;
}

.woocommerce .l-content {
    padding-top: 40px;
    padding-bottom: 0;
    width: 100%;
}

.woocommerce .l-content #shop {
    padding-top: 0;
    padding-bottom: 0;
}

@media only screen and (max-width: 991px) {
    .woocommerce .l-sidebar {
        order: 1;
    }
    .woocommerce .l-content {
        order: 2;
    }
}

@media only screen and (min-width: 992px) {
    .woocommerce .l-content,
    .woocommerce .l-sidebar {
        padding-top: 40px;
    }
    .woocommerce .l-content {
        width: calc((9/12) * 100%);
    }
    .woocommerce .l-sidebar {
        width: calc((3/12) * 100%);
    }
    .woocommerce .l-section.for_sidebar.at_left .l-sidebar,
    .woocommerce .l-section.for_sidebar.at_right .l-content {
        padding-right: 15px;
        margin: 0;
    }
    .woocommerce .l-section.for_sidebar.at_left .l-content,
    .woocommerce .l-section.for_sidebar.at_right .l-sidebar {
        padding-left: 15px;
        margin: 0;
    }
} */


/**** Page Layout without Sidebar ****/

.woocommerce .l-main #shop,
.l-section.height_medium.cart_and_checkout {
    padding-top: 60px;
    padding-bottom: 80px;
}

@media only screen and (min-width: 768px) {
    .woocommerce .l-main #shop,
    .l-section.height_medium.cart_and_checkout {
        padding-top: 80px;
        padding-bottom: 120px;
    }
}


/**** SHOP NAVIGATION PAGINATION ****/

#shop .pagination {
    margin-top: 60px;
}

@media only screen and (min-width: 481px) {
    #shop .pagination .nav-links {
        justify-content: center;
    }
}

#shop .pagination> :not(.custom) .page-numbers {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 0;
    font-family: var(--font-body);
    font-size: 1.2rem;
    color: var(--color-alt-content-heading);
    background: none;
    border: 2px solid var(--color-alt-content-text);
    transition: all 0.3s ease;
}

.no-touch #shop .pagination> :not(.custom) .page-numbers:hover,
#shop .pagination> :not(.custom) .page-numbers.current {
    color: var(--color-alt-content-heading);
    background: var(--color-content-primary);
    border-color: var(--color-content-primary);
}

#shop .pagination> :not(.custom) .page-numbers.prev,
#shop .pagination> :not(.custom) .page-numbers.next {
    font-size: 0;
    line-height: calc(36px - 2px);
    width: calc(36px + 8px);
}

#shop .pagination> :not(.custom) .page-numbers.prev {
    border-radius: 30px 0 0 30px;
    padding-left: 8px;
}

#shop .pagination> :not(.custom) .page-numbers.next {
    border-radius: 0 30px 30px 0;
    padding-right: 8px;
}

#shop .pagination> :not(.custom) .page-numbers.prev:after,
#shop .pagination> :not(.custom) .page-numbers.next:after {
    font-size: 1rem;
}

@media only screen and (min-width: 768px) {
    #shop .pagination> :not(.custom) .page-numbers {
        width: 50px;
        height: 50px;
        line-height: 50px;
    }
    #shop .pagination> :not(.custom) .page-numbers.prev,
    #shop .pagination> :not(.custom) .page-numbers.next {
        line-height: calc(50px - 2px);
        width: calc(50px + 15px);
    }
    #shop .pagination> :not(.custom) .page-numbers.prev {
        border-radius: 30px 0 0 30px;
        padding-left: 15px;
    }
    #shop .pagination> :not(.custom) .page-numbers.next {
        border-radius: 0 30px 30px 0;
        padding-right: 15px;
    }
}

#shop .pagination .page-numbers.next:after {
    content: "\f061";
}

#shop .pagination .page-numbers.prev:after {
    content: "\f060";
}


/**** PRODUCT LISTING - Layout ****/

.woocommerce ul.products {
    margin: -10px -10px 0 !important;
}

.woocommerce ul.products .product {
    padding: 10px;
}

@media only screen and (max-width: 1200px) {
    .woocommerce ul.products.columns-4>.product {
        width: calc((4 / 12) * 100%);
    }
}


/* hide last product only in not main loop */

@media only screen and (min-width: 901px) and (max-width: 1200px) {
    .hideLastGridElementOnTablet .woocommerce ul.products.columns-4>.product:nth-child(4) {
        display: none;
    }
}


/***** SHOP PAGE Styling *****/

.woocommerce.archive .l-main #shop {
    background: var(--color-alt-content-bg);
}

.woocommerce .l-main #shop .woocommerce-products-header {
    display: block;
}

.woocommerce .l-main #shop .woocommerce-products-header .woocommerce-products-header__title {
    position: relative;
    color: var(--color-alt-content-heading);
    margin-bottom: 40px;
    font-size: 36px;
}

@media only screen and (min-width: 768px) {
    .woocommerce .l-main #shop .woocommerce-products-header .woocommerce-products-header__title {
        font-size: 42px;
    }
}

.woocommerce .l-main #shop .woocommerce-products-header .woocommerce-products-header__title::after {
    content: url(../wc-imgs/section_heading_ornament_alt.svg);
    position: relative;
    display: block;
    margin-left: 0;
    margin-top: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 0;
}

@media only screen and (min-width: 768px) {
    .woocommerce .l-main #shop .woocommerce-products-header .woocommerce-products-header__title::after {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
        margin-top: 0;
    }
}


/**** PRODUCT LISTING - Product Styles ****/


/* .productInner added in wc-layouts.php */

.woocommerce ul.products .product .productInner {
    background: #ffffff;
    border: none;
    border-radius: 0;
    padding: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    transition: box-shadow 0.3s ease;
}

.woocommerce ul.products .product .productInner:hover {
    box-shadow: 0px 8px 15px rgba(0, 0, 0, 0.12);
}

.woocommerce ul.products .product .productInner img {
    margin-left: auto;
    margin-right: auto;
}


/** On sale Badge **/

.woocommerce ul.products .product .productInner .onsale {
    position: absolute;
    z-index: 1;
    padding: 10px 15px 10px 10px;
    border-radius: 0 30px 30px 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;
}


/* .variationsWrapper added in wc-layouts.php */

.variationsWrapper {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    margin: -1px;
}

@media only screen and (min-width: 768px) {
    .variationsWrapper {
        left: 40px;
        right: 40px;
    }
}

.variationsWrapper>* {
    padding: 1px;
}

.variationsWrapper .variationWrapper .variationValue {
    background: var(--color-alt-content-bg);
    color: var(--color-alt-content-heading);
    font-size: 14px;
    line-height: 1.285;
    font-weight: 600;
    padding: 5px 10px;
}

.variationsWrapper .variationWrapper .variationValue.out_of_stock {
    color: var(--color-content-text);
    text-decoration: line-through;
}

.variationsWrapper .variationWrapper:last-child .variationValue {
    padding-right: 15px;
    border-radius: 0 30px 30px 0;
}


/* .membershipWrapper added in wc-layouts.php */

.membershipWrapper {
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

@media only screen and (min-width: 768px) {
    .membershipWrapper {
        left: 40px;
        right: 40px;
    }
}

.membershipWrapper .membershipText {
    background: var(--color-content-primary);
    color: var(--color-alt-content-heading);
    font-size: 14px;
    line-height: 1.285;
    font-weight: 600;
    padding: 5px 10px;
    padding-right: 15px;
    border-radius: 0 30px 30px 0;
}


/* .contentWrapper added in wc-layouts.php */

.woocommerce ul.products .product .contentWrapper {
    padding: 30px 20px;
    margin: 0;
    border: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

@media only screen and (min-width: 1400px) {
    .woocommerce ul.products .product .contentWrapper {
        padding: 40px;
    }
}


/* Product Title */

.woocommerce .products .product .woocommerce-loop-product__title {
    font-family: var(--font-body);
    font-size: 18px;
    line-height: 1.56;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 20px;
    text-decoration: none;
}

.woocommerce ul.products .product .woocommerce-loop-product__title:hover {
    text-decoration: underline;
}


/* Add to Cart Button */

.woocommerce ul.products .product .contentWrapper .add_to_cart_button {
    margin: 0 10px 0 0;
    flex-shrink: 0;
}


/* .woocommerce ul.products .product .contentWrapper .add_to_cart_button::before {
    content: '\f291';
    font-family: 'fontawesome';
    font-size: inherit;
    font-weight: 400;
    line-height: 1;
    position: relative;
    color: inherit;
    display: inline-block;
    margin-right: 10px;
} */


/* Procced to cart - if ajax enabled in Settings */

.woocommerce ul.products .product .contentWrapper .added_to_cart.wc-forward {
    width: 100%;
    text-align: center;
    font-size: 14px;
    line-height: 1.5;
}

.woocommerce ul.products .product .contentWrapper .added_to_cart.wc-forward::after {
    content: "\f178";
    font-family: "fontawesome";
    font-size: 15px;
    line-height: 1;
    position: relative;
    color: var(--color-content-link);
    display: inline-block;
    margin-left: 5px;
    transition: color 0.3s ease;
}

.woocommerce ul.products .product .contentWrapper .added_to_cart.wc-forward:hover::after {
    color: var(--color-content-link-hover);
}

.woocommerce ul.products .product .contentWrapper .added_to_cart.wc-forward:hover {
    text-decoration: underline;
}


/* .priceWrapper added in wc-layouts.php */

.woocommerce ul.products .product .priceWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}


/* Price */

.woocommerce ul.products .product .contentWrapper .price {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: flex-end !important;
    margin: 10px 0;
    max-width: 90px;
}


/* .single-product #shop ul.products .product.sale.product-type-simple .contentWrapper .price,
.woocommerce ul.products .product.sale.product-type-simple .contentWrapper .price {
    flex-direction: row-reverse;
    justify-content: center;
    margin: 10px 0;
} */

.single-product #shop ul.products .product .contentWrapper .price>*:not(:first-child),
.woocommerce ul.products .product .contentWrapper .price>*:not(:first-child) {
    margin-left: 5px;
}

.single-product #shop ul.products .product.sale.product-type-simple .contentWrapper .price>*:last-child,
.single-product #shop ul.products .product.sale.product-type-simple .contentWrapper .price>*:first-child,
.woocommerce ul.products .product.sale.product-type-simple .contentWrapper .price>*:last-child,
.woocommerce ul.products .product.sale.product-type-simple .contentWrapper .price>*:first-child {
    margin-right: 0;
}

.single-product #shop ul.products .product.taxable .contentWrapper .price .woocommerce-price-suffix,
.woocommerce ul.products .product.taxable .contentWrapper .price .woocommerce-price-suffix {
    display: none !important;
}

.single-product #shop ul.products .product .contentWrapper .price,
.single-product #shop ul.products .product .contentWrapper .price ins,
.woocommerce ul.products .product .contentWrapper .price,
.woocommerce ul.products .product .contentWrapper .price ins {
    font-size: 16px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-content-text);
    text-decoration: none;
}

.single-product #shop ul.products .product.sale .contentWrapper .price>del,
.woocommerce ul.products .product.sale .contentWrapper .price>del {
    margin-left: 10px;
    opacity: 1;
    font-size: 12px;
    line-height: 1.2;
    font-weight: 400;
    color: var(--color-content-faded);
}


/**************************************************
 * 
 *  PRODUCT DETAIL STYLING
 * 
 **************************************************/


/***** General Settings *****/


/**** COLORS ****/

.single-product .l-main #shop {
    background: var(--color-alt-content-bg);
    color: var(--color-alt-content-text);
}

.single-product .l-main #shop h1,
.single-product .l-main #shop h2,
.single-product .l-main #shop h3,
.single-product .l-main #shop h4,
.single-product .l-main #shop h5,
.single-product .l-main #shop h6,
.single-product .label {
    color: var(--color-alt-content-heading);
}

.single-product .l-main #shop strong,
.single-product .l-main #shop b {
    color: var(--color-alt-content-heading);
}

.single-product .l-main #shop td,
.single-product .l-main #shop th {
    border-color: var(--color-alt-content-border);
}

.single-product .l-main #shop a {
    color: var(--color-alt-content-link);
}

.no-touch .single-product .l-main #shop a:hover {
    color: var(--color-alt-content-link-hover);
}

.single-product .l-main #shop .g-preloader {
    color: var(--color-alt-content-primary);
}

.woocommerce.single-product .l-main #shop .product .summary .price {
    color: var(--color-alt-content-heading);
}


/**** Page Layout ****/


/* Custom Product Wrapper & Custom Product Img Wrapper  & Custom Product Img Wrapper Inner - added in wc-layouts.php */

.single-product.woocommerce .wc-custom_product_wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: -10px;
}

.single-product.woocommerce .wc-custom_product_wrapper:not(:last-child) {
    padding-bottom: 50px;
}

.single-product.woocommerce .wc-custom_product_wrapper>* {
    padding: 10px;
}

.single-product.woocommerce .product .wc-custom_product_wrapper .images {
    float: none !important;
    margin: 0 !important;
}

.single-product.woocommerce .product .wc-custom_product_wrapper .summary {
    float: none !important;
    margin-bottom: 0 !important;
}

.single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper,
.single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper__inner,
.single-product.woocommerce .product .wc-custom_product_wrapper .images {
    width: 100%;
}

@media only screen and (max-width: 767px) {
    .single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper {
        padding-bottom: 40px;
    }
}


/* .single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper__inner {
    position: relative;
    border-radius: var(--woocommerce-border-radius);
    overflow: hidden;
    border: 1px solid var(--color-content-border);
} */

@media only screen and (min-width: 768px) {
    .single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper {
        width: calc((5 / 12) * 100%);
    }
    .single-product.woocommerce .product .summary {
        width: calc((7 / 12) * 100%);
        margin-right: 0;
    }
    .single-product.woocommerce .product .wc-custom_product_wrapper .summary {
        padding-left: calc(10px + 40px);
    }
}

@media only screen and (min-width: 1400px) {
    .single-product.woocommerce .product .summary {
        width: calc((5 / 12) * 100%);
        margin-right: calc((2 / 12) * 100%);
    }
    .single-product.woocommerce .product .wc-custom_product_wrapper .summary {
        padding-left: calc(10px + 65px);
    }
}


/**** Gallery ****/

.single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper .woocommerce-product-gallery li img.flex-active {
    border: none;
}

@media only screen and (min-width: 1024px) {
    .single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper .woocommerce-product-gallery ol {
        margin: 10px -6px 0;
    }
    .single-product.woocommerce .product .wc-custom_product_wrapper .wc-custom_product_img_wrapper .woocommerce-product-gallery ol>li {
        padding: 6px;
    }
}


/**** Simple / Variable Product ****/


/*** Breadcrumbs - edited in wc-layouts.php */


/* .single-product .woocommerce-breadcrumb {
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 2;
    font-weight: 600;
    color: var(--color-content-heading);
}

.single-product .woocommerce-breadcrumb a {
    color: var(--color-content-primary);
    font-weight: 400;
    text-decoration: underline;
}

.single-product .woocommerce-breadcrumb a:hover {
    text-decoration: none;
}

.single-product .woocommerce-breadcrumb i {
    color: var(--color-content-text);
    font-size: 12px;
    font-weight: 400;
    margin: 0 6px;
} */


/**** Product Image */


/* Disable opening full image - also disabled theme support for gallery functionality in wc-layouts.php */

.woocommerce #shop .product .woocommerce-product-gallery .woocommerce-product-gallery__image>a {
    pointer-events: none !important;
}


/* Sales Badge - text changed in wc-layouts.php*/

.woocommerce .l-section.for_shop .wc-custom_product_img_wrapper__inner .onsale {
    position: absolute;
    top: 40px;
    left: 20px;
    z-index: 1;
    padding: 10px 15px 10px 10px;
    border-radius: 0 30px 30px 0;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 600;
}


/* Product title  */

.single-product #shop .summary .product_title {
    font-size: 32px;
    margin-bottom: 30px;
}

.single-product #shop .summary .product_title::after {
    content: url(../wc-imgs/section_heading_ornament_alt.svg);
    position: relative;
    display: block;
    margin-top: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 0;
}

@media only screen and (min-width: 768px) {
    .single-product #shop .summary .product_title {
        font-size: 42px;
    }
}

@media only screen and (min-width: 1400px) {
    .single-product #shop .summary .product_title {
        max-width: 400px;
    }
}


/* Short description */

.single-product #shop .summary .woocommerce-product-details__short-description {
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.56;
}

.single-product #shop .summary .woocommerce-product-details__short-description a {
    text-decoration: underline;
}

.single-product #shop .summary .woocommerce-product-details__short-description a:hover {
    text-decoration: none;
}


/* Price */

.single-product #shop .product .price {
    margin-bottom: 32px;
}

.single-product #shop .product:not(.product-type-variable) .price,
.single-product #shop .single_variation_wrap .price {
    display: flex;
    align-items: baseline;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

.single-product #shop .product:not(.product-type-variable) .price del,
.single-product #shop .single_variation_wrap .price del {
    order: 1;
}

.single-product #shop .product:not(.product-type-variable) .price ins,
.single-product #shop .product:not(.product-type-variable) .price span,
.single-product #shop .single_variation_wrap .price ins,
.single-product #shop .single_variation_wrap .price span {
    order: 3;
}

.single-product #shop .product:not(.product-type-variable) .price small,
.single-product #shop .single_variation_wrap .price small {
    order: 2;
}


/* regular price */

.single-product #shop .price,
.single-product #shop .price ins {
    font-size: 32px;
    font-family: var(--font-h1);
    line-height: 1.2;
    font-weight: 600;
}

.single-product #shop .price ins {
    color: var(--color-alt-content-heading);
}


/* sale price */

.single-product #shop .price del {
    color: var(--color-alt-content-text);
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.2;
    font-weight: 300;
    margin-left: 20px;
    opacity: 1;
}


/* price suffix - when taxes are enabled */

.single-product #shop .price small {
    color: var(--color-content-text);
    font-size: 24px;
    line-height: 1.2;
    font-weight: 400;
    margin-left: 5px;
}

.single-product #shop .price del .woocommerce-price-suffix {
    display: none !important;
}


/* Add to cart form */

.single-product #shop .cart {
    display: flex;
    flex-wrap: wrap;
    margin: -8px;
}

.single-product #shop .cart>* {
    margin: 8px;
}


/* .single-product #shop .cart button {
    display: block;
    width: 100%;
} */

.single-product #shop .cart .quantity {
    margin-right: 10px;
}

@media only screen and (min-width: 480px) {
    .single-product #shop .cart .quantity {
        margin-right: calc(20px - 8px);
    }
    .single-product #shop .cart button {
        display: inline-block;
        width: auto;
    }
    .single-product #shop .cart button::before {
        position: static;
        content: "\f291";
        font-family: "fontawesome";
        font-size: inherit;
        font-weight: 400;
        line-height: inherit;
        color: inherit;
        margin-right: 10px;
        display: inline-block;
    }
}


/* Stock status */

.single-product #shop .stock {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    font-family: var(--font-body);
    letter-spacing: 0.1em;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.single-product #shop .stock::before {
    font-family: "fontawesome";
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    display: inline-block;
    margin-right: 10px;
}

.single-product #shop .stock.out-of-stock {
    color: var(--woocommerce-out-off-stock);
}

.single-product #shop .stock.out-of-stock::before {
    content: "\f057";
}

.single-product #shop .stock.in-stock {
    color: var(--woocommerce--in-stock);
}

.single-product #shop .stock.in-stock::before {
    content: "\f058";
}

.single-product #shop .stock.available-on-backorder {
    color: var(--woocommerce-available-on-backorder);
}

.single-product #shop .stock.available-on-backorder::before {
    content: "\f49e";
}

.single-product #shop .woocommerce-variation-availability .stock.available-on-backorder::before {
    content: "\f110";
    font-family: "fontawesome";
    font-size: 18px;
    line-height: 1;
    display: inline-block;
    margin-right: 10px;
}


/***** Variable product *****/

.single-product #shop .woocommerce-variation.single_variation {
    align-items: baseline;
}

.single-product #shop .woocommerce-variation.single_variation> :empty {
    display: none;
}

.single-product #shop .woocommerce-variation.single_variation>* {
    flex-basis: 100%;
    margin-right: 0;
    margin-bottom: 20px;
}

.single-product #shop .woocommerce-variation-add-to-cart {
    margin-top: 0;
    flex-shrink: 0;
}

.single-product #shop .variations {
    margin-bottom: calc(30px - 8px);
}

.single-product #shop .variations .reset_variations {
    display: none !important;
}

.single-product #shop .variations tr {
    display: flex;
    flex-wrap: wrap;
}

.single-product #shop .variations tr>* {
    width: 100%;
}

.single-product #shop .variations tr th,
.single-product #shop .variations tr td {
    padding-bottom: 15px;
}

.single-product #shop .variations tr:last-child td {
    padding-bottom: 0;
}

.single-product #shop .variations .label {
    margin-bottom: 0 !important;
}

.single-product #shop .variations .label>label {
    padding-top: 0;
}


/*** Custom - SIDE BY SIDE LAYOUT ***/


/** wc-custom_simple_product_sbs_wrapper, wc-custom_simple_product_price_wrapper - added in wc-layouts.php*/

.wc-custom_simple_product_sbs_wrapper .wc-custom_simple_product_price_wrapper {
    display: flex;
    flex-direction: column-reverse;
}

.woocommerce-variation-description {
    order: 1;
    /*  width: 100%; */
}

.woocommerce-variation-price {
    order: 3;
}

.woocommerce-variation-availability {
    order: 2;
}

.wc-custom_simple_product_sbs_wrapper,
.wc-custom_variable_product_sbs_wrapper:not(.withoutPrice) {
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: -10px;
}

@media only screen and (min-width: 1400px) {
    .wc-custom_variable_product_sbs_wrapper:not(.withoutPrice),
    .wc-custom_simple_product_sbs_wrapper {
        justify-content: space-between;
    }
}

.single-product #shop .variations+.single_variation_wrap {
    width: 100%;
}


/** without Price - added in wc-layouts.php, controlled by javascript in woocommerce.js */

.wc-custom_variable_product_sbs_wrapper:not(.withoutPrice)>*,
.wc-custom_simple_product_sbs_wrapper>* {
    padding: 10px;
}

@media only screen and (max-width: 480px) {
    .wc-custom_variable_product_sbs_wrapper:not(.withoutPrice)>*,
    .wc-custom_simple_product_sbs_wrapper>* {
        width: 100%;
    }
}

.single-product #shop .variations+.single_variation_wrap .woocommerce-variation.single_variation {
    flex-direction: column;
}

.single-product #shop .woocommerce-variation.single_variation>* {
    margin-bottom: 0;
}

.single-product #shop .variations+.single_variation_wrap .woocommerce-variation.single_variation:empty {
    display: none;
}

.single-product #shop .product .price {
    margin-bottom: 0;
}

.single-product #shop .product:not(.product-type-variable) .price,
.single-product #shop .single_variation_wrap .price {
    flex-direction: column-reverse;
}

.single-product #shop .product:not(.product-type-variable) .price>*,
.single-product #shop .single_variation_wrap .price>* {
    /* width: 100%; */
    margin-left: 0;
}

.single-product #shop .product:not(.product-type-variable) .price>*:not(:last-child),
.single-product #shop .single_variation_wrap .price>*:not(:last-child) {
    margin-top: 2px;
}


/* Tabs - removed in wc-layouts.php */


/* Related Products - removed in wc-layouts.php */


/***** CUSTOM ELEMENTS - added in wc-layouts.php *****/


/** wc-product_attributes_wrapper - added in wc-layouts.php */

.wc-product_attributes_wrapper {
    padding: 5px 15px;
    border: 1px solid var(--color-alt-content-border);
    margin-bottom: 30px;
}

.wc-product_attributes_wrapper .wc-product_attributes_content .wc-product_attributes_item:not(:last-child) {
    border-bottom: 1px solid var(--color-alt-content-border);
}

.wc-product_attributes_wrapper .wc-product_attributes_content .wc-product_attributes_item_inner {
    display: flex;
    justify-content: space-between;
    margin: -15px;
}

.wc-product_attributes_wrapper .wc-product_attributes_content .wc-product_attributes_item_inner>* {
    padding: 30px 15px;
}

.wc-product_attributes_item__label {
    font-size: 16px;
    min-width: 150px;
    flex-shrink: 0;
}

.wc-product_attributes_item__value {
    font-size: 16px;
    color: var(--color-alt-content-heading);
    text-align: right;
}


/** wc-product_size_table_trigger_wrapper, wc-product_size_table_wrapper - added in wc-layouts.php */

.wc-product_size_table_trigger_wrapper {
    margin-bottom: 30px;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .overlay {
    opacity: 0;
    visibility: hidden;
    width: 0;
    height: 0;
    transition: opacity 0.3s, visibility 0.3s;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
}

.single-product .l-main #shop .wc-product_size_table_wrapper.active .overlay {
    backdrop-filter: blur(35px);
    --webkit-backdrop-filter: blur(35px);
    background-color: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    opacity: 1;
    visibility: visible;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table {
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
}

.single-product .l-main #shop .wc-product_size_table_wrapper.active .wc-product_size_table {
    visibility: visible;
    overflow: visible;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 201;
    transition: opacity 0.3s, visibility 0.3s;
    -webkit-transition: opacity 0.3s, visibility 0.3s;
    padding: 20px;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner {
    padding: 60px 20px 40px;
    position: relative;
    background: var(--color-content-bg);
    color: var(--color-context-text);
    width: 100%;
    max-width: 580px;
    margin-left: auto;
    margin-right: auto;
    max-height: 90vh;
    overflow-y: auto;
}

@media only screen and (min-width: 768px) {
    .single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner {
        padding: 70px 60px 60px;
    }
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner h1,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner h2,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner h3,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner h4,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner h5,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner h6,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner .label,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner th,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner strong,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table_wrapper_inner b {
    color: var(--color-content-heading);
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_closer {
    position: absolute;
    color: var(--color-content-text);
    top: 20px;
    right: 20px;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_closer:hover i {
    color: var(--color-content-primary);
}

@media only screen and (min-width: 768px) {
    .single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_closer {
        top: 30px;
        right: 30px;
    }
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_closer .title {
    margin-right: 10px;
    font-size: 16px;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_closer i {
    color: var(--color-content-heading);
    font-size: 20px;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content .label:not(:last-child) {
    margin-bottom: 20px;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table {
    border: 1px solid var(--color-content-border);
    width: 100%;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table th,
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table td {
    border-color: var(--color-content-border);
    padding: 15px;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table th:not(:last-child),
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table td:not(:last-child) {
    border-right: 1px solid var(--color-content-border);
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table th:not(:first-child),
.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table td:not(:first-child) {
    text-align: center;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table tr:last-child {
    border-bottom: 0;
}

.single-product .l-main #shop .wc-product_size_table_wrapper .wc-product_size_table .wc-product_size_table_wrapper_inner .wc-product_size_table_content table tr td:first-child {
    color: var(--color-content-heading);
}


/**************************************************
 * 
 *  WOOCOMMERCE FORM STYLES
 * 
 **************************************************/

.woocommerce-page .woocommerce .form-row input:not([type="submit"]):not([name="coupon_code"]),
.woocommerce-page .woocommerce .form-row select,
.woocommerce-page .woocommerce .form-row .select2-selection {
    padding-right: 30px;
    border-radius: 0 30px 30px 0;
}

.woocommerce-page .woocommerce .form-row {
    margin-bottom: 20px;
}

.woocommerce-page .woocommerce .form-row:last-child {
    margin-bottom: 0;
}

.woocommerce form .form-row .required {
    color: var(--color-content-secondary);
}


/* input label */

.woocommerce-page .woocommerce .form-row label {
    margin-bottom: 10px;
    color: var(--color-content-heading);
    font-size: 16px;
    line-height: 1.5;
    font-family: inherit;
    display: block;
    text-align: left;
    opacity: 1;
}

.woocommerce-page .woocommerce .form-row label:not(.checkbox) {
    /* text-transform: uppercase; */
    font-weight: 600;
}

.woocommerce-page .woocommerce .woocommerce-additional-fields__field-wrapper>p {
    clear: both;
}


/** Hide optional label text **/

.woocommerce .form-row label .optional {
    display: none;
}

.woocommerce-checkout #ship-to-different-address {
    margin-top: 0;
    margin-bottom: 40px;
}


/** TODO: tax labels */

.woocommerce small.tax_label {
    opacity: 0.5;
    white-space: nowrap;
    font-size: 14px;
}


/***** WOOCOMMERCE INPUT STYLES *****/


/**** extra plus and minus buttons added by js - woocommerce.js */


/* right side styling */

.woocommerce-page input.qty {
    background: none;
    border: 2px solid var(--color-content-border);
    border-right: 0;
    color: var(--color-content-text);
    /* border-radius: 4px 0 0 4px; */
}

body.woocommerce .quantity input.qty:focus {
    border-color: var(--color-content-border) !important;
}

.quantity.added_buttons {
    display: inline-flex;
    position: relative;
    /* plus/minus btn with - 1 side border width */
    padding-right: calc(30px - 2px);
    vertical-align: middle;
    margin-right: 15px;
}

.woocommerce .cart .quantity.added_buttons {
    margin-right: 0;
}

body.woocommerce .quantity input.qty {
    width: 2.3em;
    padding: 0 5px 0 20px;
    /* min-height: 46px; */
}

.quantity.added_buttons .btn_plus,
.quantity.added_buttons .btn_minus {
    display: flex;
    padding: 0;
    margin: 0;
    outline: 0;
    position: absolute;
    justify-content: center;
    align-items: center;
    width: 30px;
    /*  input height with borders and one border of plus button (2px border) / 2 */
    height: 27px;
    font-size: 16px;
    text-decoration: none;
    overflow: visible;
    text-decoration: none;
    font-weight: 400;
    cursor: pointer;
    text-shadow: none;
    background: transparent;
    color: var(--color-content-text);
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
    transition-property: border-color, color, background;
}

.quantity.added_buttons .btn_plus:hover,
.quantity.added_buttons .btn_minus:hover {
    /* background-color: var(--color-content-primary);
    color: #ffffff;
    border-color: var(--color-content-primary); */
    color: var(--color-content-primary);
}

.quantity.added_buttons .btn_minus {
    bottom: 0;
    right: 0;
    /* border-radius: 0 0 4px 0; */
    border-bottom: 2px solid var(--color-content-border);
    border-right: 2px solid var(--color-content-border);
}

.quantity.added_buttons .btn_plus {
    top: 0;
    right: 0;
    line-height: 19px;
    /* border-radius: 0 4px 0 0; */
    border-top: 2px solid var(--color-content-border);
    border-right: 2px solid var(--color-content-border);
}


/* center styling */


/* .woocommerce .quantity input.qty:not([type="submit"]) {
    width: 50px;
    box-sizing: border-box;
    text-align: center;
    border-radius: 0;
    font-size: 15px;
    font-weight: 400;
    padding-left: 4px;
    padding-right: 4px;
    color: var(--color-content-heading);
}

.woocommerce .quantity.added_buttons {
    display: inline-flex;
}

.quantity.added_buttons .btn_plus,
.quantity.added_buttons .btn_minus {
    width: 48px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    display: inline-block;
    border: 1px solid #E3E3E3;
    text-decoration: none;
    overflow: visible;
    font-size: 15px;
    font-weight: 900;
    cursor: pointer;
    text-shadow: none;
    background: transparent;
    color: var(--color-content-text);
    border-radius: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    transition: all 0.3s ease;
    transition-property: color, background;
}

.quantity.added_buttons .btn_plus {
    border-left: none;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.quantity.added_buttons .btn_minus {
    border-right: none;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

.quantity.added_buttons .btn_plus:hover,
.quantity.added_buttons .btn_minus:hover {
    background-color: rgba(210, 31, 38, 0.05);
    color: var(--color-content-primary);
} */


/** Extra Style For Product Page */

.single-product .l-main #shop input.qty {
    border-color: var(--color-content-primary);
    color: var(--color-alt-content-heading);
}

.single-product .l-main #shop input.qty:focus {
    border-color: var(--color-content-primary) !important;
}

.single-product .l-main #shop .quantity.added_buttons .btn_plus,
.single-product .l-main #shop .quantity.added_buttons .btn_minus {
    color: var(--color-alt-content-heading);
}

.single-product .l-main #shop .quantity.added_buttons .btn_minus {
    border-bottom-color: var(--color-content-primary);
    border-right-color: var(--color-content-primary);
}

.single-product .l-main #shop .quantity.added_buttons .btn_plus {
    border-top-color: var(--color-content-primary);
    border-right-color: var(--color-content-primary);
}


/** Extra Style For Cart Page */

body.woocommerce-cart .woocommerce .quantity input.qty:not([type="submit"]) {
    width: 30px;
    line-height: 36px;
    min-height: 36px;
    padding-left: 10px;
}

body.woocommerce-cart .woocommerce .quantity.added_buttons .btn_plus,
body.woocommerce-cart .woocommerce .quantity.added_buttons .btn_minus {
    width: 30px;
    height: 20px;
    line-height: 20px;
    font-size: 14px;
}

body.woocommerce-cart .woocommerce .quantity.added_buttons .btn_plus,
body.woocommerce-cart .woocommerce .quantity.added_buttons .btn_minus body.woocommerce-cart .woocommerce .quantity.added_buttons .btn_plus i,
body.woocommerce-cart .woocommerce .quantity.added_buttons .btn_minus i {
    line-height: inherit;
}


/**** Custom checkbox styling */

.woocommerce-page .woocommerce input[type="checkbox"] {
    display: none;
}

.woocommerce-page .woocommerce input[type="checkbox"]+span {
    display: inline-block;
    position: relative;
    padding-left: calc(16px + 2px + 10px);
    /* CHANGE - same as form input label */
    color: var(--color-content-text);
    font-size: 16px;
    line-height: calc(16px + 2px);
    font-weight: 300;
}

.woocommerce-page .woocommerce input[type="checkbox"]+span:before {
    display: block;
    position: absolute;
    content: "";
    top: 0;
    text-align: center;
    /* CHANGE */
    color: #ffffff;
    border: 2px solid var(--color-content-border);
    border-radius: 0;
    height: 16px;
    width: 16px;
    line-height: 16px;
    background: #ffffff;
    left: 0;
}


/* checked */

.woocommerce-page .woocommerce input[type="checkbox"]:checked+span:before {
    font-family: "fontawesome";
    content: "\f00c";
    font-size: 12px;
    font-weight: 400;
    background: var(--color-content-primary);
    border-color: var(--color-content-primary);
}


/* hide required * from required checkboxes */

.woocommerce form .form-row label.checkbox .required {
    display: none;
}


/* custom required * for checkboxes (custom input fields & labels) in functions.php / or customizer  || styles same as label */

.woocommerce-page .woocommerce .form-row.validate-required input[type="checkbox"]+span::after {
    content: "*";
    color: var(--color-content-secondary);
    display: inline;
    margin-left: 2px;
}


/* links inside checkbox label */

.woocommerce-page .woocommerce label.checkbox span>a {
    text-decoration: underline;
}

.woocommerce-page .woocommerce label.checkbox span>a:hover {
    text-decoration: none;
}


/**** Custom input type radio styling for shipping and payment methods */

.woocommerce-page .woocommerce .shop_table tr.wcShipping-methods li>input,
.woocommerce-page .woocommerce #payment .payment_methods li>input {
    display: none;
}

.woocommerce-page .woocommerce .shop_table tr.wcShipping-methods li>input:checked+label,
.woocommerce-page .woocommerce #payment .payment_methods li>input:checked+label {
    color: var(--color-content-heading);
}

.woocommerce-page .woocommerce .shop_table tr.wcShipping-methods li>label,
.woocommerce-page .woocommerce #payment .payment_methods li>label {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-content-heading);
    transition: color 0.3s ease;
}

.woocommerce-page .woocommerce .shop_table tr.wcShipping-methods li:first-child>label {
    padding-top: 0 !important;
}


/* .woocommerce-page .woocommerce .shop_table tr.wcShipping-methods li>label .amount,
.woocommerce-page .woocommerce #payment .payment_methods li>label .amount {
    font-weight: 600;
    color: var(--color-content-primary);
} */


/* ADDED: pps_hide_shipping_when_free_is_available - hide other shipping methods, if free shipping is available */


/* radio styling for input not type hidden (when free shipping is available) */

.woocommerce-page .woocommerce .shop_table tr.wcShipping-methods li>input:not([type="hidden"])+label:before,
.woocommerce-page .woocommerce #payment .payment_methods li>label:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    width: 16px;
    border-radius: 50%;
    margin-right: 0.6rem;
    margin-top: 0;
    border: 2px solid var(--color-content-text);
}


/* radio checked styling for input not type hidden (when free shipping is available)*/

.woocommerce-page .woocommerce .shop_table tr.wcShipping-methods li>input:checked:not([type="hidden"])+label:before,
.woocommerce-page .woocommerce #payment .payment_methods li>input:checked+label:before {
    box-shadow: inset 0 0 0 4px var(--color-content-primary);
    border-color: var(--color-content-primary);
}


/* INVALID - inputs styling */

.woocommerce-page .woocommerce .woocommerce-invalid input,
.woocommerce-page .woocommerce .woocommerce-invalid select {
    box-shadow: none !important;
}

.woocommerce-page .woocommerce .woocommerce-invalid input[type="text"],
.woocommerce-page .woocommerce .woocommerce-invalid input[type="tel"],
.woocommerce-page .woocommerce .woocommerce-invalid input[type="number"],
.woocommerce-page .woocommerce .woocommerce-invalid input[type="password"],
.woocommerce-page .woocommerce .woocommerce-invalid input[type="email"],
.woocommerce-page .woocommerce .woocommerce-invalid select,
.woocommerce-page .woocommerce .woocommerce-invalid textarea {
    border: 2px solid var(--woocommerce-error) !important;
}

.woocommerce-page .woocommerce .woocommerce-invalid input[type="checkbox"]+span:before {
    border: 2px solid var(--woocommerce-error) !important;
}


/**************************************************
 * 
 *  VARiATIONS SWATCHES PLUGIN
 * 
 **************************************************/

.woo-variation-swatches .woo-variation-raw-select,
.woo-variation-swatches .woo-variation-raw-select+.select2 {
    display: none !important;
}

.woo-variation-swatches .woo-variation-items-wrapper .variable-items-wrapper {
    display: -webkit-box;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.woo-variation-swatches .woo-variation-items-wrapper .variable-items-wrapper .variable-item {
    --wvs-selected-item-background-color: var(--color-content-bg-alt);
    --wvs-selected-item-text-color: var(--color-content-primary);
    --wvs-hover-item-background-color: var(--color-content-bg-alt);
    --wvs-hover-item-text-color: var(--color-content-primary);
    --wvs-item-box-shadow: none;
    --wvs-hover-item-box-shadow: none;
    margin: 0;
    list-style: none;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    min-width: 30px;
    padding: 0 10px;
    height: 30px;
    line-height: calc(30px - 2px);
    text-align: center;
    background: var(--color-content-bg-alt);
    color: var(--color-content-heading);
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    font-size: 14px;
}

.woo-variation-swatches .woo-variation-items-wrapper .variable-items-wrapper .variable-item.disabled {
    color: var(--color-content-text);
    text-decoration: line-through;
    pointer-events: none;
    cursor: default;
}

.woo-variation-swatches .woo-variation-items-wrapper .variable-items-wrapper .variable-item:focus {
    outline: none !important;
}

.woo-variation-swatches .woo-variation-items-wrapper .variable-items-wrapper .variable-item.selected,
.woo-variation-swatches .woo-variation-items-wrapper .variable-items-wrapper .variable-item:not(.disabled):hover {
    background: var(--color-content-primary);
    color: var(--color-alt-content-heading);
}


/**************************************************
 * 
 *  WOOCOMMERCE MINICART
 * 
 **************************************************/


/**** Woocommerce mini cart styles ****/

.woocommerce.widget_shopping_cart ul.product_list_widget li {
    font-size: 14px;
}

.widget.widget_shopping_cart ul.product_list_widget li a.remove {
    color: var(--woocommerce-error);
    font-weight: 400;
    font-size: 12px;
    padding: 8px 2px 8px 8px;
    top: 0;
    right: 0;
    width: auto;
}

.widget.widget_shopping_cart li .remove:focus,
.no-touch .widget.widget_shopping_cart li .remove:hover {
    color: var(--woocommerce-error) !important;
    opacity: 1 !important;
}

.woocommerce.widget_shopping_cart ul.product_list_widget li a img {
    border: none;
    border-radius: 0;
    width: 60px;
    height: 60px;
    margin-right: 8px;
}

.woocommerce.widget_shopping_cart ul.product_list_widget li a .wc-custom-item_name {
    font-size: 13px;
    line-height: 1.2;
    font-weight: 300;
    color: var(--color-content-text);
}

.woocommerce.widget_shopping_cart ul.product_list_widget li a:hover .wc-custom-item_name {
    text-decoration: underline;
}

.widget_shopping_cart p.total {
    color: var(--color-content-heading);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
}

.widget_shopping_cart p.total .amount {
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-content-heading);
    font-weight: 600;
    letter-spacing: 0;
}


/**************************************************
 * 
 *  WOOCOMMERCE CART / CHECKOUT NAVIGATION - shortcode
 * 
 **************************************************/


/* .woocommerce-order-received .cartNavigation {
    visibility: hidden;
}
 */

@media (min-width: 768px) {
    .cartNavigation {
        padding: 50px 0 30px 0;
    }
}

.cartNavigation .cartNavigationList {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -5px -15px;
    padding: 0;
    line-height: 2;
}

.cartNavigation .cartNavigationList .page {
    margin: 0;
    font-size: 16px;
    line-height: inherit;
    font-family: var(--font-h1);
    font-weight: 700;
    padding: 5px 15px;
    color: var(--color-content-text);
}

.cartNavigation .cartNavigationList .page.active {
    color: var(--color-content-primary);
}

.cartNavigation .cartNavigationList .page .navigation_no {
    font-family: var(--font-body);
    font-size: 10px;
    font-weight: 600;
    display: inline-block;
    width: 24px;
    height: 24px;
    line-height: calc(24px - 2px);
    text-align: center;
    color: var(--color-content-text);
    border: 2px solid var(--color-content-text);
    border-radius: 50%;
    margin-right: 10px;
}

.cartNavigation .cartNavigationList .page .navigation_title {
    vertical-align: middle;
}

@media only screen and (min-width: 768px) {
    .cartNavigation .cartNavigationList .page {
        font-size: 21px;
    }
    .cartNavigation .cartNavigationList .page .navigation_no {
        font-size: 14px;
        width: 30px;
        height: 30px;
        line-height: calc(30px - 2px);
    }
}

.cartNavigation .cartNavigationList .page.active .navigation_no {
    color: var(--color-content-primary);
    border-color: var(--color-content-primary);
}

.cartNavigation .cartNavigationList .divider {
    margin: 0 10px;
    font-size: 14px;
    line-height: inherit;
    color: var(--color-content-heading);
    display: none;
}

.cartNavigation .cartNavigationList .divider i {
    vertical-align: sub;
}

@media only screen and (min-width: 768px) {
    .cartNavigation .cartNavigationList .divider {
        font-size: 16px;
    }
    .cartNavigation .cartNavigationList .divider {
        margin: 0 20px;
    }
}


/**************************************************
 * 
 *  WOOCOMMERCE CART STYLES
 * 
 **************************************************/


/***** GENERAL *****/


/* body.woocommerce-cart .woocommerce th {
    padding: 0 15px 12px;
}

body.woocommerce-cart .woocommerce td {
    padding: 20px 15px 0;
} */


/***** LAYOUT *****/


/**** ADDED: "cart items wrapper" added in wc-layouts.php ****/

body.woocommerce-cart .woocommerce #cartItemsWrapper {
    float: none;
    margin-bottom: 0 !important;
    width: 100%;
}

body.woocommerce-cart .woocommerce #cartItemsWrapper .woocommerce-cart-form {
    margin-bottom: calc(60px - (0.6rem * 2));
}

@media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce .cart-collaterals {
        /* margin-right: auto; */
        width: 100%;
    }
}

@media only screen and (min-width: 992px) {
    body.woocommerce-cart .woocommerce .cart-collaterals {
        width: 60%;
    }
}

@media only screen and (min-width: 1025px) {
    body.woocommerce-cart .woocommerce {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper {
        flex-basis: 100%;
    }
    body.woocommerce-cart .woocommerce #cartItemsWrapper {
        width: calc(((8 / 12) * 100%) - 10px);
        display: flex;
        flex-direction: column;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals {
        margin-left: auto;
        width: calc(((4 / 12) * 100%) - 10px);
    }
}

@media only screen and (min-width: 1400px) {
    body.woocommerce-cart .woocommerce #cartItemsWrapper {
        width: calc(((7 / 12) * 100%) - 10px);
    }
}


/**** Related, Upsells, Cross Sells ****/

.woocommerce-page.woocommerce .related,
.woocommerce-page.woocommerce .upsells,
.woocommerce-page.woocommerce .cross-sells,
body.woocommerce-cart .woocommerce .related,
body.woocommerce-cart .woocommerce .upsells,
body.woocommerce-cart .woocommerce .cross-sells {
    padding-top: 60px;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .woocommerce-page.woocommerce .related,
    .woocommerce-page.woocommerce .upsells,
    .woocommerce-page.woocommerce .cross-sells,
    body.woocommerce-cart .woocommerce .related,
    body.woocommerce-cart .woocommerce .upsells,
    body.woocommerce-cart .woocommerce .cross-sells {
        padding-top: 100px;
    }
}

.woocommerce-page.woocommerce .related h2,
.woocommerce-page.woocommerce .upsells h2,
.woocommerce-page.woocommerce .cross-sells h2,
body.woocommerce-cart .woocommerce .related h2,
body.woocommerce-cart .woocommerce .upsells h2,
body.woocommerce-cart .woocommerce .cross-sells h2 {
    margin-bottom: 30px;
    font-size: 30px;
}

@media only screen and (min-width: 768px) {
    .woocommerce-page.woocommerce .related h2,
    .woocommerce-page.woocommerce .upsells h2,
    .woocommerce-page.woocommerce .cross-sells h2,
    body.woocommerce-cart .woocommerce .related h2,
    body.woocommerce-cart .woocommerce .upsells h2,
    body.woocommerce-cart .woocommerce .cross-sells h2 {
        font-size: 36px;
    }
}


/**** Hide Cross Sells on Cart Page ****/

body.woocommerce-cart .woocommerce .cross-sells {
    display: none !important;
}


/**** Left Column ****/


/*** ADDED: "cart heading" added in wc-layouts.php ***/

body.woocommerce-cart .woocommerce .cartHeading {
    padding-top: 0;
    margin-bottom: 40px;
    width: 100%;
    position: relative;
    font-size: 32px;
}

body.woocommerce-cart .woocommerce .cartHeading::after {
    content: url(../wc-imgs/section_heading_ornament.svg);
    position: relative;
    display: block;
    margin-left: 0;
    margin-top: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 0;
}

@media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce .cartHeading::after {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
        margin-top: 0;
    }
}

@media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce .cartHeading {
        margin-bottom: 60px;
        font-size: 42px;
    }
}


/*** CART TABLE with products ***/

body.woocommerce-cart .woocommerce .shop_table.cart {
    width: 100%;
    float: none;
    margin-bottom: 0 !important;
}

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-thumbnail img {
    width: 72px;
    height: auto;
    /* padding: 6px;
    border-radius: var(--woocommerce-border-radius);
    border: 1px solid var(--color-content-border); */
    overflow: hidden;
}


/** WC EDITED TEMPLATE: if remove link is last (edited in cart.php template) and if thumbnail is not "display: none" - use :first-child **/

@media only screen and (max-width: 600px) {
    body.woocommerce-cart .woocommerce .shop_table.cart tr {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    body.woocommerce-cart .woocommerce .shop_table.cart tr>* {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart th,
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td {
        padding-left: 0;
    }
}

@media only screen and (max-width: 767px) {
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart th:nth-child(1),
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td:nth-child(2) {
        padding-left: 0;
    }
    /* product thumbnail */
    /* body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart .product-thumbnail {
        display: none !important;
    } */
    /** Added placeholder in cart.php */
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart th.placeholder {
        display: none;
    }
}

@media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart th:first-child,
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td:first-child {
        padding-left: 0;
    }
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart th:last-child,
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td:last-child {
        padding-right: 0;
    }
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-thumbnail {
        width: 72px;
        padding-right: 0;
    }
    /* product thumbnail */
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-thumbnail img {
        margin: 0;
    }
}


/* table border */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td:not(.actions) {
    border-bottom: none;
}

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart th,
body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart td {
    vertical-align: middle;
}


/* all table labels - th */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart th {
    opacity: 1;
    /* change */
    border-bottom: 2px solid var(--color-content-primary);
    color: var(--color-content-perex-color);
    font-size: 14px;
    font-weight: 600 !important;
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 0.1em;
}


/* product name - td */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-name {
    color: var(--color-content-heading);
    font-size: 0px;
    line-height: 1.5;
    /* display: inline-block; */
    font-weight: 600 !important;
    transition: color 0.3s ease;
}

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-name>.wc-custom-item_wrapper {
    font-size: 16px;
}


/* @media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-name a {
        font-size: 18px;
    }
} */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-name a:hover {
    color: var(--color-content-primary);
    text-decoration: none;
}


/* product price - th & td */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tr .product-price {
    font-size: 16px;
    text-align: left;
}


/* product subtotal - th and td */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tr .product-subtotal {
    text-align: left;
    padding-right: 10px;
}


/* product subtotal - td */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr td.product-subtotal {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-content-heading);
    text-align: right;
}


/* WC EDITED TEMPLATE: trash - th and td | add this style only if was table reordered at the end in cart.php template */


/* ADDED: font awesome trash icon added in wc-layouts.php - td */

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart .product-remove {
    max-width: 40px;
}

body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart .product-remove a.remove {
    display: block;
    width: auto;
    border: none !important;
    opacity: 1;
    text-align: center;
    /* change */
    font-size: 16px;
    line-height: 2rem;
    color: var(--woocommerce-error);
    padding: 10px;
}

body.woocommerce-cart .woocommerce .shop_table.cart .actions .coupon {
    max-width: 540px;
}


/* WC EDITED TEMPLATE: coupon - tr / td | changed label and button names in cart.php template  */

body.woocommerce-cart .woocommerce .shop_table.cart .coupon label {
    display: block;
    position: relative;
    width: 100%;
    margin-bottom: 0;
    line-height: 1;
    /* change */
    color: var(--color-content-perex-color);
    font-size: 14px;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
    body.woocommerce-cart .woocommerce .shop_table.cart .coupon label {
        text-align: left;
    }
}

.woocommerce #cartItemsWrapper .actions {
    width: 100%;
}

.woocommerce #cartItemsWrapper .actions .coupon .input-text {
    text-align: left;
}


/* input */

body.woocommerce-cart .woocommerce .shop_table.cart .actions input:not([type="submit"]) {
    min-width: 320px;
    min-height: 46px;
    line-height: 46px;
    margin-right: 0;
}


/* Apply coupon button / Update cart button - change to match height of input */

body.woocommerce .shop_table.cart .actions .button {
    font-size: 16px;
    /* padding: 0.96em 1.88em; */
}


/* body.woocommerce-cart .woocommerce .shop_table.cart .actions button[type="submit"] {
    padding: 0.85em 1.71em;
    font-size: 14px;
    line-height: 1.2 !important;
    color: #ffffff !important;
    background: var(--color-content-primary);
    border: 1px solid var(--color-content-primary);
    border-radius: var(--woocommerce-border-radius);
}

body.woocommerce-cart .woocommerce .shop_table.cart .actions button[type="submit"]:hover {
    background: var(--color-content-primary-hover);
    border-color: var(--color-content-primary-hover);
} */


/** Apply coupon btn */

@media only screen and (max-width: 599px) {
    body.woocommerce-cart .woocommerce .shop_table.cart .actions button[name="apply_coupon"] {
        margin: 10px 0 15px 0 !important;
    }
}


/* update cart btn */

body.woocommerce-cart .woocommerce .shop_table.cart .actions button[name="update_cart"] {
    margin: calc(14px + 8px) 0 0 0;
    background: var(--color-content-primary);
    color: var(--color-alt-content-heading) !important;
}

@media only screen and (min-width: 480px) {
    body.woocommerce-cart .woocommerce .shop_table.cart .actions button[name="update_cart"]::before {
        content: "\f021";
        position: static;
        font-family: "fontawesome";
        font-size: inherit;
        font-weight: 400;
        line-height: inherit;
        color: inherit;
        margin-right: 10px;
        display: inline-block;
        border: none;
    }
}


/* body.woocommerce-cart .woocommerce .shop_table.cart .actions button[name="update_cart"]:hover {
    border-color: var(--color-content-secondary);
    background: var(--color-content-secondary);
} */


/***** TABLE BORDERS *****/

@media only screen and (max-width: 599px) {
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr:nth-last-child(2) {
        padding-bottom: 20px;
    }
    body.woocommerce-cart .woocommerce .shop_table.cart .actions {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 600px) {
    body.woocommerce-cart .woocommerce #cartItemsWrapper .shop_table.cart tbody tr:nth-last-child(2) td {
        padding-bottom: 20px;
    }
    body.woocommerce-cart .woocommerce .shop_table.cart .actions {
        padding-top: 20px;
        border-top: 1px solid var(--color-content-border);
    }
}


/* ADDED: back to shop link - "return to shop link" added in wc-layouts.php */

body.woocommerce-cart .woocommerce .wc-return-to-shop-link-wrapper {
    margin-top: auto;
}

body.woocommerce-cart .woocommerce .backToShopLink {
    /* same heigt as proceed to checkout button */
    line-height: 50px !important;
}


/* hide link to show button on tablets and mobiles */

@media only screen and (max-width: 1024px) {
    body.woocommerce-cart .woocommerce .wc-return-to-shop-link-wrapper {
        display: none;
    }
}


/*** RIGHT COLUMN - second style ***/


/** General **/


/* reset old styles */

body.woocommerce-cart .woocommerce .cart-collaterals {
    float: none;
    margin-top: 0;
}

body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
    margin-bottom: 0;
    padding: 0;
    background: none;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

@media only screen and (min-width: 1400px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals::before {
        content: url(../wc-imgs/order_ornament.svg);
        position: absolute;
        display: block;
        top: -90px;
        left: -100px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 0;
    }
}

@media only screen and (max-width: 480px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
        margin: 0 !important;
    }
}

@media only screen and (min-width: 1200px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals {
        margin-left: 20px;
    }
}


/** Cart totals **/


/* WC EDITED TEMPLATE: Totals container - "totals container section" adden in cart-totals.php template */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer {
    border: 2px solid var(--color-content-heading);
    padding: 0;
    background: var(--color-content-bg-alt);
    border-radius: 0;
    overflow: hidden;
}


/* WC EDITED TEMPLATE: Cart Title - changed to h3 and added class "totalsHeading" in cart-totals.php template | changed label */

body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h3.totalsHeading {
    display: block;
    text-align: left;
    margin: 0;
    padding: 40px 30px 20px;
    display: block;
    background: #ffffff;
}


/* Table */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table th,
body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table td {
    color: var(--color-content-heading);
    background: #ffffff;
    padding-top: 20px;
    padding-bottom: 20px;
}


/* all th styles */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table th {
    padding-left: 30px;
    padding-right: 1rem;
    color: var(--color-content-heading);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table td {
    padding-right: 30px;
    padding-left: 0;
    font-size: 16px;
    line-height: 1.5;
    color: var(--color-content-heading);
    font-weight: 600;
}

@media only screen and (min-width: 1400px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals h3.totalsHeading {
        padding: 60px 60px 20px;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table th {
        padding-left: 60px;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table td {
        padding-right: 60px;
    }
}


/**** BORDER STYLING TYPE 1 ****/


/* @media only screen and (max-width: 480px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:not(:last-child):not(:nth-last-child(2)) {
        border-bottom: 1px solid var(--color-content-border);
    }
} */


/* custom border */


/* @media only screen and (min-width: 481px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr {
        position: relative;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr td,
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr th {
        position: relative;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:not(:last-child):not(:nth-last-child(2)) th::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background: var(--color-content-border);
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:not(:last-child):not(:nth-last-child(2)) td::after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        height: 1px;
        background: var(--color-content-border);
    }
} */


/* @media only screen and (max-width: 480px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total {
        border-top: 1px solid var(--color-content-primary);
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td {
        padding-top: 0;
    }
}

@media only screen and (min-width: 481px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td,
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th {
        position: relative;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td::after,
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th::after {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        height: 1px;
        background: var(--color-content-primary);
    }
} */


/**** BORDER STYLING TYPE 2 ****/


/* custom border */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr {
    position: relative;
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr td,
body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr th {
    position: relative;
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:not(:last-child):not(:nth-last-child(2)) th::after {
    content: "";
    position: absolute;
    left: 30px;
    bottom: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-border);
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:not(:last-child):not(:nth-last-child(2)) td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 30px;
    height: 1px;
    background: var(--color-content-border);
}

@media only screen and (min-width: 1400px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:not(:last-child):not(:nth-last-child(2)) th::after {
        left: 60px;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:not(:last-child):not(:nth-last-child(2)) td::after {
        right: 60px;
    }
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:nth-last-child(2) th,
body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr:nth-last-child(2) td {
    padding-bottom: 30px;
}


/***** TABLE STYLING *****/


/* coupon */

.woocommerce .shop_table .cart-discount .woocommerce-remove-coupon {
    font-weight: 300;
    font-size: 14px;
    display: block;
}


/* shipping destination */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table .woocommerce-shipping-destination {
    font-size: 12px;
    font-weight: 400;
    /* show / hide */
    display: none;
}


/* shipping calculator - if allowed in woocommerce settings */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table .shipping-calculator-button {
    font-size: 12px;
    font-weight: 400;
    text-decoration: underline;
    border: none;
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table .shipping-calculator-form {
    font-weight: 400;
}


/* Order Totals */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th,
body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td {
    background: none;
    vertical-align: middle;
    /* first style */
    padding: 30px 30px 10px;
}


/* second style */

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th {
    padding: 30px 30px 5px;
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td {
    padding: 5px 30px 30px;
}

@media only screen and (max-width: 480px) {
    body.woocommerce-page.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th {
        min-width: 150px;
        display: block !important;
    }
    body.woocommerce-page.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td {
        text-align: left !important;
        display: block !important;
    }
}

@media only screen and (min-width: 481px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th,
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1200px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th {
        width: 50%;
    }
}

@media only screen and (min-width: 1400px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th {
        padding-left: 60px;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td {
        padding-right: 60px;
    }
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th {
    min-width: 120px;
    /*     vertical-align: top; */
    color: var(--color-content-heading);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
}


/* @media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total th {
        font-size: 24px;
    }
} */

body.woocommerce-cart .woocommerce .cart-collaterals .shop_table tr.order-total td .woocommerce-Price-amount {
    color: var(--color-content-primary);
    font-size: 28px;
    font-family: var(--font-h1);
    font-weight: 700;
}

@media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .shop_table tr.order-total td .woocommerce-Price-amount {
        font-size: 32px;
    }
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td .includes_tax,
body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td .includes_tax .woocommerce-Price-amount {
    font-size: 14px;
    font-family: var(--font-body);
    color: var(--color-content-heading);
    font-weight: 300;
}

body.woocommerce-cart .woocommerce .cart-collaterals #totalsContainer .shop_table tr.order-total td .includes_tax {
    display: block;
    opacity: 0.5;
    white-space: nowrap;
}


/* Submit button */

body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout {
    display: block;
    margin: calc(50px - 5px) -5px -5px -5px;
}

@media only screen and (min-width: 601px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}


/* @media only screen and (min-width: 768px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout {
        justify-content: flex-end;
    }
} */

@media only screen and (min-width: 1025px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout {
        margin: calc(100px - 5px) -5px -5px -5px;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout {
        justify-content: flex-end;
    }
}


/* ADDED: Return to shop button wrapper - "return-to-shop-btn-wrapper" added in wc-layouts.php  */

body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button {
    display: block;
    margin: 5px 5px 15px 5px;
}

@media only screen and (min-width: 480px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button::before {
        content: "\f291";
        position: static;
        font-family: "fontawesome";
        font-size: inherit;
        font-weight: 400;
        line-height: inherit;
        color: inherit;
        margin-right: 10px;
        display: inline-block;
        border: none;
    }
}

body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper {
    display: block;
    margin: 0 5px 5px 5px;
}

@media only screen and (min-width: 601px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-proceed-to-checkout .checkout-button,
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper {
        margin: 5px;
    }
}


/* ADDED: Back to shop button - "backToShopBtn" added in wc-layouts.php  */

body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper a.backToShopBtn {
    width: 100%;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 600;
    padding: 0.96em 1.88em;
    background: transparent;
    border-color: var(--color-content-primary);
    color: var(--color-content-heading);
    transition: all 0.3s ease;
}

body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper a.backToShopBtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border-style: solid;
    border-color: inherit;
    border-image: inherit;
}

.no-touch body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper a.backToShopBtn:hover {
    background: var(--color-content-primary);
    border-color: var(--color-content-primary);
    color: var(--color-alt-content-heading);
}

@media only screen and (min-width: 601px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper a.backToShopBtn {
        width: auto;
        display: inline-block;
    }
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper {
        display: inline-block;
        vertical-align: bottom;
    }
}

@media only screen and (min-width: 1025px) {
    body.woocommerce-cart .woocommerce .cart-collaterals .wc-return-to-shop-btn-wrapper {
        display: none !important;
    }
}


/**************************************************
 * 
 *  EMPTY CART STYLES
 * 
 **************************************************/

.woocommerce .return-to-shop {
    line-height: 1;
}


/* .woocommerce .return-to-shop::before {
    content: "\f177";
    font-family: "fontawesome";
    font-weight: 400;
    display: inline-block;
    position: relative;
    margin-right: 10px;
    color: var(--color-content-primary);
    line-height: 0;
    vertical-align: middle;
    font-size: 16px;
    transition: color .3s ease;
}

.woocommerce .return-to-shop:hover::before {
    color: var(--color-content-secondary);
} */

.woocommerce .return-to-shop .button {
    text-decoration: none !important;
}

body.woocommerce-cart .woocommerce .cart-empty {
    flex-basis: 100%;
}


/**************************************************
 * 
 *  CHECKOUT STYLES
 * 
 **************************************************/


/***** PAY FOR ORDER CONTAINER - if failed order *****/


/* EDITED:  Added custom-review-container, order_review_heading, custom-payment-container, order_payment_heading in form-pay.php */


/*** GENERAL ***/

.woocommerce .woocommerce-checkout #order_review {
    padding: 0 !important;
}

@media only screen and (max-width: 900px) {
    .woocommerce .woocommerce-checkout #order_review {
        margin: 40px 0 0 0;
    }
}

.woocommerce-checkout #order_review table {
    table-layout: fixed;
}


/*** Layout ***/

.woocommerce-checkout .woocommerce form.checkout.woocommerce-checkout {
    margin-top: 0;
}

@media only screen and (min-width: 900px) {
    .woocommerce-checkout .woocommerce form.checkout.woocommerce-checkout {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .woocommerce-checkout #customer_details {
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
    .woocommerce .checkout #order_review {
        margin-left: auto;
    }
}

@media only screen and (min-width: 1024px) {
    .woocommerce .checkout #order_review {
        width: calc((5 / 12) * 100%);
    }
}

@media only screen and (min-width: 1400px) {
    .woocommerce-checkout #customer_details {
        width: calc((6 / 12) * 100%);
    }
    .woocommerce .checkout #order_review {
        width: calc((4 / 12) * 100%);
    }
}


/*** TOP CONTENT ***/


/** Coupon and Login boxes **/

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info,
.woocommerce .woocommerce-form-login-toggle .woocommerce-info {
    background: var(--color-content-bg-alt);
    color: var(--color-content-heading);
    margin-bottom: 30px;
    border-radius: var(--woocommerce-border-radius);
    padding: 25px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 600;
    display: block;
    margin: 0 0 40px;
}


/* @media only screen and (min-width: 768px) {
    .woocommerce .woocommerce-form-coupon-toggle .woocommerce-info,
    .woocommerce .woocommerce-form-login-toggle .woocommerce-info {
        margin: 0 0 60px;
    }
} */

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a,
.woocommerce .woocommerce-form-login-toggle .woocommerce-info a {
    font-size: 16px;
    font-weight: 300;
    color: var(--color-content-primary);
    text-decoration: underline;
}

.woocommerce .woocommerce-form-coupon-toggle .woocommerce-info a:hover,
.woocommerce .woocommerce-form-login-toggle .woocommerce-info a:hover {
    color: var(--color-content-primary);
}

.woocommerce .checkout_coupon.woocommerce-form-coupon,
.woocommerce .woocommerce-form-login {
    margin: 0;
    margin-bottom: 60px;
    border-radius: var(--woocommerce-border-radius);
    padding: 30px;
    font-weight: 300;
}

.woocommerce .woocommerce-form-login button {
    margin-top: 20px;
}

.woocommerce .checkout_coupon.woocommerce-form-coupon p {
    margin-bottom: 10px;
    color: var(--color-content-heading);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    font-family: inherit;
    display: block;
    text-align: left;
    opacity: 1;
}

.woocommerce .checkout_coupon.woocommerce-form-coupon p:first-child {
    margin-bottom: 20px;
}

.woocommerce .checkout_coupon.woocommerce-form-coupon .button {
    width: 100%;
    margin-top: 10px;
}

@media only screen and (min-width: 768px) {
    .woocommerce .checkout_coupon.woocommerce-form-coupon {
        display: flex;
        flex-wrap: wrap;
    }
    .woocommerce .checkout_coupon.woocommerce-form-coupon p,
    .woocommerce .checkout_coupon.woocommerce-form-coupon p:first-child {
        display: inline-block;
        width: auto;
    }
    .woocommerce .checkout_coupon.woocommerce-form-coupon input#coupon_code {
        max-width: 320px;
        width: 320px;
        margin-right: 10px;
    }
    .woocommerce .checkout_coupon.woocommerce-form-coupon .button {
        width: initial;
        margin-top: 0;
        border: none;
    }
    /* .woocommerce .checkout_coupon.woocommerce-form-coupon .button:hover {
        border-color: var(--color-content-primary-hover);
    } */
}


/** Custom form layout - we dont need it now **/


/* .woocommerce .form-row.form-third {
    width: 31.333% !important;
    float: right;
}

.woocommerce .form-row.form-two-thirds {
    width: 64.667% !important;
    float: left;
}

.woocommerce .form-row.form-first-third,
.woocommerce .form-row.form-second-third,
.woocommerce .form-row.form-third-third {
    width: 30.666% !important;
    float: left;
}

.woocommerce .form-row.form-second-third {
    margin: 0 4%;
}

.woocommerce .form-row label.woocommerce-form-login__rememberme {
    margin-bottom: 10px !important;
} */


/* WC EDITED TEMPLATE: change billing title to H1 in form-billing.php template - 2x */

.woocommerce-billing-fields h1 {
    margin-bottom: 40px;
    font-size: 32px;
}

.woocommerce-billing-fields h1::after {
    content: url(../wc-imgs/section_heading_ornament.svg);
    position: relative;
    display: block;
    margin-left: 0;
    margin-top: 12px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 0;
}

@media only screen and (min-width: 768px) {
    .woocommerce-billing-fields h1 {
        font-size: 42px;
        margin-bottom: 60px;
    }
    .woocommerce-billing-fields h1::after {
        display: inline-block;
        vertical-align: middle;
        margin-left: 20px;
        margin-top: 0;
    }
}


/* Form input labels */


/* .woocommerce-page .woocommerce .form-row label {
    color: var(--color-content-heading);
    font-size: 14px;
    line-height: 1.2;
    margin-bottom: 8px;
    display: block;
}

.woocommerce-page .woocommerce .woocommerce-additional-fields__field-wrapper>p {
    clear: both;
} */


/**** RIGHT COLUMN ****/


/** General styles **/

.woocommerce-checkout .woocommerce #order_review .shop_table thead {
    display: none !important;
}

.woocommerce-checkout .woocommerce #order_review .shop_table th,
.woocommerce-checkout .woocommerce #order_review .shop_table td {
    border: none;
}


/** ADDED: .custom-review-container added in templates -> start form-checkout.php and end in review-order.php  **/

.woocommerce-checkout .woocommerce #order_review {
    background: none;
    padding-top: 60px;
    position: relative;
    top: 0 !important;
}

@media only screen and (min-width: 481px) {
    .woocommerce-checkout .woocommerce #order_review {
        padding: 0;
    }
}


/* @media only screen and (min-width: 901px) {
    .woocommerce-checkout .woocommerce  #order_review {
        padding-top: 100px;
    }
} */

@media only screen and (min-width: 1400px) {
    .woocommerce-checkout .woocommerce #order_review::before {
        content: url(../wc-imgs/order_ornament.svg);
        position: absolute;
        display: block;
        top: -60px;
        left: -100px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 0;
    }
}

.woocommerce-checkout .woocommerce #order_review .custom-review-container {
    background: var(--color-content-bg-alt);
    border-radius: var(--woocommerce-border-radius);
    border: 2px solid var(--color-content-heading);
    margin-bottom: 20px;
    padding: 0;
}


/* heading */

.woocommerce-checkout .woocommerce .custom-review-container #order_review_heading {
    /* font-size: 24px; */
    float: none;
    width: 100%;
    text-align: left;
    display: block;
    /* first style */
    padding: 0;
    margin-bottom: calc(40px - 20px);
    /* second style */
    margin: 0;
    padding: 40px 30px 20px;
    background: #ffffff;
}

@media only screen and (min-width: 1400px) {
    .woocommerce-checkout .woocommerce .custom-review-container #order_review_heading {
        /* second style */
        padding: 60px 60px 20px;
    }
}


/** Review order table **/

.woocommerce #order_review .custom-review-container .shop_table {
    margin-bottom: 0;
}

.woocommerce #order_review .custom-review-container .shop_table th,
.woocommerce #order_review .custom-review-container .shop_table td {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    color: var(--color-content-text);
}


/* td styles */

.woocommerce #order_review .custom-review-container .shop_table td.product-total,
.woocommerce #order_review .custom-review-container .shop_table td .amount {
    color: var(--color-content-heading);
    font-weight: 600;
}


/* all th styles */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table th {
    padding-right: 1rem;
    background: none;
    /* change */
    color: var(--color-content-heading);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
}


/* product name */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table .product-name {
    color: var(--color-content-text);
    font-size: 16px;
    font-weight: 300;
    text-transform: initial;
    display: flex;
    flex-wrap: wrap;
}


/** TODO: ADDED: wc-custom-item_wrapper, wc-custom-item_title, wc-custom-item_meta added in wc-layouts.php **/


/* .woocommerce-checkout .woocommerce  #order_review .custom-review-container .shop_table .wc-custom-item_meta {
    color: var(--color-content-text);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 2px;
} */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table .wc-custom-item_wrapper {
    order: 2;
}


/* WC EDITED TEMPLATE: removed spaces in review-order.php */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table .product-name .product-quantity {
    color: var(--color-content-heading);
    font-weight: 600;
    display: block;
    width: 100%;
    margin: 0 0 8px;
    order: 1;
}

@media only screen and (min-width: 768px) {
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table .product-name {
        flex-wrap: nowrap;
    }
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table .product-name .product-quantity {
        margin: 0 4px 0 0;
        width: auto;
    }
}


/* left */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table th,
.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table td.product-name {
    padding-right: 0;
    /* first style */
    padding-left: 0;
    background: none;
    /* second style */
    padding-left: 30px;
    background: #ffffff;
}


/* right */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table td:not(.product-name) {
    padding-left: 1rem;
    /* first style */
    padding-right: 0;
    background: none;
    /* second style */
    padding-right: 30px;
    background: #ffffff;
}

@media only screen and (min-width: 1400px) {
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table th,
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table td.product-name {
        /* second style */
        padding-left: 60px;
    }
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table td:not(.product-name) {
        /* second style */
        padding-right: 60px;
    }
}


/* custom border */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tr {
    position: relative;
}

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tr td,
.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tr th {
    position: relative;
}


/* second style */

.woocommerce-checkout .woocommerce #order_review .custom-review-container tr:nth-last-child(2) th,
.woocommerce-checkout .woocommerce #order_review .custom-review-container tr:nth-last-child(2) td {
    padding-bottom: 30px;
}


/* left */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tbody tr td.product-name::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-border);
    /* first style */
    left: 0px;
    /* second style */
    left: 30px;
}


/* right */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tbody tr td::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    height: 1px;
    background: var(--color-content-border);
    /* first style */
    right: 0px;
    /* second style */
    right: 30px;
}

@media only screen and (min-width: 1400px) {
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tbody tr td.product-name::after {
        /* second style */
        left: 60px;
    }
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tbody tr td::after {
        /* second style */
        right: 60px;
    }
}

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tbody tr:last-child td::after {
    height: 0px;
}


/**** tfoot ****/

.woocommerce-page .woocommerce .shop_table tfoot tr:not(.shipping):not(.wcShipping-methods) th,
.woocommerce-page .woocommerce .shop_table tfoot tr:not(.shipping):not(.wcShipping-methods) td {
    position: relative;
}


/* left */

.woocommerce-page .woocommerce .shop_table tfoot tr:not(.shipping):not(.wcShipping-methods) th::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-border);
    /* first style */
    left: 0px;
    /* second style */
    left: 30px;
}


/* right */

.woocommerce-page .woocommerce .shop_table tfoot tr:not(.shipping):not(.wcShipping-methods) td::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 1px;
    background: var(--color-content-border);
    /* first style */
    right: 0px;
    /* second style */
    right: 30px;
}

@media only screen and (min-width: 1400px) {
    .woocommerce-page .woocommerce .shop_table tfoot tr:not(.shipping):not(.wcShipping-methods) th::before {
        /* second style */
        left: 60px;
    }
    .woocommerce-page .woocommerce .shop_table tfoot tr:not(.shipping):not(.wcShipping-methods) td::before {
        /* second style */
        right: 60px;
    }
}


/* total price */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child th {
    width: 50%;
    color: var(--color-content-heading);
    background: none;
    /* font-size: 24px;
    font-weight: 700; */
    text-transform: initial;
    border-radius: 0;
    /* first style */
    vertical-align: top;
    padding: 30px 1rem 0 0;
    /* second style */
    text-transform: uppercase;
    vertical-align: middle;
    padding: 30px 30px 5px;
}

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td {
    border-radius: 0;
    background: none;
    /* first style */
    padding: 30px 0 0 0;
    /* second style */
    padding: 5px 30px 30px;
}

@media only screen and (max-width: 480px) {
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child th {
        width: 100%;
        min-width: 200px;
        display: block !important;
    }
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td {
        text-align: left !important;
        display: block !important;
    }
}

@media only screen and (min-width: 481px) {
    /* second style */
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child th,
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1400px) {
    /* second style */
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child th {
        padding-left: 60px;
    }
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td {
        padding-right: 60px;
    }
}


/* first style - border */


/* .woocommerce-checkout .woocommerce  #order_review .custom-review-container .shop_table tfoot tr:last-child th::after,
.woocommerce-checkout .woocommerce  #order_review .custom-review-container .shop_table tfoot tr:last-child td::after {
    content: "";
    position: absolute;
    left: 0px;
    top: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-primary);
} */


/* second style - border */

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child th::after,
.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td::after,
.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child th::before,
.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td::before {
    display: none;
}

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td .woocommerce-Price-amount {
    color: var(--color-content-primary);
    font-size: 28px;
    font-family: var(--font-h1);
    font-weight: 700;
}

@media only screen and (min-width: 768px) {
    .woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td .woocommerce-Price-amount {
        font-size: 32px;
    }
}

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td .includes_tax,
.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td .includes_tax .woocommerce-Price-amount {
    font-size: 16px;
    color: var(--color-content-text);
    font-weight: 300;
}

.woocommerce-checkout .woocommerce #order_review .custom-review-container .shop_table tfoot tr:last-child td .includes_tax {
    display: block;
    opacity: 0.5;
    white-space: nowrap;
}


/** SHIPPING METHODS - SAME FOR CART PAGE AND CHECKOUT PAGE **/

.woocommerce .shop_table tr.wcShipping-methods .woocommerce-shipping-methods li label span.amount {
    margin-left: 10px;
}

@media only screen and (min-width: 481px) {
    .woocommerce .shop_table tr.wcShipping-methods .woocommerce-shipping-methods li label span.amount {
        float: right;
    }
}

.woocommerce .shop_table tr.wcShipping-methods .woocommerce-shipping-methods li .shipping-method-description {
    font-size: 12px;
    font-weight: 300;
    color: var(--color-content-text);
    opacity: 1;
    line-height: 1.5;
    margin-left: 0;
    margin-top: 10px;
    display: block;
}

@media only screen and (min-width: 481px) {
    .woocommerce .shop_table tr.wcShipping-methods .woocommerce-shipping-methods li .shipping-method-description {
        margin-left: calc(20px + 0.6rem);
    }
}

.no-touch .woocommerce .shop_table tr.wcShipping-methods .woocommerce-shipping-methods input:not(:checked)+label:hover {
    background: none;
    color: var(--color-content-primary) !important;
}


/* Radio input - custom colors */

.woocommerce .shop_table input[type="radio"]:not([type="hidden"])+label:before {
    color: var(--color-content-primary);
}

.woocommerce .shop_table input[type="radio"]:checked:not([type="hidden"])+label:before {
    color: var(--color-content-primary);
}


/* WC EDITED TEMPLATE: wcShipping-methods - shipping divided between two rows (tr + th & tr + td & added colspan="2" -> to th and td) in cart-shipping.php template | second (added) row has css class "wcShipping-methods" */


/* shipping tr & th & td */

.woocommerce .shop_table tr.woocommerce-shipping-totals th,
.woocommerce .shop_table tr.wcShipping-methods td .woocommerce-shipping-methods {
    text-align: left;
    /* style 2 */
    padding-left: 30px;
    padding-right: 30px;
}

@media only screen and (min-width: 1400px) {
    .woocommerce .shop_table tr.woocommerce-shipping-totals th,
    .woocommerce .shop_table tr.wcShipping-methods td .woocommerce-shipping-methods {
        text-align: left;
        /* style 2 */
        padding-left: 60px;
        padding-right: 60px;
    }
}

.woocommerce .shop_table tr.woocommerce-shipping-totals th {
    padding-top: 20px;
    padding-bottom: 10px !important;
}

.woocommerce .shop_table tr.woocommerce-shipping-totals th h3 {
    font-size: 24px;
    margin-bottom: 0;
    text-transform: initial;
}

.woocommerce .shop_table tr.wcShipping-methods td ul#shipping_method li {
    margin: 0;
    padding: 20px 0;
    position: relative;
}

.woocommerce .shop_table tr.wcShipping-methods td ul#shipping_method li:last-child {
    padding-bottom: 30px;
}


/* ONLY FOR CHECKOUT PAGE */

.woocommerce .shop_table.woocommerce-checkout-review-order-table tr.wcShipping-methods td {
    padding: 0 !important;
}

.woocommerce .shop_table tr.wcShipping-methods td ul#shipping_method li,
.woocommerce-page .woocommerce #payment .payment_methods li {
    position: relative;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.woocommerce .shop_table tr.wcShipping-methods td ul#shipping_method li:not(:last-child)::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-border);
}


/* ONLY FOR CART PAGE */


/* hide border bottom after Shipping Title */

.woocommerce-cart .woocommerce .cart-collaterals .shop_table tr.woocommerce-shipping-totals {
    border-bottom: none !important;
}

.woocommerce-cart .woocommerce .cart-collaterals .shop_table tr.woocommerce-shipping-totals th::after {
    content: none !important;
}

.woocommerce .cart-collaterals .shop_table tr.wcShipping-methods td {
    padding: 0 10px calc(30px - 14px) 10px !important;
}


/* extra small mobile */

@media only screen and (max-width: 480px) {
    .woocommerce .cart-collaterals .shop_table tr.wcShipping-methods td {
        padding: 0 0 calc(30px - 14px) 0 !important;
    }
    .woocommerce .cart-collaterals .cart_totals .wcShipping-methods td {
        width: 100% !important;
    }
    .woocommerce .cart-collaterals .shop_table th:last-child,
    .woocommerce .cart-collaterals .shop_table td:last-child {
        text-align: left;
    }
}


/** PAYMENT METHODS **/


/* ADDED: Custom payment container section & #order_payment_heading added in payment.php template */

.woocommerce .custom-payment-container {
    border-radius: var(--woocommerce-border-radius);
    border: 2px solid var(--color-content-heading);
    margin-bottom: 30px;
    padding: 40px 10px calc(40px - 20px);
}

@media only screen and (min-width: 481px) {
    .woocommerce .custom-payment-container {
        padding: 60px 10px calc(60px - 20px);
    }
}

@media only screen and (min-width: 1400px) {
    .woocommerce .custom-payment-container {
        padding: 60px 40px calc(60px - 20px);
    }
}

.woocommerce .custom-payment-container #order_payment_heading {
    /* font-size: 24px; */
    padding: 0 20px;
    margin-bottom: calc(40px - 20px);
    text-align: left;
}

.woocommerce #payment .custom-payment-container .wc_payment_methods {
    margin-bottom: 0;
}

.woocommerce-page .woocommerce #payment .payment_methods li>label {
    padding: 20px;
    width: 100%;
}

.woocommerce #payment .custom-payment-container .wc_payment_methods input:checked~* {
    background: var(--color-content-bg-alt);
}

.no-touch .woocommerce #payment .custom-payment-container .wc_payment_methods input:not(:checked)+label:hover {
    background: var(--color-content-bg-alt);
    color: var(--color-content-primary) !important;
}


/* .woocommerce #payment .custom-payment-container .payment_methods li>input:checked+label {
    color: var(--color-content-heading);
} */

.woocommerce #payment .custom-payment-container .wc_payment_methods .payment_box {
    padding: 0 20px 20px;
    margin-top: -12px;
}

.woocommerce #payment .custom-payment-container .wc_payment_methods .payment_box p {
    margin-bottom: 0;
}

.woocommerce .custom-payment-container .wc_payment_methods .payment_box p {
    color: var(--color-content-text);
    opacity: 1;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
}


/* style one - border */


/* .woocommerce-page .woocommerce #payment .payment_methods li:not(:last-child)::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-border);
} */


/** privacy policy */

.woocommerce-page .woocommerce .woocommerce-terms-and-conditions-wrapper,
.woocommerce-page .woocommerce .woocommerce-privacy-policy-text {
    margin-bottom: 30px;
}

.woocommerce-privacy-policy-text p,
.woocommerce-terms-and-conditions-checkbox-text {
    color: var(--color-content-text);
    opacity: 1;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    text-transform: initial;
}

.woocommerce-privacy-policy-text a,
.woocommerce-terms-and-conditions-checkbox-text a {
    color: var(--color-content-primary);
    text-decoration: underline;
}

.woocommerce-privacy-policy-text a:hover,
.woocommerce-terms-and-conditions-checkbox-text a:hover {
    text-decoration: none;
}


/* ADDED: Back to cart Link - added in wc-layouts.php */

.woocommerce-checkout .woocommerce .wc-return-to-cart-link-wrapper {
    margin-top: auto;
}

.woocommerce-checkout .woocommerce .wc-return-to-cart-link-wrapper div {
    margin-top: 50px;
}

.woocommerce-checkout .woocommerce .wc-return-to-cart-link-wrapper .backToCartLink {
    text-decoration: underline;
    display: inline-block;
    /* same as place order button height */
    line-height: 50px !important;
}

.woocommerce-checkout .woocommerce .wc-return-to-cart-link-wrapper .backToCartLink:hover {
    text-decoration: none;
}


/* hide link to show only button */

@media only screen and (max-width: 899px) {
    .woocommerce-checkout .woocommerce .wc-return-to-cart-link-wrapper {
        display: none;
    }
}


/* ADDED: Back to cart Button - added in wc-layouts.php */

.woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper {
    display: block;
    margin-top: 15px;
}

.woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper a.backToCartBtn {
    width: 100%;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 600;
    padding: 0.96em 1.88em;
    background: transparent;
    border-color: var(--color-content-primary);
    color: var(--color-content-heading);
    transition: all 0.3s ease;
}

.woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper a.backToCartBtn:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    border-style: solid;
    border-color: inherit;
    border-image: inherit;
}

.no-touch .woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper a.backToCartBtn:hover {
    background: var(--color-content-primary);
    border-color: var(--color-content-primary);
    color: var(--color-alt-content-heading);
}


/* .woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper a.backToCartBtn:hover {} */

@media only screen and (min-width: 601px) {
    .woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper a.backToCartBtn {
        width: auto;
        display: inline-block;
    }
    .woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper {
        text-align: right;
        margin: 0 0 0 20px;
        vertical-align: bottom;
        display: inline-block;
    }
}

@media only screen and (min-width: 900px) {
    .woocommerce-checkout .woocommerce .wc-return-to-cart-btn-wrapper {
        display: none !important;
    }
}


/** Place order (submit) button */

.woocommerce #payment #place_order {
    /* font-size: 15px; */
    text-align: center;
}

@media only screen and (min-width: 480px) {
    .woocommerce #payment #place_order::before {
        content: "\f291";
        position: static;
        font-family: "fontawesome";
        font-size: inherit;
        font-weight: 400;
        line-height: inherit;
        color: inherit;
        margin-right: 10px;
        display: inline-block;
        border: none;
    }
}

@media only screen and (min-width: 900px) {
    .woocommerce #payment #place_order {
        display: block;
        margin-left: auto;
    }
}

@media only screen and (max-width: 600px) {
    .woocommerce #payment #place_order {
        padding: 1em 1em !important;
    }
}


/*****
*
*   THANK YOU
*
*****/


/* WC EDITED TEMPLATE: customer note hidden in right column - need add customer note to order-details-customer.php to show it in account page !!! */


/** LAYOUT **/


/* if not order defined in url*/

.woocommerce-page p.woocommerce-thankyou-order-received {
    font-size: 32px;
    font-family: var(--font-h1);
    font-weight: 700;
    line-height: 1.2;
    letter-spacing: 0;
    color: var(--colorconten-heading);
}

.woocommerce-page p.woocommerce-thankyou-order-received:not(:last-child) {
    margin-bottom: 70px;
}

@media only screen and (min-width: 768px) {
    .woocommerce-page p.woocommerce-thankyou-order-received {
        font-size: 42px;
    }
}


/* if order defined in url*/


/* WC EDITED TEMPLATE: order left wrapper section and edited p to div & order right wrapper section added in thankyou.php temaplate*/

.woocommerce-checkout .woocommerce-order {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (min-width: 901px) {
    .woocommerce-checkout .woocommerce-order .order-left-wrapper {
        width: calc((6 / 12) * 100%);
        padding-right: 20px;
        float: none;
    }
    .woocommerce-checkout .woocommerce-order .order-right-wrapper {
        width: calc((6 / 12) * 100%);
        float: none;
    }
}

@media only screen and (min-width: 1200px) {
    .woocommerce-checkout .woocommerce-order .order-left-wrapper {
        width: calc((7 / 12) * 100%);
        float: none;
    }
    .woocommerce-checkout .woocommerce-order .order-right-wrapper {
        width: calc((5 / 12) * 100%);
        float: none;
    }
}

@media only screen and (min-width: 1400px) {
    .woocommerce-checkout .woocommerce-order .order-left-wrapper {
        width: calc((8 / 12) * 100%);
    }
    .woocommerce-checkout .woocommerce-order .order-right-wrapper {
        width: calc((4 / 12) * 100%);
    }
}


/* WC EDITED TEMPLATE: order left wrapper failed in thankyou.php temaplate*/

.woocommerce-checkout .woocommerce-order .order-left-wrapper.failed {
    margin-bottom: 40px;
}

@media only screen and (min-width: 1200px) {
    .woocommerce-checkout .woocommerce-order .order-left-wrapper.failed {
        padding-right: calc((2 / 12) * 100%);
    }
}


/** LEFT COLUMN **/


/* WC EDITED TEMPLATE: edited p to div for woocommerce-notice in thankyou.php temaplate*/


/* ADDED: thankyouWrapper - added in wc-layouts.php,  */

.thankyouWrapper {
    margin-bottom: 40px !important;
}

.thankyouWrapper .innerWrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -10px;
}

.thankyouWrapper .innerWrapper>* {
    padding: 10px;
}

.thankyouWrapper .innerWrapper .contentWrapper {
    width: 100%;
}

.thankyouWrapper .innerWrapper .imgWrapper {
    width: 100%;
}

.thankyouWrapper .innerWrapper .imgWrapper .order-img {
    line-height: 0;
}

@media only screen and (min-width: 1400px) {
    .thankyouWrapper .innerWrapper .contentWrapper {
        width: calc((3 / 8) * 100%);
    }
    .thankyouWrapper .innerWrapper .imgWrapper {
        width: calc((5 / 8) * 100%);
    }
    .thankyouWrapper .innerWrapper .imgWrapper .order-img {
        margin-left: 20px;
    }
}

.thankyouWrapper .innerWrapper .contentWrapper .order-msg {
    font-size: 32px;
    line-height: 1.2;
}

.thankyouWrapper .innerWrapper .contentWrapper .order-msg:not(:last-child) {
    margin-bottom: 20px;
}

@media only screen and (min-width: 768px) {
    .thankyouWrapper .innerWrapper .contentWrapper .order-msg {
        font-size: 42px;
    }
}


/* ADDED: custom success main msg - added in wc-layouts.php */

.woocommerce-checkout .woocommerce-order .order-msg {
    position: relative;
    padding-top: 0;
    margin-bottom: 40px;
}

.woocommerce-checkout .woocommerce-order .order-msg .scs {
    color: var(--woocommerce-success);
}


/* ADDED: custom success sub msg - added in wc-layouts.php */

.woocommerce-checkout .woocommerce-order .order-left-wrapper .order-submsg {
    font-size: 18px;
    font-weight: 300;
    color: var(--color-content-perex-color);
    padding-bottom: 0;
    margin-bottom: 0;
    display: block;
    border-bottom: none;
}


/** RIGHT COLUMN */


/* customer details */

.woocommerce-checkout .woocommerce-order .order-right-wrapper .woocommerce-customer-details {
    display: none;
}


/* container */

.woocommerce-order-details {
    border-radius: var(--woocommerce-border-radius);
    border: 2px solid var(--color-content-heading);
    /* first style */
    background: none;
    padding: 32px 24px 40px;
    /* second style */
    background: var(--color-content-bg-alt);
    padding: 0;
    position: relative;
}

@media only screen and (min-width: 1400px) {
    .woocommerce-order-details::before {
        content: url(../wc-imgs/order_ornament.svg);
        position: absolute;
        display: block;
        top: -95px;
        left: -100px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        line-height: 0;
    }
}


/* first style */


/* @media only screen and (min-width: 768px) {
    .woocommerce-order-details {
        padding: 40px 40px 60px;
    }
} */


/* WC EDITED TEMPLATE: title - changed h2 -> h3 in order/order-details.php template and title  */

.woocommerce-order-details .woocommerce-order-details__title {
    float: none;
    width: 100%;
    /* font-size: 24px; */
    text-align: left;
    display: block;
    /* first style */
    background: none;
    padding: 0;
    margin-bottom: calc(40px - 20px);
    /* second style */
    background: #ffffff;
    margin: 0;
    padding: 40px 30px 20px;
}


/* second style */

@media only screen and (min-width: 1400px) {
    .woocommerce-order-details .woocommerce-order-details__title {
        padding: 60px 60px 20px;
    }
}


/* table */

.woocommerce-order-details .woocommerce-table--order-details {
    margin: 0 !important;
    border: none;
    border-collapse: initial;
    width: 100%;
}

.woocommerce-table--order-details th {
    /* first style */
    padding: 20px 0;
    /* second style */
    padding: 20px 0;
}

.woocommerce-table--order-details td {
    /* first style */
    padding: 20px 0px 20px 15px;
    /* second style */
    padding: 20px 30px 20px 15px;
}

.woocommerce-table--order-details th,
.woocommerce-table--order-details td.product-name {
    /* first style */
    padding-left: 0;
    padding-right: 0;
    /* second style */
    padding-left: 30px;
    padding-right: 0;
}


/* second style */

@media only screen and (min-width: 1400px) {
    .woocommerce-table--order-details td {
        padding-right: 60px;
    }
    .woocommerce-table--order-details th,
    .woocommerce-table--order-details td.product-name {
        padding-left: 60px;
    }
}


/* border */

.woocommerce-table--order-details tr,
.woocommerce-table--order-details tr td,
.woocommerce-table--order-details tr th {
    position: relative;
}


/* left */

.woocommerce-table--order-details tbody tr td.product-name::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 1px;
    background: var(--color-content-border);
    /* first style */
    left: 0;
    /* second style */
    left: 30px;
}


/* right */

.woocommerce-table--order-details tbody tr td::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 1px;
    background: var(--color-content-border);
    /* first style */
    right: 0;
    /* second style */
    right: 30px;
}

.woocommerce-table--order-details tbody tr:last-child td::after {
    height: 0px;
}


/* second style */

@media only screen and (min-width: 1400px) {
    .woocommerce-table--order-details tbody tr td.product-name::after {
        left: 60px;
    }
    .woocommerce-table--order-details tbody tr td::after {
        right: 60px;
    }
}


/**** tfoot ****/


/* first style */


/* left */

.woocommerce-table--order-details tfoot tr:not(:last-child):not(:nth-last-child(2)) th::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-border);
}


/* right */

.woocommerce-table--order-details tfoot tr:not(:last-child):not(:nth-last-child(2)) td::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 1px;
    background: var(--color-content-border);
}


/* socond style */

.woocommerce-table--order-details tfoot tr:last-child th::before,
.woocommerce-table--order-details tfoot tr:last-child td::before {
    display: none;
}


/* styling */

.woocommerce-order-details .woocommerce-table--order-details th {
    color: var(--color-content-heading);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
    /* first style */
    background: none;
    /* second style */
    background: #ffffff;
}

.woocommerce-order-details .woocommerce-table--order-details td {
    color: var(--color-content-heading);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    text-transform: initial;
    /* first style */
    background: none;
    /* second style */
    background: #ffffff;
}

.woocommerce-order-details .woocommerce-table--order-details .product-name {
    display: flex;
    flex-wrap: wrap;
}

.woocommerce-order-details .woocommerce-table--order-details .product-name a {
    color: var(--color-content-text);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 300;
    text-transform: initial;
    text-decoration: none;
}


/* WC EDITED TEMPLATE: Changed order of quantity and sprintf inside quantity in order-details-item.php */

.woocommerce-order-details .woocommerce-table--order-details .product-name .product-quantity {
    color: var(--color-content-heading);
    font-weight: 600;
    display: block;
    width: 100%;
    margin: 0 0 8px;
    order: 1;
    width: 100%;
}

@media only screen and (min-width: 768px) {
    .woocommerce-order-details .woocommerce-table--order-details .product-name {
        flex-wrap: nowrap;
    }
    .woocommerce-order-details .woocommerce-table--order-details .product-name .product-quantity {
        margin: 0 4px 0 0;
        width: auto;
    }
}


/** ADDED: wc-custom-item_wrapper, wc-custom-item_title, wc-custom-item_meta added in wc-layouts.php **/


/* .woocommerce-order-details .woocommerce-table--order-details .product-name .wc-custom-item_wrapper {
    order: 2;
}

.woocommerce-order-details .woocommerce-table--order-details .product-name .wc-custom-item_meta {
    color: var(--color-content-text);
    font-size: 15px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 2px;
} */

.woocommerce-order-details .woocommerce-table--order-details .amount {
    color: var(--color-content-heading);
    font-weight: 600;
}

.woocommerce-table--order-details tfoot tr td .shipped_via {
    display: block;
    font-weight: 300;
    color: var(--color-content-text);
    text-align: right;
    opacity: 0.5;
}


/* WC EDITED TEMPLATE: final price - last child -> customer note hidden in order/order-details.php template */


/* total price */

.woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child th {
    background: none;
    width: 50%;
    color: var(--color-content-heading);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
    /* first style */
    vertical-align: top;
    padding: 30px 1rem 0 0;
    /* second style */
    vertical-align: middle;
    padding: 30px 30px 5px;
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td {
    background: none;
    border-radius: var(--woocommerce-border-radius);
    /* first style */
    padding: 30px 0 0 0;
    /* second style */
    padding: 5px 30px 30px;
}

@media only screen and (min-width: 481px) {
    .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child th,
    .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td {
        padding-left: 0;
    }
}

@media only screen and (min-width: 1400px) {
    .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child th {
        /* second style */
        padding-left: 60px;
    }
    .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td {
        /* second style */
        padding-right: 60px;
    }
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td .woocommerce-Price-amount {
    color: var(--color-content-primary);
    font-size: 28px;
    font-family: var(--font-h1);
    font-weight: 700;
}

@media only screen and (min-width: 768px) {
    .woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td .woocommerce-Price-amount {
        font-size: 32px;
    }
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td .includes_tax,
.woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td .includes_tax .woocommerce-Price-amount {
    font-size: 16px;
    color: var(--color-content-text);
    font-weight: 400;
}

.woocommerce-order-details .woocommerce-table--order-details tfoot tr:last-child td .includes_tax {
    display: block;
    opacity: 0.5;
    white-space: nowrap;
}


/* hide customer info from right column */

.woocommerce-order-details .woocommerce-table--custom-fields.custom-fields {
    display: none !important;
}


/* return to home button section added in thankyou.php template */

.wc-return-to-home-btn {
    width: 100%;
}

.wc-return-to-home-btn a.backToHomeBtn {
    padding: 1em 1.9em;
}

@media only screen and (max-width: 600px) {
    .wc-return-to-home-btn {
        display: block;
        width: 100%;
    }
    .wc-return-to-home-btn a.backToHomeBtn {
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width: 481px) {
    .wc-return-to-home-btn a.backToHomeBtn::before {
        content: "\f177";
        position: static;
        font-family: "fontawesome";
        font-size: inherit;
        font-weight: 400;
        line-height: inherit;
        color: inherit;
        margin-right: 10px;
        display: inline-block;
        border: none;
    }
}


/* custom order and details container section added in thankyou.php template */

.woocommerce-checkout .woocommerce-order .order-details-container {
    width: 100%;
    margin: 70px 0;
    padding: 70px 0 0;
    border-top: 1px solid var(--color-content-border);
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner {
    display: flex;
    flex-wrap: wrap;
    /* width: 100%; */
    margin: -15px;
    font-size: 15px;
    line-height: 2;
    color: var(--color-alt-content-text);
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner h2,
.woocommerce-checkout .woocommerce-order .order-details-container_inner h3,
.woocommerce-checkout .woocommerce-order .order-details-container_inner strong {
    display: block;
    color: var(--color-content-heading);
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.5;
    font-weight: 600;
    letter-spacing: 0.1em;
    text-align: left;
    text-transform: uppercase;
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner h2:not(:last-child),
.woocommerce-checkout .woocommerce-order .order-details-container_inner h3:not(:last-child),
.woocommerce-checkout .woocommerce-order .order-details-container_inner strong:not(:last-child) {
    margin-bottom: 15px;
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner .woocommerce-bacs-bank-details {
    margin-top: 20px;
    display: none !important;
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner .woocommerce-bacs-bank-details .bacs_details {
    padding: 20px;
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner .woocommerce-bacs-bank-details .bacs_details li {
    padding-right: 0;
    margin-right: 0;
    border-right: 0;
    display: block;
    width: 100%;
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner .woocommerce-bacs-bank-details .bacs_details li:not(:last-child) {
    margin-bottom: 5px;
}

.woocommerce-checkout .woocommerce-order .order-details-container_inner>* {
    padding: 15px;
    width: 100%;
}

@media only screen and (min-width: 600px) {
    .woocommerce-checkout .woocommerce-order .order-details-container_inner>* {
        width: 50%;
    }
}

@media only screen and (min-width: 1024px) {
    .woocommerce-checkout .woocommerce-order .order-details-container_inner>* {
        width: calc((3 / 12) * 100%);
    }
}

.woocommerce-checkout .woocommerce-order .order-details-container .order-payment-method,
.woocommerce-checkout .woocommerce-order .order-details-container .order-note-container {
    margin-top: 30px;
}

.woocommerce-checkout .woocommerce-order .order-details-container .order-payment-method p {
    font-size: 80%;
}


/***** SUPERFAKTURA FIELDS *****/

#wi_as_company_field label.checkbox {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

#wi_as_company_field label.checkbox span.optional {
    font-size: 0;
}


/***** SPS BALIKOMAT *****/


/* map modal */

#sps-parcelshop-map {
    padding: 10px !important;
    border: none !important;
    z-index: 999999 !important;
    background-color: rgba(0, 0, 0, 0.75) !important;
    max-width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    height: 100%;
}

#sps-parcelshop-map #googleMap,
#sps-parcelshop-map #googleMap+div {
    width: 100% !important;
    max-width: 640px !important;
}

#sps-parcelshop-map #googleMap+div {
    background-color: var(--color-content-bg);
    padding: 15px;
}

#sps-parcelshop-map #googleMap+div label {
    width: 100%;
    color: var(--color-content-heading);
    font-size: 16px;
    font-weight: 600;
    line-height: 1.5;
    font-family: inherit;
    display: block;
    text-align: left;
    opacity: 1;
}

#sps-parcelshop-map #googleMap+div input {
    max-width: 100%;
    width: 400px !important;
    margin-top: 10px;
}

#sps-parcelshop-map #googleMap+div #sps-parcelshop-wrapper-button-close {
    margin-top: 10px;
    position: relative !important;
    right: initial !important;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.2 !important;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0em;
    padding: 0.96em 1.88em;
    background: var(--color-content-primary);
    border-color: transparent;
    color: var(--color-alt-content-heading) !important;
    box-shadow: 0 0em 0em rgb(0 0 0 / 20%);
    padding-right: 2.5em;
    border-radius: 0 30px 30px 0;
    transition: border-radius 0.3s ease, padding 0.3s ease;
}

.no-touch #sps-parcelshop-map #googleMap+div #sps-parcelshop-wrapper-button-close:hover {
    border-radius: 0;
    padding-right: 2.5em;
    padding-left: 2.5em;
}


/* btn trigger */

button#sps-parcelshop-wrapper-button {
    margin-top: 15px;
    font-family: var(--font-body);
    font-size: 14px;
    line-height: 1.2 !important;
    font-weight: 600;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 0em;
    padding: 0.6em 1.2em;
    background: var(--color-content-primary);
    border-color: transparent;
    color: var(--color-alt-content-heading) !important;
    box-shadow: 0 0em 0em rgb(0 0 0 / 20%);
    padding-right: 1.6em;
    border-radius: 0 30px 30px 0;
    transition: border-radius 0.3s ease, padding 0.3s ease;
}

.no-touch button#sps-parcelshop-wrapper-button:hover {
    padding-left: 1.6em;
    border-radius: 0;
}


/***** Clenstvo *****/

.wc-custom_product_wrapper.clenstvo .stock {
    display: none;
}

.wc-custom_product_banner_wrapper {
    width: 100%;
}

.wc-custom_product_banner {
    width: 100%;
    margin-top: 30px;
    padding-top: 50px;
    border-top: 1px solid var(--color-alt-content-border);
}

@media only screen and (min-width: 768px) {
    .wc-custom_product_banner {
        margin-top: 60px;
        padding-top: 100px;
    }
}

.wc-custom_product_banner .label:not(:last-child) {
    margin-bottom: 20px;
}

.wc-custom_product_banner .grid_inner {
    display: flex;
    flex-wrap: wrap;
    margin: -10px;
}

.wc-custom_product_banner .grid_inner>* {
    width: 100%;
    padding: 10px;
}

@media only screen and (min-width: 768px) {
    .wc-custom_product_banner .grid_inner {
        margin: -15px;
    }
    .wc-custom_product_banner .grid_inner>* {
        padding: 15px;
    }
}

@media only screen and (min-width: 1024px) {
    .wc-custom_product_banner .grid_inner>* {
        width: 50%;
    }
}

.no-touch .wc-custom_product_banner .wrapper_product .overLink:hover+.wrapper_main .w-btn {
    text-decoration: none;
}

.wc-custom_product_banner .wrapper_product>.wrapper_inner {
    position: relative;
    padding: 20px 30px;
    border-radius: 0 100px 100px 0;
    border: 2px solid var(--color-content-primary);
}

.wc-custom_product_banner .wrapper_product.novacik>.wrapper_inner {
    border-color: var(--color-content-primary);
    background: var(--color-content-primary);
}

.wc-custom_product_banner .wrapper_product.majster>.wrapper_inner {
    border-color: #ffae00;
    background: #ffae00;
}

.wc-custom_product_banner .wrapper_product.legenda>.wrapper_inner {
    border-color: #c72037;
    background: #c72037;
}

@media only screen and (min-width: 768px) {
    .wc-custom_product_banner .wrapper_product>.wrapper_inner {
        border-radius: 0 100px 100px 0;
        padding: 30px 40px;
    }
}

@media only screen and (min-width: 1200px) {
    .wc-custom_product_banner .wrapper_product>.wrapper_inner {
        padding: 35px 60px;
    }
}

.wc-custom_product_banner .wrapper_product .wrapper_main {
    display: flex;
    gap: 30px;
    justify-content: space-between;
    align-items: center;
}

.wc-custom_product_banner .wrapper_product .wrapper_image {
    position: relative;
    width: 100px;
    display: none;
}

.wc-custom_product_banner .wrapper_product .wrapper_image>.icon::before {
    display: block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 0;
    pointer-events: none;
}

.wc-custom_product_banner .wrapper_product.novacik .wrapper_image>.icon::before {
    content: url("../wc-imgs/novacik_icon.svg");
}

.wc-custom_product_banner .wrapper_product.majster .wrapper_image>.icon::before {
    content: url("../wc-imgs/majster_icon.svg");
}

.wc-custom_product_banner .wrapper_product.legenda .wrapper_image>.icon::before {
    content: url("../wc-imgs/legenda_icon.svg");
}

@media only screen and (min-width: 768px) {
    .wc-custom_product_banner .wrapper_product .wrapper_image {
        display: block;
    }
}

.wc-custom_product_banner .wrapper_product .wrapper_image>.placeholder {
    padding-bottom: 100%;
}

.wc-custom_product_banner .wrapper_product .wrapper_image>.placeholder+img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.wc-custom_product_banner .wrapper_product .wrapper_content h3:not(:last-child) {
    margin-bottom: 8px;
}


/***** FIXES */

@media (max-width: 600px) {
    body.woocommerce-page .woocommerce table.shop_table {
        display: table !important;
    }
    body.woocommerce-page .woocommerce table.shop_table th {
        text-align: left !important;
    }
    body.woocommerce-page .woocommerce table.shop_table td:last-child {
        text-align: right !important;
    }
    body.woocommerce-page .woocommerce table.shop_table th,
    body.woocommerce-page .woocommerce table.shop_table td {
        display: table-cell !important;
    }
}

#wi_as_company_field {
    margin-bottom: 0;
}


/**** Edits to woocommerce additional fields */

.woocommerce-checkout .woocommerce-additional-fields {
    margin-top: 0;
}

.woocommerce-additional-fields__field-wrapper {
    margin-bottom: 30px;
}

.trip-addons .checkbox {
    display: flex !important;
    flex-direction: row-reverse !important;
    justify-content: flex-end;
    font-weight: 400 !important;
    color: #666666 !important;
}

.trip-addons p {
    margin-bottom: 10px !important;
}

.select-amount label.main,
.select-trip label.main {
    display: block;
    font-weight: 700;
    color: var(--color-content-heading);
    margin-bottom: 10px;
}

.select-amount,
.select-trip {
    margin-bottom: 30px;
}

.radio-group {
    display: flex;
    gap: 20px;
}

.radio-group label {
    display: flex;
    align-items: center;
}

.variations {
    display: block;
}
.variations tbody {
    display: block;
}
.variations tr {
    display: block;
}
.variations tr th {
    color: var(--color-content-heading) !important;
    display: block;
    margin-bottom: 0 !important;
}
.stadium-wrapper {
    display: none;
}
.stadium-wrapper.active {
    display: block;
}
.vip-cat, .first-cat, .second-cat, .third-cat {
    fill: #f8f8f8;
    transition: all .3s ease-in-out;
    cursor: pointer;
}
.vip-cat.active {
    fill: #EB3A0E;
    opacity: 1 !important;
}
.first-cat.active {
    fill: #58BA5A;
    opacity: 1 !important;
}
.second-cat.active {
    fill: #F6C41E;
    opacity: 1 !important;
}
.third-cat.active {
    fill: #3DB6E9;
    opacity: 1 !important;
}