@import "../../css/_mixins.scss";
@import "../../css/_theme-vars.scss";

@mixin woocommerce--xl() {
	/* WooCommerce */
	.woocommerce .meals_wheels_shop_mode_buttons, .woocommerce-page .meals_wheels_shop_mode_buttons {
		font-size: 1.5em;
	}
    .woocommerce.widget_shopping_cart ul.cart_list li {
	    padding: 0 3em 1.7rem 4.85em;
    }
}

@mixin woocommerce--lg() {
	/* WooCommerce */
	.woocommerce .meals_wheels_shop_mode_buttons, .woocommerce-page .meals_wheels_shop_mode_buttons {
	    font-size: 1.5em;
	}
    .woocommerce-Tabs-panel #review_form input[type="text"],
    .woocommerce-Tabs-panel #review_form input[type="email"] {
	    padding: 1.393em 1.8em;
	}
    .woocommerce-Tabs-panel #review_form .wpgdprc-checkbox label {
	    letter-spacing: 0.1rem;
    }
    .woocommerce div.product form.cart div.quantity,
	.woocommerce-page div.product form.cart div.quantity,
	.woocommerce .shop_table.cart div.quantity,
	.woocommerce-page .shop_table.cart div.quantity,
	.woocommerce div.product form.cart .single_add_to_cart_button {
	    height: 61px;
    }
    .woocommerce .shop_mode_list ul.products li.product .post_featured,
	.woocommerce-page .shop_mode_list ul.products li.product .post_featured {
	    width: 50%;
	}
    .woocommerce-terms-and-conditions-wrapper label input[type="checkbox"]::before {
	    top: -0.07em;
	}
}

@mixin woocommerce--md() {
	/* WooCommerce */
	.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
		width: 40% !important;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		width:60%;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary,
	.woocommerce.sidebar_hide #content div.product div.summary, .woocommerce-page.sidebar_hide #content div.product div.summary, .woocommerce.sidebar_hide div.product div.summary, .woocommerce-page.sidebar_hide div.product div.summary {
		padding-left:2.5em;
	}
	.woocommerce.single_product_layout_stretched #content div.product div.summary, .woocommerce-page.single_product_layout_stretched #content div.product div.summary,
	.woocommerce.single_product_layout_stretched div.product div.summary, .woocommerce-page.single_product_layout_stretched div.product div.summary {
		width:56%;
		padding:2em !important;
	}
	.woocommerce .post_item_single .woocommerce-breadcrumb {
		margin-bottom: 2em;
	}
	.woocommerce div.product .woocommerce-product-rating, .woocommerce-page div.product .woocommerce-product-rating {
		margin-top:-4px;
	}
	.woocommerce div.product p.price {
		margin-bottom: 1em;
	}
	
	.post_featured.hover_shop_buttons .icons {
		font-size:12px;
	}
	
	.woocommerce .star-rating, .woocommerce-page .star-rating {
		margin-top:0;
	}

	.woocommerce ul.products li.product .yith_buttons_wrap {
		@include translateX(0);
		opacity: 1;
	}
	
	.single-product ul.products li.product .post_data {
		padding:1em;
	}
	.single-product ul.products li.product .post_data .post_header h3,
	.single-product ul.products li.product .post_data .post_header .woocommerce-loop-product__title {
		font-size: 1.25em;
	}
	.single-product ul.products li.product .post_data .price {
		margin: 0.5em 0;
	}
	.single-product ul.products li.product .post_data .add_to_cart_wrap + .button {
		margin-left: 0.5em;
	}
	.single-product ul.products li.product .post_data .button {
		padding: 0.85em 0.7em;
	}
	
	.woocommerce #content table.cart td.actions .coupon, 
	.woocommerce table.cart td.actions .coupon, 
	.woocommerce-page #content table.cart td.actions .coupon, 
	.woocommerce-page table.cart td.actions .coupon {
		float:left;
	}
	.woocommerce #content table.cart td.actions .coupon .button.alt, 
	.woocommerce #content table.cart td.actions .coupon .input-text + .button, 
	.woocommerce table.cart td.actions .coupon .button.alt, 
	.woocommerce table.cart td.actions .coupon .input-text + .button, 
	.woocommerce-page #content table.cart td.actions .coupon .button.alt, 
	.woocommerce-page #content table.cart td.actions .coupon .input-text + .button, 
	.woocommerce-page table.cart td.actions .coupon .button.alt, 
	.woocommerce-page table.cart td.actions .coupon .input-text + .button {
		float: left;
		width: auto;
	}
	.woocommerce #content table.cart td.actions .button, 
	.woocommerce table.cart td.actions .button, 
	.woocommerce-page #content table.cart td.actions .button, 
	.woocommerce-page table.cart td.actions .button {
		width: auto;
		display:inline-block;
	}
	.woocommerce-page #content table.cart .product-thumbnail, 
	.woocommerce-page table.cart .product-thumbnail {
		display: table-cell;
	}
	.woocommerce table.shop_table_responsive tbody th, 
	.woocommerce-page table.shop_table_responsive tbody th {
		display: table-cell;
	}	
	.woocommerce .woocommerce-checkout .woocommerce-shipping-fields {
		margin-top:2em;
	}
	
	.woocommerce-MyAccount-navigation ul li a {
		padding: 1em 0 0.6em;
	}
	.woocommerce-account .woocommerce-MyAccount-content .addresses.col2-set .col-1 {
		float:left;
		width: 48%;
	}
	.woocommerce-account .woocommerce-MyAccount-content .addresses.col2-set .col-2 {
		float:right;
		width: 48%;
	}
	
	.woocommerce ul.order_details {
		margin-bottom:2em;
	}
	.woocommerce ul.order_details li {
		float:none;
		@include font(1em, 1.3em);
		margin-top: 1em;
		border-right: none;
	}
	.woocommerce ul.order_details li strong {
		font-size: 1.15em;
	}

  .no-border .woocommerce ul.products li.product .post_featured {
	height: 215px;
	padding: 0 2rem;
  }
  .woocommerce ul.products.columns-4 li.product .woocommerce-loop-product__title {
	font-size: 1.311rem;
  }
  .post_featured.hover_shop .icons {
	margin-right: 0.8rem;
  }
  .woocommerce .widget_price_filter .price_slider_amount .button {
	margin-top: 3.4rem;
  }
  .single-product ul.products li.product a img,
  .single-product ul.products li.product a img,
  .single-product ul.products li.product a:hover img,
  .single-product ul.products li.product a:hover img {
	max-height: 190px;
	padding: 0 1rem;
  }
  .single-product ul.products li.product .post_featured {
	height: 260px;
  }

	.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .woocommerce-product-gallery__image > a {
		min-height: inherit;
	}
}

@mixin woocommerce--sm() {
	/* WooCommerce */
	.woocommerce ul.products, .woocommerce-page ul.products {
		margin-right: -20px;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product,
	.woocommerce[class*="columns-"] ul.products li.product, .woocommerce-page[class*="columns-"] ul.products li.product {
		padding: 0 20px 20px 0;
	}

	.woocommerce ul.products li.first, .woocommerce-page ul.products li.first {
		clear: none;
	}
	.woocommerce ul.products li:nth-child(2n+3), .woocommerce-page ul.products li:nth-child(2n+3) {
		clear: both;
	}
	.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images,
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		width:100% !important;
		float: none;
	}
	.woocommerce div.product div.images, .woocommerce #content div.product div.images, .woocommerce-page div.product div.images, .woocommerce-page #content div.product div.images {
		margin:0 0 2em;
	}
	.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
		padding-left:0 !important;
	}

	.woocommerce .shop_mode_list ul.products li.product .post_content, .woocommerce-page .shop_mode_list ul.products li.product .post_content {
		margin: 1em 0 1.2em;
	}
	
	
	.single-product div.product .trx-stretch-width-wrap {
		padding-top: 2em;
	}
	.single-product div.product .trx-stretch-width .woocommerce-tabs {
		padding-top:4em;
	}
	.single-product div.product .trx-stretch-width .woocommerce-tabs .panel {
		padding-top: 2em;
	}
	.single-product div.product .woocommerce-tabs .wc-tabs li,
	.single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs li {
		margin-bottom: 3px !important;
	}
	.single-product div.product .woocommerce-tabs .wc-tabs li a,
	.single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs li a {
		padding: 1.1em 2em 0.9em;
	}
	
	.woocommerce #reviews {
		margin: 0;
	}
	.woocommerce #reviews #comments,
	.woocommerce #comments + #review_form_wrapper {
		float: none;
		width: 100%;
		padding: 0;
	}
	.woocommerce #comments + #review_form_wrapper {
		margin-top: 2em;
	}

	.single-product .related {
		margin-top: 4em;
		padding-top: 3em;
	}
	.single-product ul.products li.product .post_data {
		padding:10px;
		opacity: 1;
	}
	.single-product ul.products li.product .post_data .post_header h3,
	.single-product ul.products li.product .post_data .post_header .woocommerce-loop-product__title {
		font-size: 18px;
	}
	.single-product ul.products li.product .post_data .price {
		margin: 10px 0;
	}

	.menu_mobile_nav li > ul.sc_layouts_submenu .woocommerce ul li > a {
		padding: 0.3em 0 !important;
		font-size: 1em;
	}

	.woocommerce table.cart,
	.woocommerce-page table.cart {
		opacity: 0;
		@include transition-property(opacity);
	}
	.woocommerce table.cart.inited,
	.woocommerce-page table.cart.inited {
		opacity: 1;
	}
	
	.woocommerce table.cart .product-remove,
	.woocommerce-page table.cart .product-remove,
	.woocommerce #content table.cart .product-remove,
	.woocommerce-page #content table.cart .product-remove {
		width: 12px;
	}
	.woocommerce table.cart thead tr .product-name, 
	.woocommerce-page table.cart thead tr .product-name{
		padding-left: 24px;
	}	
	.woocommerce table.cart thead tr .product-price, 
	.woocommerce-page table.cart thead tr .product-price{
		padding-right: 24px;
	}
	.woocommerce table.cart thead tr .product-remove, 
	.woocommerce-page table.cart thead tr .product-remove{
		width: 40px;
	}
	.woocommerce table.cart thead tr, 
	.woocommerce-page table.cart thead tr,
	.woocommerce table.cart .cart_item, 
	.woocommerce-page table.cart .cart_item {
		display: table-row;
	}
	.woocommerce table.cart .cart_item table, 
	.woocommerce-page table.cart .cart_item table {
		width: 100%;
	}
	.woocommerce table.cart .cart_item > td, 
	.woocommerce-page table.cart .cart_item > td{
		padding-bottom: 0;
	}
	.woocommerce table.cart td.product-name a,
	.woocommerce-page table.cart td.product-name a {
		display: inline-block;
		line-height: 1.5em;
	}
	.woocommerce #content table.cart .product-thumbnail, 
	.woocommerce table.cart .product-thumbnail, 
	.woocommerce-page #content table.cart .product-thumbnail, 
	.woocommerce-page table.cart .product-thumbnail {
		display: table-cell;
	}	
	.woocommerce table.shop_table tr:nth-child(n+1) th:first-child, 
	.woocommerce table.shop_table tr:nth-child(n+1) td:first-child, 
	.woocommerce table.shop_table td {
		border-width: 0;
	}
	.woocommerce table.shop_table tr:nth-child(n+1).second_row th:first-child, 
	.woocommerce table.shop_table tr:nth-child(n+1).second_row td:first-child, 
	.woocommerce table.shop_table .second_row td {
		border-bottom-width: 0;
	}
	.woocommerce table.cart td.actions .coupon .input-text, 
	.woocommerce #content table.cart td.actions .coupon .input-text, 
	.woocommerce-page table.cart td.actions .coupon .input-text, 
	.woocommerce-page #content table.cart td.actions .coupon .input-text {
		width: 9.3em;
	}
	.woocommerce table.shop_table .second_row td.product-subtotal:before {
		content: attr(data-title) + ":";
		display: block;
		float: none;
		font-weight: 400;
	}	
	.woocommerce .shop_table.cart div.quantity, 
	.woocommerce-page .shop_table.cart div.quantity {
		margin: 0;
	}
	.woocommerce table.cart.shop_table td {
		background-color: rgba(0,0,0,.025) !important;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation,
	.woocommerce-account .woocommerce-MyAccount-content {
		width: 100%;
		float: none;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation {
		border-top: 1px dotted #ddd;
		border-bottom: 1px dotted #ddd;
		margin-bottom: 2em;
	}
	.woocommerce-MyAccount-navigation,
	.woocommerce-MyAccount-content .woocommerce-Address-title a {
		font-size: 12px;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul {
		width: 100%;
		text-align:center;
		padding: 1em 0;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul li {
		display:inline-block;
	}
	.woocommerce-account .woocommerce-MyAccount-navigation ul li+li {
		border-top-width: 0;
	}
	.woocommerce-MyAccount-navigation ul li a {
		padding: 8px 10px;
	}

  .woocommerce ul.products.columns-4 li.product .post_data,
  .woocommerce-page ul.products.columns-4 li.product .post_data {
	padding: 1.45em 0 0.2em;
  }

  .post_featured.hover_shop .icons {
	margin-right: 0;
  }
  .woocommerce-Tabs-panel #review_form .wpgdprc-checkbox label {
	letter-spacing: 0.05rem;
  }
  .woocommerce .shop_mode_list ul.products li.product .post_featured {
	height: 280px;
  }
  .woocommerce table.cart td.actions .coupon + .button,
  .woocommerce #content table.cart td.actions .coupon + .button,
  .woocommerce-page table.cart td.actions .coupon + .button,
  .woocommerce-page #content table.cart td.actions .coupon + .button {
	float: left;
  }
  #customer_details .select2-container.select2-container--default span.select2-choice,
  #customer_details .select2-container.select2-container--default span.select2-selection {
	font-size: 11px;
  }

	.woocommerce ul.products li.product .post_featured {
		height: auto;
	}

	.woocommerce div.product div.images img {
		max-height: none;
	}

}

@mixin woocommerce--xs() {
	/* WooCommerce */
	.post_featured.hover_shop_buttons .icons a:before {
		display: none;
	}
	
	.woocommerce ul.products, .woocommerce-page ul.products {
		margin-right: 0;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
	.woocommerce ul.products[class*="columns-"] li.product, .woocommerce-page ul.products[class*="columns-"] li.product,
	.woocommerce[class*="columns-"] ul.products li.product, .woocommerce-page[class*="columns-"] ul.products li.product {
		padding: 0 0 20px 0;
	}
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product,
	.woocommerce ul.products[class*="column-"] li.product, .woocommerce-page ul.products[class*="column-"] li.product,
	.woocommerce ul.products li.product[class*="column-"], .woocommerce-page ul.products li.product[class*="column-"] {
		width: 100% !important;
	}

	.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
		float: none;
		clear: both;
	}
	
	.woocommerce ul.products li.product .onsale, .woocommerce-page ul.products li.product .onsale {
		font-size:9px;
	}
	.woocommerce ul.products li.product .post_header .post_tags {
		@include font(11px, 1.2em);
	}
	.woocommerce .shop_mode_thumbs ul.products li.product h3, .woocommerce-page .shop_mode_thumbs ul.products li.product h3 {
		@include font(1em, 1.25em);
	}
	
	.woocommerce .shop_mode_list ul.products li.product + li.product .post_item, .woocommerce-page .shop_mode_list ul.products li.product + li.product .post_item {
		padding-top: 4em;
	}
	.woocommerce .shop_mode_list ul.products li.product .post_featured, .woocommerce-page .shop_mode_list ul.products li.product .post_featured {
		float: none;
		margin: 0 0 2em 0;
		max-width: none;
		width: 100%;
	}
	.woocommerce div.product .woocommerce-product-rating, .woocommerce-page div.product .woocommerce-product-rating {
		float: none;
	}
	.woocommerce div.product p.price {
		line-height:1.25em;
	}
    .woocommerce ul.products li.product .post_data, .woocommerce-page ul.products li.product .post_data {
	    padding: 1.25em 0 0.2em;
    }
    .woocommerce-pagination>li:last-child {
	    margin-right: 0;
	    padding-right: 0;
	}
	
	.single-product div.product .trx-stretch-width-wrap {
		padding-top: 1em;
	}
	.single-product div.product .trx-stretch-width .woocommerce-tabs {
		padding-top:3em;
	}
	.single-product div.product .woocommerce-tabs .wc-tabs li a,
	.single-product div.product .trx-stretch-width .woocommerce-tabs .wc-tabs li a {
		padding: 1.1em 1em 0.9em;
		letter-spacing:0;
	}

	.woocommerce div.product .woocommerce-tabs h2, .woocommerce #content div.product .woocommerce-tabs h2, .woocommerce-page div.product .woocommerce-tabs h2, .woocommerce-page #content div.product .woocommerce-tabs h2,
	.woocommerce div.product .woocommerce-tabs h3, .woocommerce #content div.product .woocommerce-tabs h3, .woocommerce-page div.product .woocommerce-tabs h3, .woocommerce-page #content div.product .woocommerce-tabs h3 {
		letter-spacing:0;
		line-height:1.25em;
	}
	
	.woocommerce .product div:not(.yith_buttons_wrap) > .compare,
	.woocommerce .product div:not(.yith_buttons_wrap) > .yith-wcwl-add-to-wishlist {
		margin-bottom: 1em;
	}

	.single-product .related ul.products li.product {
		width: 100%;
	}
	.single-product ul.products li.product .post_data .add_to_cart_wrap + .button {
		margin-left: 1em;
	}
	.single-product ul.products li.product .post_data .button {
		padding: 0.85em 1.25em;
	}
	.single-product ul.products li.product .post_data .post_header .post_tags {
		@include font(11px, 13px);
	}
	.single-product ul.products li.product .post_data .post_header h3,
	.single-product ul.products li.product .post_data .post_header .woocommerce-loop-product__title {
		@include font(14px, 16px);
	}
	.single-product ul.products li.product .post_data .price {
		margin: 12px 0;
		font-size: 1.2em;
	}

	#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {
		line-height: 16px;
	}
	
	.woocommerce table.shop_table {
		letter-spacing:0;
	}
	
	.woocommerce table.shop_table_responsive thead, .woocommerce-page table.shop_table_responsive thead {
		display:table-header-group;
	}
	.woocommerce table.shop_table_responsive tbody th, .woocommerce-page table.shop_table_responsive tbody th {
		display:table-cell;
	}
	.woocommerce table.shop_table th {
		text-transform:none;
	}
	.woocommerce td.product-quantity {
		min-width: 0;
	}
	.woocommerce div.product form.cart div.quantity input[type="number"],
	.woocommerce-page div.product form.cart div.quantity input[type="number"],
	.woocommerce .shop_table.cart div.quantity input[type="number"],
	.woocommerce-page .shop_table.cart div.quantity input[type="number"] {
		font-size: 1em;
	}
	.woocommerce #content table.cart td.actions .coupon,
	.woocommerce table.cart td.actions .coupon,
	.woocommerce-page #content table.cart td.actions .coupon,
	.woocommerce-page table.cart td.actions .coupon {
		float: none;
		display:block;
	}
	.woocommerce table.cart td.actions .coupon .input-text,
	.woocommerce #content table.cart td.actions .coupon .input-text,
	.woocommerce-page table.cart td.actions .coupon .input-text,
	.woocommerce-page #content table.cart td.actions .coupon .input-text {
		padding-left: 0.5em;
		padding-right: 0.5em;
		float:left;
	}
	.woocommerce table.cart td.actions .coupon .input-text + .button,
	.woocommerce #content table.cart td.actions .coupon .input-text + .button,
	.woocommerce-page table.cart td.actions .coupon .input-text + .button,
	.woocommerce-page #content table.cart td.actions .coupon .input-text + .button {
		float:right;
	}
	.woocommerce table.cart td.actions .coupon + .button,
	.woocommerce #content table.cart td.actions .coupon + .button,
	.woocommerce-page table.cart td.actions .coupon + .button,
	.woocommerce-page #content table.cart td.actions .coupon + .button {
		width: 100%;
	}

    .woocommerce div.product .woocommerce-tabs ul.tabs li a,
	.woocommerce #content div.product .woocommerce-tabs ul.tabs li a,
	.woocommerce-page div.product .woocommerce-tabs ul.tabs li a,
	.woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {
	    padding: 1.73em 2.37em;
    }
    .single-product .related h2 {
	    font-size: 2.156rem;
	    line-height: normal;
    }
    .woocommerce .shop_mode_list ul.products li.product, .woocommerce-page ul.products li.product {
	    padding: 0 0 10px 0;
    }
  .woocommerce-page table.cart td.actions .coupon .input-text + .button,
  .woocommerce table.cart td.actions .coupon .input-text,
  .woocommerce #content table.cart td.actions .coupon .input-text,
  .woocommerce-page table.cart td.actions .coupon .input-text,
  .woocommerce-page #content table.cart td.actions .coupon .input-text {
	width: 100%;
  }
  #calc_shipping_country_field .select2-selection.select2-selection--single {
	padding: 0.32em 0.4em;
  }

	.woocommerce ul.products li.product a img,
	.woocommerce-page ul.products li.product a img {
		max-height: none;
	}

.woocommerce nav.woocommerce-pagination {
	border-top: 1px solid #ddd;
	padding-top: 2em;
	margin-top: 3em;
}

	.woocommerce .related.products .products .product .post_featured img {
		padding: 1rem;
	}



}