@import "colors";
@import "mixins";

.header_wooc_cart {
	float: right;
	position: relative;

	ul.cart_list .variation {
		margin-left: 47px;
		padding-left: 0;
		border-left: none;
		overflow: hidden;
		margin-top: 10px;
		color: #fff;
		margin-bottom: 0;

		dd,dt {
			line-height: 10px;
			display: inline;

			p {
				display: inline;
			}
		}
	}

	.quantity {
		margin-left: 47px;
		display: block;
	}

	&:hover {
		.widget_shopping_cart_content {
			display: block;
		}
	}

	.cart_total {
		width: auto;
		height: 50px;
		line-height: 50px;
		background: $cta;
		color: $white;
		padding: 0 20px;
		font-size: 14px;

		&:hover {
			background-color: rgba($dark, 0.1);
		}

		i {
			color: #fff;
			margin-bottom: -2px;
			margin-right: 15px;
		}
	}

	.cart_total,
	.widget_shopping_cart_content {
		float: right;
		clear: both;
	}

	.widget_shopping_cart_content {
		display: none;
		position: absolute;
		top: 46px;
		right: 0;  
		z-index: 999;
		width: 310px;
		background-color: $white;
		background: $complementary;
	}
}

.widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
	border-top: none;
}

.widget ul.product_list_widget li {
	margin-bottom: 15px;
	padding-top: 0;
	padding-bottom: 0;

	img {
		width: 50px;
		margin-right: 15px;
	}
}

.widget_shopping_cart_content {
	padding: 30px;

	ul.cart_list {
		border-bottom: 1px solid rgba($dark, 0.3);
		list-style: none;
		padding-left: 0;

		li {
			padding-top: 0;
			padding-bottom: 15px;
			
			img {
				float: left;
				margin-left: 0;
				margin-right: 15px;
				width: 32px;
				height: auto;
			}

			a {
				font-weight: 400;
				line-height: 14px;
				display: block;
			}
		}

		a.remove {
			float: right;
			display: inline-block;
			position: relative;
			z-index: 3;
			line-height: 1;
		}
	}

	p.total {
		padding: 15px 0;
		text-align: right;
	}

	p.buttons {
		margin-bottom: 0;

		.button {
			display: inline-block;
			width: 47%;
			line-height: 35px;
			padding: 0;
			text-align: center;
			font-weight: 400;
			border-radius: 0;

			&.checkout {
				margin-left: 3%;
			}
		}
	}
}

#header_part_default .small .header_wooc_profile_wrapper {
	top: -10px;
}

#header_part_default .large .header_wooc_profile_wrapper {
	top: -70px;
}

.layout-fluid .header_wooc_profile_wrapper {
	right: 30px;
}

.header_wooc_profile_wrapper {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 30px;

	&:hover {
		.header_wooc_profile {

			&:before,
			ul {
				display: block;
			}
		}
	}

	.header_wooc_profile {
		float: left;
		position: relative;

		&:before {
			content: '';
			width: 0;
			height: 0;
			display: block;
			border: 10px solid transparent;
			border-bottom-color: $complementary;
			position: absolute;
			bottom: -10px;
			left: -4px;
			display: none;
		}

		&:hover {
			cursor: pointer;
		}

		ul {
			position: absolute;
			list-style-type: none;
			left: -92px;
			background: #fff;
			width: 195px;
			background-color: $complementary;
			padding: 35px;
			display: none;
			top: 40px;
			z-index: 999;

			li {
				margin-bottom: 10px;

				&:last-of-type {
					margin-bottom: 0;
				}

				a {
					color: $white;

					&:hover {
						opacity: 0.6;
					}
				}

				&.current-menu-item {
					a {
						font-weight: 700;
					}
				}
			}
		}

		svg {
			fill: $complementary;
		}
	}

	span {
		float: left;
		display: inline-block;

		&.avatar {
			overflow: hidden;
			border-radius: 50%;
			height: 20px;
			margin-top: 5px;

			img {
				vertical-align: baseline;
			}
		}

		&.name {
			padding: 0 15px;
			font-size: 16px;
			text-transform: capitalize;
		}
	}
}

h1.page-title {
	font-size: 24px;
	margin-top: 0;
	margin-bottom: 0;
}

.woocommerce-result-count {
	font-size: 14px;
	margin-bottom: 4px;
}

.woocommerce .woocommerce-ordering {
	margin-top: -25px;

	select {
		height: 50px;
		line-height: 50px;
		padding: 0 20px;
		border: none;
		-webkit-appearance: none;
		appearance: none;
		background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0iaWNvbm1vbnN0ciIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTIiIGhlaWdodD0iMTIiIHZpZXdCb3g9IjAgMCAyNCAyNCI+CiAgPHBhdGggaWQ9ImFycm93LTI1IiBjbGFzcz0iY2xzLTEiIGQ9Ik0yMSw1bDMsMy4wNTdMMTIsMjAsMCw4LjA1NywzLDVsOSw5WiI+PC9wYXRoPgo8L3N2Zz4=");
		background-position: 93% 49%;
		background-repeat: no-repeat;

		font-size: 14px;
	}
}

.woocommerce ul.products {
	padding-top: 30px;
}

.woocommerce span.onsale {
	background-color: $complementary;
	text-transform: uppercase;
	border-radius: 0;
	line-height: 30px;
	min-height: 30px;
	font-size: 14px;
	padding: 0 10px;
}

.woocommerce ul.products li.product .onsale {
	margin: 0;
	top: 20px;
}

.woocommerce ul.products li.product a img {
	margin-bottom: 20px;
}

.woocommerce ul.products li.product h3 {
	padding: 0;
	font-size: 16px;
	line-height: 18px;
	color: $dark;
	font-weight: 700;
	margin-bottom: 10px;
	@extend .transition;

	&:hover {
		opacity: 0.7;
	}
}

.woocommerce .star-rating:before,.woocommerce .star-rating span:before { color: $cta; }

.woocommerce ul.products li.product .price {
	color: $dark;
	font-size: 16px;
}
.woocommerce ul.products li.product .price { margin-bottom: 0; }
.woocommerce ul.products li.product .price del { display: inline; }
.woocommerce ul.products li.product .price ins {
	text-decoration: none;
	font-weight: 400;
}

.woocommerce ul.products li.product .button {
	line-height: 32px;
	font-weight: 400;
	margin-top: 20px;
	text-align: center;
	padding: 0 10px;
	border-radius: 0;
	font-size: 14px;
}

.woocommerce a.added_to_cart {
	font-size: 12px;
}

.woocommerce nav.woocommerce-pagination {
	background-color: #fff;
	height: 80px;
	position: relative;

	ul {
		margin-top: 20px;
		border: none;

		li {
			border: none;
			margin: 0 5px;

			span.current {
				background-color: $cta;
				color: $white;
			}

			span,a {
				padding: 10px;
				font-weight: 700;
			}

			a {
				background-color: $background;
				color: $dark;

				&.prev,
				&.next {
					position: absolute;
					color: $cta;
					background-color: transparent;
					font-size: 18px;
				}
				
				&.prev {
					left: 30px;
				}

				&.next {
					right: 30px;
				}
			}
		}
	}
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	border-radius: 0;
	font-weight: 700;
}

.woocommerce-account .woocommerce-MyAccount-content {
	width: 100%;
	float: none;

	fieldset {
		background-color: $background;	
		padding: 30px;

		legend {
			border: none;
			padding-top: 70px;
			margin-bottom: 0;
			font-size: 24px;
		}
	}

	input[type="submit"] {
		float: right;
		margin-top: 30px;
	}


	.woocommerce-Addresses {
		margin-top: 40px;
		padding-top: 40px;
		border-top: 1px solid rgba($dark, 0.3);
	}

	address {
		font-style: none;
	}
}

.formatting .woocommerce {
	color: $dark;


	.select2-container .select2-choice,
	input[type="email"],
	input[type="password"],
	input[type="tel"] {
		height: 50px;
		line-height: 50px;
	}
	input[type="tel"] {
		padding-left: 10px;
	}

	table.shop_table {
		border-radius: 0;
		border-left: none;
		border-right: none;

		tbody tr:first-of-type {
			background-color: $white;
		}

		.button {
			font-weight: 400;

			&[name="update_cart"] {
				height: 52px;
			}
		}
	}

	table.cart {
		td {
			padding: 20px 12px;

			&.actions {
				.coupon {
					width: 70%;

					input {
						line-height: 46px;
					}

					.input-text {
						width: 70%;
						line-height: 48px;
						padding: 0 20px;
						margin-right: 0;
					}

					.button {
						float: left;
						width: 29%;
						padding: 0;
					}
				}
			}
		}
	}

	form.login {
		border: none;
		padding: 0;

		input[type="submit"] {
			margin-right: 30px;
			margin-top: 30px;
		}

		.form-row.form-row-wide {
			width: 47%;
			float: left;
			margin-right: 3%;
			clear: none;
		}
	}

	.product-subtotal .woocommerce-Price-amount {
		font-weight: 700;
	}

	ul.products {
		list-style: none;

		li:before {
			display: none;
		}
	}

	.cart_totals {
		td,th {
			padding: 17px 15px;
			font-size: 24px;
		}

		th {
			background-color: rgba($dark, 0.05);
		}

		tr {
			border-color: rgba($dark, 0.6);
		}

		table {
			margin-bottom: 0;
		}
	}

	.wc-proceed-to-checkout {
		padding-top: 0;

		.checkout-button.button {
			padding: 0;
			line-height: 50px;
			font-size: 18px;
		}
	}

	form.checkout_coupon {
		border-radius: 0;
		margin-top: 0;
		border: none;
		background-color: rgba($dark, 0.05);
		margin-top: -33px;
	}

	.woocommerce-error, .woocommerce-info, .woocommerce-message {
		background-color: rgba($dark, 0.05);
	}

	.woocommerce-error li:before {
		display: none;
	}

	.checkout_coupon {
		p {
			margin: 0;
			float: left;

			&.form-row.form-row-first {
				width: 70%;
			}

			&.form-row.form-row-last {
				width: 30%;

				input { 
					width: 100%;
					height: 53px;				
				}
			}
		}
	}

	#customer_details {
		.col-1,.col-2 {
			width: 100%;
			float: none;
		}

		h3 {
			margin-bottom: 10px;
		}

		.col-2 {
			margin-top: 30px;
		}

		input {
			line-height: 50px;
		}
	}

	#order_review_heading {
		margin-bottom: 15px;
		margin-top: 30px;
	}

	.woocommerce-checkout #payment {
		border-radius: 0;
	}

	.button#place_order {
		// background-color: $cta;
	}

	.woocommerce-validated input {
		border: 1px solid green;
	}

	.woocommerce-invalid input {
		border: 1px solid $cta;
	}

	.woocommerce-thankyou-order-details {
		border-top: 1px solid rgba($dark, 0.2);
		padding-top: 30px;

		li {
			border: none;
			text-transform: none;
			font-size: 14px;

			strong {
				font-size: 16px;
			}

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

.woocommerce-order-received .shop_table.order_details {
	tfoot {
		background-color: rgba(26,26,26,0.1);

		tr:first-of-type {
			background: transparent;
		}
	}

}

.woocommerce-order-received .shop_table.customer_details {
	tbody th {
		background-color: rgba(26,26,26,0.1);
	}
}

.woocommerce form .form-row label, .woocommerce-page form .form-row label {
	text-transform: uppercase;
	color: $dark;
	font-weight: 600;

	&.inline {
		text-transform: none;
		font-weight: 400;
	}
}

.product-single-wrapper div.product {
	-ms-word-wrap: break-word;
	word-wrap: break-word;

	span.onsale {
		top: 70px;
		left: 50px;
	}

	.summary {
		padding-top: 50px;
		padding-right: 50px;

		.woocommerce-product-rating,
		.product_title {
			margin-bottom: 20px;
		}

		.price {
			.woocommerce-Price-amount { 
				color: $cta; 
				font-weight: 700;
			}

			ins {
				text-decoration: none;
				color: $cta;
			}
		}

		.single_add_to_cart_button {
			width: 79%;
			height: 50px;
			float: right;
		}

		.quantity .qty {
			height: 50px;
			line-height: 50px;
		}

		form.cart {
			margin: 30px 0;
		}
	}

	.variations {
		padding: 15px 0;
		margin-bottom: 30px;
		display: inline-block;

		select {
			height: 50px;
			line-height: 50px;
			padding: 0 10px;
		}

		label { 
			color: $dark; 
			line-height: 50px;
			font-size: 16px;
			text-transform: uppercase;
		}
	}

	.images {
		padding-top: 50px;
		padding-left: 50px;
	}

	.woocommerce-tabs {

		.panel {
			padding: 0 50px 50px 50px;
			margin-bottom: 0;
			background-color: transparent;

			h2 {
				margin-top: 0;
			}
		}

		ul.tabs {
			padding: 0 45px;
			margin-bottom: 50px;

			li:before,
			li:after {
				display: none;
			}

			li {
				border-radius: 0;
				background-color: $white;
				margin: 0 5px;

				a {
					font-weight: 400;
				}
			}
		}

		.woocommerce-Reviews-title {
			font-size: 24px;
		}
	}

	.upsells.products {
		padding: 0 50px;
	}

	.group_table {
		width: 100%;
		margin-top: 30px;
	}
}

.woocommerce .related.products {
	margin-top: 30px;
}

.woocommerce #reviews #comments {
	padding: 0;
	border-bottom: 1px solid rgba($dark, 0.3);

	ol {
		padding-left: 0;

		&.commentlist {
			li {
				img.avatar {
					width: 50px !important;
					height: 50px !important;
					border: none !important;
					background: transparent !important;
					padding: 0 !important;
				}

				.comment-text {
					border: none;
					padding-top: 0;

					p.meta {
						margin-bottom: 0;

						strong {
							font-size: 16px;
							color: $dark;
						}
					}
				}

				.star-rating {
					float: left;
					clear: both;
					margin: 10px 0;
				}

				.description {
					clear: both;
				}
			}
		}
	}
}

.woocommerce #review_form_wrapper {
	margin-top: 50px;
	position: relative;

	#reply-title {
		font-size: 24px;
	}

	.comment-form-rating {
		position: absolute;
		top: 0;
		right: 0;
		width: 23%;

		label {
			width: auto;
			display: inline-block;
			float: left;
			margin-bottom: 0;
			text-transform: none;
			font-style: italic;
			font-size: 14px;
			color: rgba($dark, 0.5);
		}

		.stars {
			float: right;
			margin: 0 !important;

			span {
				margin-top: 3px;
			}
		}
	}

	.comment-form-comment {
		margin-bottom: 30px;
	}

	#commentform {
		margin-top: 20px;

		.form-submit input {
			padding: 20px;
			font-weight: 600;
		}
	}
}

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page 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: 46.5%;
}

.woocommerce_breadcrumb {
	font-size: 14px;
}

.breadcrumb_row {
	position: relative;
	top: -55px;
    margin-bottom: -20px;
}

.three-column-default,
.three-column-center,
.three-column-reversed {
	.formatting .woocommerce form.login .form-row.form-row-wide {
		width: 100%;
		margin-right: 0;
	}
}

.woocommerce .woocommerce-MyAccount-content .form-row input[type="text"] {
	line-height: 50px;
	padding: 0 20px;
}

@media screen and (max-width: 992px) {
	.woocommerce-pagination {
		margin-bottom: 50px;
	}

	.header_wooc_profile_wrapper span.name {
		display: none;
	}

	.header_wooc_profile_wrapper {
		right: 30px;

		.header_wooc_profile {
			margin-right: 20px;
		}
	}

	.woocommerce-page div.product div.images {
		width: 100%;
		padding-right: 50px;
	}

	.woocommerce div.product div.summary {
		padding-top: 0;
		padding-left: 50px;
		width: 100%;
	}

	.product-single-wrapper div.product .summary .quantity .qty {
	}

	.woocommerce div.product form.cart .button {
		margin-top: 2px;
		float: right;
	}
	
	.woocommerce #review_form_wrapper .comment-form-rating {
		width: 40%;
		position: relative;
		overflow: hidden;
	}
}

@media screen and (max-width: 560px) {
	.woocommerce ul.products li.product, .woocommerce-page ul.products li.product, .woocommerce-page[class*=columns-] ul.products li.product, .woocommerce[class*=columns-] ul.products li.product {
		width: 100%;
	}

	.woocommerce #review_form #respond textarea {
		margin-top: 4px;
	}
	
	.formatting .woocommerce table.cart td.actions .coupon,
	.woocommerce-page table.cart td.actions .coupon {
		width: 100%;
	}
}

input#coupon_code {
	line-height: 48px;
}

.widget.widget_layered_nav .count {
	float: right;
	font-weight: bold;
}

.woocommerce-message {
	line-height: 35px;

	&:before {
		margin-top: 2px;
	}
}

// Buttons classes
.buttons_solid.woocommerce a.button,
.buttons_solid .woocommerce a.button,
.buttons_solid.woocommerce .price_slider_amount .button,
.buttons_solid .wc-proceed-to-checkout .checkout-button.button,
.buttons_solid.woocommerce button.button.alt,
.buttons_solid.woocommerce #respond input#submit,
.buttons_solid .widget_shopping_cart_content p.buttons .button,
.buttons_solid .formatting .woocommerce .return-to-shop a.button,
.buttons_solid .woocommerce button.button, 
.buttons_solid .woocommerce input.button {
	background-color: $cta;
	border: 2px solid transparent;

	&:hover {
		background-color: transparent;
		border-color: $cta;
	}
}

.buttons_border.woocommerce a.button,
.buttons_border .woocommerce a.button,
.buttons_border.woocommerce .widget_price_filter .price_slider_amount .button,
.buttons_border .wc-proceed-to-checkout .checkout-button.button,
.buttons_border.woocommerce button.button.alt,
.buttons_border.woocommerce #respond input#submit ,
.buttons_border .widget_shopping_cart_content p.buttons .button,
.buttons_border .formatting .woocommerce .return-to-shop a.button,
.buttons_border .woocommerce button.button, 
.buttons_border .woocommerce input.button {
	background-color: transparent;
	border: 2px solid $cta;
	color: $cta;

	&:hover {
		background-color: $cta;
		opacity: 1;
		color: #fff;
	}
}

.buttons_solid .widget_shopping_cart_content p.buttons .button:first-of-type,
.buttons_border .widget_shopping_cart_content p.buttons .button:first-of-type {
	background-color: transparent;
	border: none;
	color: $cta;

	&:hover {
		opacity: 0.7;
	}
}

.buttons_rounded.woocommerce a.button,
.buttons_rounded .woocommerce a.button,
.buttons_rounded.woocommerce .price_slider_amount .button,
.buttons_rounded .wc-proceed-to-checkout .checkout-button.button,
.buttons_rounded.woocommerce button.button.alt,
.buttons_rounded.woocommerce #respond input#submit,
.buttons_rounded .widget_shopping_cart_content p.buttons .button,
.buttons_rounded .formatting .woocommerce .return-to-shop a.button,
.buttons_rounded .woocommerce button.button, 
.buttons_rounded .woocommerce input.button {
	border-radius: 50px;
}