/*
---------------
	DEFAULT
---------------
*/
.blockOverlay { background: rgba(255 255 255 / 50%) !important; opacity: 100% !important; z-index: 10 !important; }
.cart-collaterals .blockOverlay { background: rgba(73 85 101 / 50%) !important; }
body.woocommerce-checkout .woocommerce-checkout-review-order .blockOverlay { background: rgba(73 85 101 / 50%) !important; }


/*
--------------
	NOTICE
--------------
*/
.woocommerce-NoticeGroup { width: 100%; }

.woocommerce-info { margin-bottom: 20px; padding: 20px; color: #000; line-height: 20px; background: #fee9b4; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }

.woocommerce-message { margin: 20px 0; padding: 20px; color: white; line-height: 20px; background: var(--color-green); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.woocommerce-message a { text-decoration: underline; color: white !important; }
.woocommerce-message .button:hover { color: #000 !important; background-color: white !important; }

ul.woocommerce-error { width: 100%; margin-bottom: 20px; margin-left: 0 !important; padding: 20px 20px 20px 40px; font-size: 15px; color: white; line-height: 20px; background: #d7315a; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; list-style: disc !important; }


/*
----------------
	PRODUCTS
----------------
*/
ul.products { margin-left: -10px !important; margin-right: -10px; display: flex; flex-wrap: wrap; position: relative; list-style: none !important; }
ul.products li.product:not(li.product-category) { width: calc(25% - 20px); margin: 30px 10px 0; padding-bottom: 50px; border: 1px solid var(--color-gray); position: relative; }
ul.products li.product:nth-child(-n+4):not(li.product-category) { margin-top: 0; }
ul.products li.product:hover { -moz-box-shadow: 0 0 10px rgba(0 0 0 / 10%); -webkit-box-shadow: 0 0 10px rgba(0 0 0 / 10%); box-shadow: 0 0 10px rgba(0 0 0 / 10%); }

body.home .products { margin-bottom: 50px; }

body.archive ul.products li.product { width: calc(33.3333333333% - 20px); }
body.archive ul.products li.product:nth-child(4) { margin-top: 30px; }

/* Labels */
ul.products .label.onsale { width: 30px; height: 40px; left: 15px; top: 0; background: url(../images/icon-flag-onsale.svg) no-repeat left top; background-size: auto 100%; position: absolute; z-index: 2; }

/* Thumbnail */
ul.products li.product .thumbnail { padding: 20px; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; }
ul.products li.product .thumbnail img { width: 100%; height: auto; display: block; position: relative; }

/* Entry */
ul.products li.product .entry { padding: 0 20px 20px; }
ul.products li.product .entry .posted_in { margin-bottom: 10px; }
ul.products li.product .entry .posted_in a { font-size: 12px; font-weight: 700; text-decoration: none !important; color: var(--color-rogue-pink); line-height: 100%; letter-spacing: 2px; }

ul.products li.product .entry h3 { min-height: 60px; margin-bottom: 10px; }
ul.products li.product .entry h3 a { font-size: 16px; font-weight: 700; text-decoration: none !important; color: #000 !important; line-height: 20px; display: block; }
ul.products li.product .entry h3 a:hover { text-decoration: underline !important; }

/* Unit price */
ul.products li.product .entry .unit_price { font-size: 14px; font-weight: 500; }

/* Action button */
ul.products li.product .price__action_button { width: 100%; left: 0; bottom: 0; display: flex; position: absolute; }

ul.products li.product .price__action_button .price { padding-left: 20px; font-size: 17px; font-weight: 700; color: #3c424e; line-height: 18px; border-top: 1px solid #eee; display: flex; flex-wrap: wrap; align-items: center; align-content: center; flex: 1; }
ul.products li.product .price__action_button .price del { width: 100%; font-size: 14px; text-decoration: line-through; color: #999; }

ul.products li.product .price__action_button .button { height: 60px; padding: 0 20px !important; line-height: 40px; background-color: var(--color-green) !important; display: flex; align-items: center; }
ul.products li.product .price__action_button .button.add_to_cart_button:before { width: 20px; height: 20px; margin-right: 10px; background: url(../images/icon-cart-white.svg) no-repeat center; background-size: auto 22px; display: block; content: ''; }
ul.products li.product .price__action_button .button:hover { background-color: var(--color-dark-2) !important; }
ul.products li.product .price__action_button .added_to_cart { display: none !important; }

/* Product category */
ul.products li.product-category { width: calc(25% - 20px) !important; height: 60px; margin: 20px 10px 0 !important; padding: 0 !important; text-align: left; border: 1px solid var(--color-gray); overflow: hidden; }
ul.products li.product-category:hover { border-color: var(--color-pink); }
ul.products li.product-category:nth-child(-n+4) { margin-top: 0 !important; }
ul.products li.product-category a { height: 100%; text-decoration: none !important; display: block; position: relative; }
ul.products li.product-category a img { width: 46px; height: auto; left: 8px; top: 50%; display: block; position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
ul.products li.product-category h2 { height: 100%; margin-bottom: 0 !important; padding: 5px 45px 5px 65px; font-size: 14px !important; font-weight: 700; display: flex; align-items: center; }
ul.products li.product-category h2 mark { right: 10px; font-size: 12px; color: #999; background: transparent !important; position: absolute; }

ul.products li.product-category:hover { -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }


/*
------------------
	PAGINATION
------------------
*/
.woocommerce-pagination { margin-top: 50px; text-align: center; }
.woocommerce-pagination ul { margin-left: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; list-style: none !important; }
.woocommerce-pagination ul li { margin: 0 2px; } 
.woocommerce-pagination ul li a, 
.woocommerce-pagination ul li span { width: 50px; height: 50px; font-size: 18px; font-weight: 700; text-align: center; text-decoration: none !important; line-height: 50px; display: inline-block; }

.woocommerce-pagination ul li a { color: var(--color-blue) !important; }
.woocommerce-pagination ul li a:hover { background: var(--color-silver); }
.woocommerce-pagination ul li span { color: white; background: var(--color-rogue-pink); }


/*
---------------
	PRODUCT
---------------
*/
div.product { padding-top: 30px; display: flex; flex-wrap: wrap; position: relative; }

/* On sale */
div.product .onsale { width: 30px; height: 40px; left: 15px; top: 0; font-size: 0; background: url(../images/icon-flag-onsale.svg) no-repeat left top; background-size: auto 100%; position: absolute; z-index: 2; }

/* Images */
div.product .images { width: 50%; margin-bottom: 50px; padding-right: 100px; }
div.product .images a { padding: 2px; text-align: center; outline: 3px solid var(--color-silver); display: block; }
div.product .images a:hover { outline-color: var(--color-rogue-pink); }
div.product .images img { max-width: 100%; height: auto; margin: auto; display: block; }
div.product .woocommerce-product-gallery__wrapper { margin-left: -10px; margin-right: -10px; display: flex; flex-wrap: wrap; justify-content: center; }
div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image { width: calc(25% - 20px); margin: 20px 10px 0; }
div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child { width: 100%; margin-top: 0; }
div.product .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image:first-child a { padding: 0; outline: none !important; }

/* Summary */
div.product .summary { width: 50%; margin-bottom: 50px; }
div.product .summary h1 { margin-bottom: 20px !important; font-size: 30px !important; text-transform: none !important; line-height: 100%; }
div.product .summary .rank-math-breadcrumb { font-size: 15px; font-weight: 700; color: var(--color-dark); line-height: 20px; }
div.product .summary .rank-math-breadcrumb a { font-weight: 400; text-decoration: underline; color: var(--color-dark); }
div.product .summary .rank-math-breadcrumb a:hover { text-decoration: none; }
div.product .summary .rank-math-breadcrumb .separator { font-weight: 400; }

/* Price */
div.product .summary .price { margin-bottom: 0 !important; font-size: 30px; font-weight: 700; color: var(--color-rogue-pink); line-height: 100%; }
div.product .summary .price { margin-bottom: 0 !important; font-size: 30px; font-weight: 700; color: var(--color-rogue-pink); line-height: 100%; }
div.product .summary .price del { width: 100%; font-size: 20px; text-decoration: line-through; color: #999; display: block; }
div.product .summary .price_addition_info { font-size: 14px; font-weight: 500; color: #000; }

/* Custom offer */
div.product .summary .custom_offer { margin-bottom: 20px; padding: 20px; background: #fffbf5; border: 1px solid #ff7b19; }
div.product .summary .custom_offer p:last-child { margin-bottom: 0 !important; }

/* Short description */
div.product .summary .woocommerce-product-details__short-description { padding-top: 20px; /*font-size: 14px; color: #666;*/ line-height: 25px; border-top: 3px solid var(--color-dark); }

/* Cart */
div.product .summary form.cart { margin-bottom: 40px; padding: 20px; background: var(--color-silver); display: flex; flex-wrap: wrap; }
div.product .summary form.cart .quantity { width: 100px; padding-right: 20px; display: flex; }
div.product .summary form.cart .quantity input { width: calc(100% - 30px); height: 60px; font-size: 22px; font-weight: 700; background: transparent; -moz-appearance: textfield; -webkit-appearance: none; }
div.product .summary form.cart .quantity .action_buttons { width: 30px; height: 60px; border-left: 2px solid #000; }
div.product .summary form.cart .quantity .action_buttons button { width: 100%; height: 50%; background: transparent; border-bottom: 1px solid #000; display: block; cursor: pointer; }
div.product .summary form.cart .quantity .action_buttons button.minus { border-bottom: none; border-top: 1px solid #000; }
div.product .summary form.cart .packaging { height: 60px; margin-right: 20px; line-height: 60px; }

div.product .summary form.cart .button { height: 60px; line-height: 60px; padding: 0 20px; display: flex; align-items: center; }
div.product .summary form.cart .button svg { width: auto; height: 20px; margin-right: 10px; display: block; }

/* Meta */
div.product .summary .product_meta { margin-bottom: 40px; }
div.product .summary .product_meta .posted_in { display: block; }
div.product .summary .product_meta .posted_in a { font-weight: 600; text-decoration: none !important; color: #000; }
div.product .summary .product_meta .posted_in a:hover { text-decoration: underline !important; }

/* Tabs */
div.product .wc-tabs-wrapper { width: 100%; margin-bottom: 30px; border: 10px solid var(--color-dark); }
div.product .wc-tabs-wrapper ul.tabs { margin-left: 0 !important; margin-bottom: 0 !important; list-style: none !important; display: flex; }
div.product .wc-tabs-wrapper ul.tabs li { flex-grow: 1; flex-basis: 0; }
div.product .wc-tabs-wrapper ul.tabs li a { height: 60px; font-size: 15px; font-weight: 700; color: white !important; background: var(--color-dark); display: flex; align-items: center; justify-content: center; }
div.product .wc-tabs-wrapper ul.tabs li.active a { color: var(--color-dark) !important; background: white; }

div.product .wc-tabs-wrapper .panel { padding: 50px; }
div.product .wc-tabs-wrapper .panel h2 { font-size: 25px !important; }
div.product .wc-tabs-wrapper .panel p:last-child { margin-bottom: 0 !important; }
div.product .wc-tabs-wrapper .panel table { width: 100%; font-size: 16px; border-collapse: collapse; table-layout: fixed; }
div.product .wc-tabs-wrapper .panel table tbody tr:nth-child(odd) { background: #dbdde0; }
div.product .wc-tabs-wrapper .panel table tbody tr th { padding: 10px; text-align: left; }
div.product .wc-tabs-wrapper .panel table tbody tr td { padding: 10px; text-align: left; }
div.product .wc-tabs-wrapper .panel table tbody tr td.price strong { display: flex; }
div.product .wc-tabs-wrapper .panel table tbody tr td.price strong del { margin-left: 10px; font-weight: 400; text-decoration: line-through; order: 2; }
div.product .wc-tabs-wrapper .panel table tbody tr td.price strong ins { color: var(--color-rogue-pink); order: 1; }

/* If product type is variable */
div.product.product-type-variable .summary .price { display: none !important; }
div.product.product-type-variable .summary form.cart.variations_form { display: none !important; }

/* Variation table */
table.shop_table.variations_table {}
table.shop_table.variations_table thead th.sizes { width: 220px; }
table.shop_table.variations_table thead th.weight { width: 100px; text-align: center; }
table.shop_table.variations_table thead th.price { width: 220px; }
table.shop_table.variations_table thead th.action_button { width: 220px; }

table.shop_table.variations_table tbody td.sizes { }
table.shop_table.variations_table tbody td.weight { text-align: center !important; }
table.shop_table.variations_table tbody td.price {  }
table.shop_table.variations_table tbody td.action_button form { display: flex; flex-wrap: wrap; justify-content: end; }
table.shop_table.variations_table tbody td.action_button form input { width: 50px; height: 40px; padding-left: 10px; font-weight: 700; background: white; border: 1px solid var(--color-dark); border-right: none; -moz-appearance: textfield; -webkit-appearance: none; }
table.shop_table.variations_table tbody td.action_button form button { width: auto; height: 40px; padding: 0 20px !important; line-height: 40px; }


/*
------------------------
	RELATED PRODUCTS
------------------------
*/
#related_products h2 { margin-bottom: 30px; font-size: 30px; font-weight: 700; line-height: 100%; }


/*
------------
	CART
------------
*/
form.woocommerce-cart-form { margin-bottom: 50px; }

table.shop_table { width: 100%; border-collapse: collapse; border-spacing: 0; }
table.shop_table thead th { padding: 10px; font-size: 15px; font-weight: 700; text-align: left; line-height: 20px; text-transform: uppercase; border-bottom: 1px solid var(--color-body-text); }
table.shop_table thead th.product-price { text-align: center; }
table.shop_table thead th.product-quantity { text-align: center; }
table.shop_table thead th.product-subtotal { text-align: right; }

table.shop_table tbody td, 
table.shop_table tbody th { padding: 20px 10px; font-size: 15px; text-align: left; line-height: 20px; border-bottom: 1px solid var(--color-body-text); }
table.shop_table tbody th { text-transform: uppercase; }

table.shop_table tbody td.product-remove { width: 50px; }
table.shop_table tbody td.product-remove a { width: 40px; height: 40px; font-size: 0; text-decoration: none !important; background: url(../images/icon-trash.svg) no-repeat center; background-size: auto 16px; display: block; }
table.shop_table tbody td.product-remove a:hover { background-color: var(--color-silver); }

table.shop_table tbody td.product-thumbnail { width: 70px; }
table.shop_table tbody td.product-thumbnail a { display: block; }
table.shop_table tbody td.product-thumbnail img { width: auto; max-width: 60px; height: auto; max-height: 50px; }
table.shop_table tbody td.product-thumbnail img { width: auto; max-width: 60px; height: auto; max-height: 50px; }

table.shop_table tbody td.product-name a { font-weight: 600; }
table.shop_table tbody td.product-name .variation { font-size: 13px; line-height: 16px; display: flex; }
table.shop_table tbody td.product-name .variation .variation_data { display: flex; }
table.shop_table tbody td.product-name .variation .variation_data .name { margin-right: 4px; }
table.shop_table tbody td.product-name .variation .variation_data .value { margin-right: 15px; }
table.shop_table tbody td.product-name .variation .variation_data .value p { margin-bottom: 0 !important; }

table.shop_table tbody td.product-name .variation .variation_data.variation_data_Sly, 
table.shop_table tbody td.product-name .variation .variation_data.variation_data_Fafajta { display: none !important; }

table.shop_table tbody td.product-price { width: 150px; text-align: center; }

table.shop_table tbody td.product-quantity { width: 170px; }
table.shop_table tbody td.product-quantity .quantity { width: 100px; padding-right: 20px; display: flex; }
table.shop_table tbody td.product-quantity .quantity input { width: calc(100% - 30px); height: 60px; background: transparent; -moz-appearance: textfield; }
table.shop_table tbody td.product-quantity .quantity .action_buttons { width: 30px; height: 60px; border-left: 2px solid #000; }
table.shop_table tbody td.product-quantity .quantity .action_buttons button { width: 100%; height: 50%; background: transparent; border-bottom: 1px solid #000; display: block; cursor: pointer; }
table.shop_table tbody td.product-quantity .quantity .action_buttons button.minus { border-bottom: none; border-top: 1px solid #000; }

table.shop_table tbody td.product-subtotal { width: 150px; text-align: right; }

table.shop_table tbody td.actions { border-bottom: none; }
table.shop_table tbody td.actions .coupon { float: left; }
table.shop_table tbody td.actions .coupon label { display: none; }
table.shop_table tbody td.actions .coupon input { height: 50px; margin-right: 10px; text-align: center; background: #f2f2f2; }

table.shop_table tbody td.actions .button[name=update_cart] { width: 180px; padding: 0; float: right; }

table.shop_table tfoot th, 
table.shop_table tfoot td { padding: 20px 10px; font-size: 16px; line-height: 20px; }

/* Cart collaterals */
.cart-collaterals { padding: 40px 50px; color: white; background: var(--color-dark-2); position: relative; }
.cart-collaterals h2 { font-size: 30px; font-weight: 700; line-height: 100%; }
.cart-collaterals p:last-child { margin-bottom: 0 !important; }
.cart-collaterals table.shop_table { margin-bottom: 30px; border: 1px solid #646e7c; }
.cart-collaterals table.shop_table tbody tr th, 
.cart-collaterals table.shop_table tbody tr td { border-bottom-color: #646e7c; }
.cart-collaterals table.shop_table tr.shipping ul { margin-left: 0 !important; margin-bottom: 0 !important; list-style: none !important; }
.cart-collaterals table.shop_table tr.shipping ul li { margin-bottom: 10px; }
.cart-collaterals table.shop_table tr.shipping ul li:last-child { margin-bottom: 0; }
.cart-collaterals table.shop_table tr.shipping ul li .amount { font-weight: 700; }
.cart-collaterals table.shop_table tr.shipping .woocommerce-shipping-destination { display: none; }

.cart-collaterals .wc-proceed-to-checkout { margin-bottom: 20px; }
.cart-collaterals .wc-proceed-to-checkout .button { background-color: var(--color-green); }
.cart-collaterals .wc-proceed-to-checkout .button:hover { background-color: #292d35; }


/*
----------------
	CHECKOUT
----------------
*/
.woocommerce-form-coupon-toggle { display: none !important; }

h3#ship-to-different-address { clear: both; }

form.checkout_coupon { width: 100%; max-width: calc(100% - 570px); margin-bottom: 30px; display: block !important; border-bottom: 1px solid var(--color-body-text); }
form.checkout_coupon p.if_you_have_coupon { margin-bottom: 10px !important; font-weight: 700; line-height: 20px; }
form.checkout_coupon .button { width: 100%; padding: 0 10px; }

/* Form */
form.checkout { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; }
form.checkout #order_review h3 { color: white !important; }
form.checkout h3#order_review_heading { display: none !important; }

/* Customer details */
form.checkout #customer_details { width: calc(100% - 500px); padding-right: 70px; }

/* Review order */
form.checkout .woocommerce-checkout-review-order { width: 500px; padding: 30px; color: white; background: var(--color-dark-2); position: relative; z-index: 0; overflow: hidden; }

/* Info */
form.checkout .woocommerce-info { display: none; }

/* Review order */
form.checkout .coupon_wrap { position: relative; }

/* Table */
form.checkout table.shop_table { margin-bottom: 30px; }
form.checkout table.shop_table thead tr th { padding: 10px 0; border-bottom-color: white; }
form.checkout table.shop_table thead tr th.product-total { text-align: right; }

form.checkout table.shop_table tbody tr td { padding: 10px 0; border-bottom-color: rgba(255 255 255 / 30%); }
form.checkout table.shop_table tbody tr td.product-total { text-align: right; }
form.checkout table.shop_table tbody tr:last-child td { border-bottom: 3px solid white; }

form.checkout table.shop_table tbody td.product-name .variation { display: block; }
form.checkout table.shop_table tbody td.product-name .variation .variation_data .value { margin-right: 0 !important; }

form.checkout table.shop_table tfoot tr th, 
form.checkout table.shop_table tfoot tr td { padding: 10px 0; text-align: left; border-bottom: 1px solid rgba(255 255 255 / 30%); }
form.checkout table.shop_table tfoot tr td { text-align: right; }

form.checkout table.shop_table ul.woocommerce-shipping-methods { margin-left: 0 !important; margin-bottom: 0 !important; }
form.checkout table.shop_table ul.woocommerce-shipping-methods li { margin-bottom: 10px; font-size: 15px; list-style: none !important; }
form.checkout table.shop_table ul.woocommerce-shipping-methods li:last-child { margin-bottom: 0; }
form.checkout table.shop_table ul.woocommerce-shipping-methods li label { cursor: pointer; }
form.checkout table.shop_table ul.woocommerce-shipping-methods li .amount { font-weight: 700; }

/* GLS */
form.checkout .gls-woocommerce-shipping-fields h2 { margin-bottom: 10px !important; font-size: 25px !important; font-weight: 700; text-transform: none !important; color: #254d46 !important; }
form.checkout .gls-woocommerce-shipping-fields { margin-bottom: 20px; }
form.checkout .leaflet-container { margin-top: 0 !important; margin-bottom: 30px; border: 4px solid rgba(0 0 0 / 3%); }

/* Payment */
form.checkout .woocommerce-checkout-payment ul { margin-left: 0 !important; margin-bottom: 20px !important; list-style: none !important; }
form.checkout .woocommerce-checkout-payment ul li { margin-bottom: 10px; position: relative; }
form.checkout .woocommerce-checkout-payment ul li:last-child { margin-bottom: 0; }
form.checkout .woocommerce-checkout-payment ul li label { margin-bottom: 10px; padding-left: 30px; font-weight: 700; line-height: 20px; display: inline-block; cursor: pointer; }
form.checkout .woocommerce-checkout-payment ul li input[type=radio] { left: 0; top: 2px; margin: 0 !important; display: block !important; position: absolute; }
form.checkout .woocommerce-checkout-payment ul li .payment_box { padding-left: 30px; font-size: 15px; line-height: 20px; }

form.checkout .button#place_order { width: 100%; height: auto; padding: 20px 10px; line-height: 20px; display: block; }
form.checkout .button#place_order:hover { color: #000 !important; background-color: white !important; }

/* Terms and conditions */
form.checkout .woocommerce-terms-and-conditions-wrapper { margin-bottom: 20px; padding: 20px; line-height: 20px; border: 1px dotted rgba(255 255 255 / 30%); }
form.checkout .woocommerce-terms-and-conditions-wrapper p:last-child { margin-bottom: 0 !important; }
form.checkout .woocommerce-terms-and-conditions-wrapper a { color: white !important; }
form.checkout .woocommerce-terms-and-conditions-wrapper a:hover { text-decoration: none !important; }
form.checkout .woocommerce-terms-and-conditions-wrapper label { font-size: 14px !important; }


/*
----------------
	WISHLIST
----------------
*/
table.shop_table.wl-table tbody td { text-align: left !important; vertical-align: middle !important; }
table.shop_table.wl-table tbody td.product-remove { text-align: center !important; vertical-align: middle !important; }

table.shop_table.wl-table tbody td.product-thumbnail a { display: block; }

table.shop_table.wl-table tbody td.product-purchase { width: 270px; text-align: right !important; }
table.shop_table.wl-table tbody td.product-purchase .button { width: 100%; padding: 0 !important; }


/*
------------
	FORM
------------
*/
.form-row { margin-bottom: 10px; }
.form-row.form-row-first { width: calc(50% - 10px); float: left; }
.form-row.form-row-last { width: calc(50% - 10px); float: right; }
.form-row.form-row-wide { clear: both; }

.form-row br { display: none; }
.form-row label { font-size: 16px; font-weight: 700; }

select, 
.form-row textarea, 
.form-row input[type=tel], 
.form-row input[type=text], 
.form-row input[type=email], 
.form-row input[type=password] { width: 100%; height: 50px; padding-left: 10px; background: #f2f2f2; }

.form-row textarea { min-height: 100px; padding: 10px; resize: vertical; }


/*
---------------
	ACCOUNT
---------------
*/
.woocommerce-MyAccount-navigation ul { margin-left: 0 !important; display: flex; flex-wrap: wrap; justify-content: center; list-style: none; position: relative; list-style: none !important; }
.woocommerce-MyAccount-navigation ul:before { width: 100%; height: 2px; left: 0; bottom: 0; background: #dbdde0; position: absolute; content: ''; z-index: -1; }
.woocommerce-MyAccount-navigation ul li { margin: 0 3px; padding-top: 7px; }
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads { display: none !important; }
.woocommerce-MyAccount-navigation ul li a { height: 46px; padding: 0 15px; font-size: 15px; font-weight: 700; text-align: center; text-decoration: none !important; color: var(--color-dark) !important; line-height: 46px; background: #dbdde0; border: 2px solid white; display: block; }

.woocommerce-MyAccount-navigation ul li:hover { padding-top: 0; }
.woocommerce-MyAccount-navigation ul li:hover a { height: 60px; line-height: 60px; background: white; border-color: #dbdde0; border-bottom-color: transparent; }

.woocommerce-MyAccount-navigation ul li.is-active { padding-top: 0; }
.woocommerce-MyAccount-navigation ul li.is-active a { height: 60px; line-height: 60px; background: white; border: 2px solid #dbdde0; border-bottom-color: transparent; }

.woocommerce-MyAccount-content fieldset legend { margin-bottom: 20px; font-size: 25px; font-weight: 700; color: #254d46; line-height: 1; }

/* Customer login */
.u-columns { display: flex; flex-wrap: wrap; }
.u-columns.col2-set > div { width: 50%; }
.u-columns.col2-set > div:nth-child(1) { padding-right: 50px; }
.u-columns.col2-set > div:nth-child(2) { padding-left: 50px; }

.u-columns .woocommerce-privacy-policy-text { font-size: 15px; font-weight: 700; line-height: 20px; }

.u-columns.addresses > div { padding: 50px; border: 1px solid #eee; }
.u-columns.addresses > div:nth-child(1) { border-right: none; }
.u-columns.addresses > div header a { font-weight: 700; }


/*
----------------------
	THANK YOU PAGE
----------------------
*/
table.shop_table.order_details { margin-bottom: 30px; }

table.shop_table.order_details tfoot tr th,
table.shop_table.order_details tfoot tr td { background: var(--color-silver); border-bottom: 1px solid var(--color-body-text); }
table.shop_table.order_details tfoot tr:first-child th,
table.shop_table.order_details tfoot tr:first-child td { border-top: 2px solid var(--color-body-text); }

.woocommerce-customer-details .addresses { display: flex; flex-wrap: wrap; }
.woocommerce-customer-details .addresses > div { width: 50%; padding: 50px; border: 1px solid #eee; }
.woocommerce-customer-details .addresses > div:nth-child(1) { border-right: none; }
.woocommerce-customer-details .addresses > div h2 { margin-bottom: 20px !important; font-size: 30px !important; font-weight: 700; }
.woocommerce-customer-details .addresses > div p:last-child { margin-bottom: 0 !important; }


/*
-----------
	RWD
-----------
*/
@media only screen and (max-width: 1280px) { 

	/* PRODUCTS */
	ul.products { margin-left: -10px !important; margin-right: -10px; }
	ul.products li.product { width: calc(25% - 20px); margin: 20px 10px 0; padding-bottom: 100px; }
	ul.products li.product:nth-child(5) { margin-top: 20px; }
	ul.products li.product:not(li.product-category) { width: calc(25% - 20px); margin: 20px 10px 0; padding-bottom: 80px; }
	
	/* PRODUCTS: Product category */
	ul.products li.product-category { width: calc(25% - 20px) !important; }
	ul.products li.product-category:nth-child(4) { margin-top: 0 !important; }
	
	body.archive ul.products li.product { width: calc(33.3333333333% - 20px); }
	body.archive ul.products li.product:nth-child(4) { margin-top: 20px; }
	
	/* PRODUCT: Action button */
	ul.products li.product .price__action_button { display: block; }
	ul.products li.product .price__action_button .price { height: 50px; padding-left: 20px; }
	ul.products li.product .price__action_button .button { height: 50px; padding: 0 !important; display: flex; justify-content: center; }
	
	/* PRODUCT: Images */
	div.product .images { padding-right: 50px; }
	
	/* PRODUCT: Summary */
	div.product .summary h1 { font-size: 45px; }
	
	/* CHECKOUT */
	form.checkout_coupon { max-width: calc(100% - 450px); }
	
	/* CHECKOUT: Customer details */
	form.checkout #customer_details { width: calc(100% - 400px); padding-right: 50px; }

	/* CHECKOUT: Review order */
	form.checkout .woocommerce-checkout-review-order { width: 400px; padding: 20px; }
}

@media only screen and (max-width: 960px) { 

	/* PRODUCTS: Thumbnail */
	ul.products li.product .thumbnail { padding: 10px; }
	
	/* PRODUCTS: Entry */
	ul.products li.product .entry { padding: 0 10px 10px; }
	
	/* PRODUCTS: Action button */
	ul.products li.product .price__action_button .price { padding-left: 10px; }
	
	/* PRODUCTS: Product category */
	ul.products li.product-category { width: calc(33.3333333333% - 20px) !important; }
	ul.products li.product-category:nth-child(4) { margin-top: 20px !important; }

	/* PRODUCT: Images */
	div.product .images { width: 100%; max-width: 600px; margin: 0 auto 30px; padding-right: 0; }

	/* PRODUCT: Summary */
	div.product .summary { width: 100%; }
	div.product .summary h1 { font-size: 40px; }
	
	/* PRODUCT: Tabs */
	div.product .wc-tabs-wrapper .panel { padding: 20px; }
	
	/* CART: Cart collaterals */
	.cart-collaterals { padding: 30px; }

	/* CHECKOUT */
	form.checkout_coupon { max-width: none; }

	/* CHECKOUT: Customer details */
	form.checkout #customer_details { width: 100%; padding-right: 0; }

	/* CHECKOUT: Review order */
	form.checkout .woocommerce-checkout-review-order { width: 100%; }
}

@media only screen and (max-width: 768px) { 

	/* PRODUCTS */
	ul.products li.product { width: calc(33.3333333333% - 20px); }
	ul.products li.product:nth-child(4) { margin-top: 20px; }
	ul.products li.product:not(li.product-category) { width: calc(33% - 20px); }
	ul.products li.product:not(li.product-category):nth-child(4) { margin-top: 20px; }
	
	ul.products li.product:nth-child(4) { margin-top: 20px; }
	
	/* PRODUCT: Summary */
	div.product .summary h1 { font-size: 35px; }
	
	/* CART */
	table.shop_table.shop_table_responsive thead { display: none; }
	table.shop_table.shop_table_responsive tbody td::before { font-weight: 700; display: block; content: attr(data-title) ": "; }
	
	/* CART: tbody */
	table.shop_table.cart tbody { display: block; }
	table.shop_table.cart tbody tr { margin-bottom: 20px; border: 1px solid var(--color-body-text); display: flex; flex-wrap: wrap; position: relative; }
	table.shop_table.cart tbody tr:last-child { border: none !important; }
	table.shop_table.cart tbody td { display: block; }

	table.shop_table.cart tbody td.product-remove { right: 0; top: 0; padding: 0; text-align: center; border-bottom: none !important; position: absolute; }
	table.shop_table.cart tbody td.product-remove::before { display: none; }
	table.shop_table.cart tbody td.product-remove a { width: 40px; height: 40px; text-align: center; color: white !important; line-height: 40px; background-color: var(--color-silver); display: block; }

	table.shop_table.cart tbody td.product-thumbnail { width: 100%; }
	table.shop_table.cart tbody td.product-thumbnail::before { display: none; }

	table.shop_table.cart tbody td.product-name { width: calc(100% - 120px); }
	
	table.shop_table.cart tbody td.product-price { width: 120px; text-align: right; }

	table.shop_table.cart tbody td.product-quantity { width: calc(100% - 120px); text-align: left; background: var(--color-silver); border-bottom: none; }
	table.shop_table.cart tbody td.product-quantity::before { display: none; }
	table.shop_table.cart tbody td.product-quantity .quantity { margin: 0; padding-right: 0; display: flex; }
	table.shop_table.cart tbody td.product-quantity .quantity button { left: auto; bottom: auto; display: block; position: relative; }
	table.shop_table.cart tbody td.product-quantity .quantity button.plus { top: auto; }
	
	table.shop_table.cart tbody td.product-subtotal { width: 120px; text-align: right; background: var(--color-silver); border-bottom: none; }

	table.shop_table.cart tbody td.actions { width: 100%; padding: 0; }
	table.shop_table.cart tbody td.actions::before { display: none; }
	
	table.shop_table.cart tbody td.actions .coupon { margin-bottom: 20px; display: flex; flex-wrap: wrap; float: none; }
	table.shop_table.cart tbody td.actions .coupon input { width: 50%; }
	table.shop_table.cart tbody td.actions .coupon .button { width: calc(50% - 10px); }
	
	table.shop_table.cart tbody td.actions .button[name=update_cart] { width: 100%; float: none; }
	
	/* CART: Cart collaterals */
	.cart-collaterals { padding: 20px; }
	.cart-collaterals table.shop_table { display: block; } 
	.cart-collaterals table.shop_table tbody { display: block; }
	.cart-collaterals table.shop_table tbody tr { display: block; }
	.cart-collaterals table.shop_table tbody tr th { display: none; }
	.cart-collaterals table.shop_table tbody tr td { width: 100%; padding: 20px 10px; text-align: left; display: block; }
	.cart-collaterals table.shop_table tbody tr td::before { font-size: 16px; color: white; }
	.cart-collaterals table.shop_table tbody tr.shipping p { display: none; }
	
	/* ACCOUNT */
	.woocommerce-MyAccount-navigation ul { display: block; }
	.woocommerce-MyAccount-navigation ul:before { display: none; }
	.woocommerce-MyAccount-navigation ul li { width: 100%; margin: 0 0 1px; padding: 0; }
	.woocommerce-MyAccount-navigation ul li a { height: 50px !important; padding: 0 20px !important; text-align: left; line-height: 20px; border-color: #dbdde0 !important; display: flex; align-items: center; }	
	.woocommerce-MyAccount-navigation ul li a:hover, 
	.woocommerce-MyAccount-navigation ul li:hover a { text-decoration: underline !important; background: #dbdde0; }
	.woocommerce-MyAccount-navigation ul li.is-active a { border-bottom-color: #dbdde0; }
	
	/* ACCOUNT: Customer login */
	.u-columns.col2-set > div { width: 100%; }
	.u-columns.col2-set > div:nth-child(1) { padding: 30px 0; }
	.u-columns.col2-set > div:nth-child(2) { padding: 30px 0; }
	
	/* ORDERS */
	table.shop_table.woocommerce-orders-table { display: block; }
	table.shop_table.woocommerce-orders-table tbody tr { margin-bottom: 30px; border: 3px solid var(--color-body-text); display: flex; flex-wrap: wrap; position: relative; }
	table.shop_table.woocommerce-orders-table tbody tr td { display: block; }
	
	table.shop_table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-number { width: 50%; }
	table.shop_table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-date { width: 50%; text-align: right; }
	table.shop_table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-status { width: 50%; }
	table.shop_table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-total { width: 50%; text-align: right; }
	table.shop_table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-total .amount { display: block; }
	table.shop_table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions { border-bottom: none; }
	table.shop_table.woocommerce-orders-table tbody tr td.woocommerce-orders-table__cell-order-actions::before { display: none; }
	
	/* THANK YOU PAGE */
	.woocommerce-customer-details .addresses > div { width: 100%; padding: 30px 20px; border-right: 1px solid #eee; border-bottom: none; }
	.woocommerce-customer-details .addresses > div h2 { font-size: 20px !important; }
}

@media only screen and (max-width: 640px) { 

	/* PRODUCTS */
	ul.products li.product { width: calc(50% - 20px); }
	ul.products li.product:nth-child(3) { margin-top: 20px; }
	
	body.archive ul.products li.product { width: calc(50% - 20px); }
	body.archive ul.products li.product:nth-child(3) { margin-top: 20px; }
	
	ul.products li.product:not(li.product-category) { width: calc(50% - 20px); }
	ul.products li.product:not(li.product-category):nth-child(3) { margin-top: 20px; }
	
	/* PRODUCTS: Product category */
	ul.products li.product-category { width: calc(50% - 20px) !important; }
	ul.products li.product-category:nth-child(3) { margin-top: 20px !important; }
	ul.products li.product-category h2 mark { display: none; }
	
	/* PRODUCT: Summary */
	div.product .summary h1 { font-size: 25px !important; }
	
	/* PRODUCT: Tabs */
	div.product .wc-tabs-wrapper ul.tabs { flex-wrap: wrap; }
	div.product .wc-tabs-wrapper ul.tabs li { width: 100%; flex-grow: inherit; flex-basis: auto; }
	
	/* FORM */
	.form-row.form-row-first, 
	.form-row.form-row-last { width: 100%; float: none; }
}

@media only screen and (max-width: 480px) { 

	/* NOTICE */
	.woocommerce-message { display: flex; flex-wrap: wrap; }
	.woocommerce-message .button { width: 100%; margin-top: 20px; order: 2; }

	/* PRODUCTS: Entry */
	ul.products li.product .entry { padding-top: 0; }
	ul.products li.product .entry h3 a { font-size: 15px; }
	ul.products li.product .entry .price { font-size: 20px; }
	
	/* PRODUCTS: Product category */
	ul.products li.product-category { width: 100% !important; }
	ul.products li.product-category:nth-child(2) { margin-top: 20px !important; }
	
	/* PRODUCT: Summary */
	div.product .summary h1 { font-size: 30px; }
	
	/* CART */
	form.checkout_coupon .button { padding: 15px 10px; }
	.cart-collaterals .wc-proceed-to-checkout .button { width: 100%; height: auto; padding: 15px 10px; text-align: center; line-height: 20px; display: block; }

	/* FORM */
	.form-row label.woocommerce-form-login__rememberme { width: 100%; margin-bottom: 20px; display: block; }
	.form-row .button { width: 100%; height: auto; padding: 15px 10px; line-height: 20px; display: block; }
}

@media only screen and (max-width: 375px) { 

	/* PRODUCTS: Entry */
	ul.products li.product .entry h3 a { font-size: 14px; }
	/*
	.products { margin-left: 0; margin-right: 0; }
	ul.products li.product { width: 100%; margin: 20px 0 0; }
	ul.products li.product:nth-child(2) { margin-top: 20px; }
	ul.products li.product .entry h3 { min-height: auto; }
	
	body.archive ul.products li.product { width: 100%; }
	body.archive ul.products li.product:nth-child(2) { margin-top: 20px; }
	*/
}

@media only screen and (max-width: 320px) { 

}
