/******************************************************************************
 * Shop                                                                        *
 ******************************************************************************/

.awf-filter-container label {
	line-height: 1.4em !important;
}

.products.columns-4 {
	grid-area: products;
}

.woocommerce-pagination {
	grid-area: pages;
}

.filters-container {
	position: absolute;
	top: 95px;
	left: 2vw;
	width: 96vw;
	display: none;
	z-index: 9999;
}

.awf-reset-btn {
	width: 100%;
}

/******************************************************************************
 * Cart                                                                        *
 *   |                                                                         *
 *   -> Cross Sells / Cart Totals                                              *
 ******************************************************************************/

.cross-sells,
.cart_totals,
.shop_table {
	border: none !important;
}

.cart_totals.e_tile {
	padding: 10px !important;
}

.energia-cross-sells-title,
.energia-cart-totals-title {
	margin: 0 !important;
	background-color: transparent !important;
	padding: 0 0 10px 10px !important;
	border: none !important;
}

.shop_table td.align_end {
	text-align: end !important;
}

.cross-sells li.product {
	padding: 0 !important;
}

.checkout-button {
	margin: 0 !important;
}

.shop_table thead {
	background-color: white !important;
}

tbody tr.cart-subtotal th {
	width: 70% !important;
}

.woocommerce-cart-form {
	margin-top: 14px;
}

.cart-collaterals {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto 1fr;
	row-gap: 12px;
	grid-template-areas:
		"cross-sells"
		"rewards"
		"summary";
}

.cross-sells {
	/* width: 64% !important; */
	width: 100% !important;
	grid-area: cross-sells;
	margin: 0 !important;
	align-self: start;
	padding: 0 !important;
}

.cart_totals {
	/* width: 32% !important; */
	width: 100% !important;
	margin: 0 !important;
	grid-area: summary;
	align-self: start;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Header                                                                 *
 ******************************************************************************/

.energia-checkout-header {
	display: grid;
	grid-template-columns: 20% 56% 20%;
	-moz-column-gap: 2%;
	column-gap: 2%;
	grid-template-areas: "logo title button";
}

#energia-checkout-logo-link {
	grid-area: logo;
	max-width: 160px;
}

#energia-checkout-title {
	grid-area: title;
	align-self: center;
	justify-self: center;
	color: var(--e-primary);
	font-weight: bold;
	font-family: var(--g-font-family);
	font-size: 20px !important;
}

#energia-checkout-back-to-shop {
	padding: 10px !important;
	grid-area: button;
	align-self: center;
	justify-self: end;
	font-size: 10px;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 ******************************************************************************/

.woocommerce-checkout-grid {
	display: grid;

	grid-template-columns: 1fr;
	grid-template-areas:
		"info"
		"."
		".";
}

.woocommerce-checkout-grid .woocommerce-info,
div.woocommerce-NoticeGroup.woocommerce-NoticeGroup-checkout {
	grid-area: info;
	margin: 0;
}

#checkout-progress-checkpoint-contact {
	grid-area: progress_1;
}

#checkout-progress-checkpoint-address {
	grid-area: progress_2;
}

#checkout-progress-checkpoint-payment {
	grid-area: progress_3;
}

.woocommerce form.checkout {
	margin-top: 24px;
}

#order_comments {
	min-height: 160px;
}

#order_review {
	grid-area: review;
	align-self: start;
}

.woocommerce-password-strength {
	border-radius: 12px;
}

.energia-shipping-methods li img.energia-shipping-method-icon {
	max-width: 60vw;
}

.progress-all-complete {
	margin-bottom: 24px;
}

#inpost-select-paczkomat-button {
	padding: 10px;
}

/* Form-Pay -> Pay for order from my account */
form#order_review {
	margin-top: 24px;

	display: grid;
	grid-template-areas: "address review" "payment-method review" "payment review";
	grid-template-columns: 1fr 1fr;
	-moz-column-gap: 24px;
	column-gap: 24px;
	row-gap: 24px;
}

form#order_review .shop_table.woocommerce-checkout-review-order-table {
	grid-area: review;
	align-self: start;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Order Review                                                       *
 ******************************************************************************/

#order_review {
	grid-area: review;
	align-self: start;
	width: 100% !important;
	border-style: none !important;
	padding: 0 !important;
}

.checkout .woocommerce-account-fields .create-account {
	margin: 0;
	padding: 0;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Checkout progress                                                  *
 ******************************************************************************/

.checkout-progress-checkpoint {
	display: grid;
	grid-template-rows: 40px 1fr;
	row-gap: 5px;

	height: 100%;
	padding: 3px;
	margin: 1px;
}

.checkout-progress-checkpoint-icon {
	border: 3px solid rgb(125, 125, 125);
	border-radius: 100%;
	transition: border 500ms ease-in-out;
	margin: auto;
	height: 50px;
	width: 50px;

	position: relative;
}
.checkout-progress-checkpoint-icon.is-active {
	border: 3px solid var(--e-primary);
}

.checkout-progress-checkpoint-icon > i {
	color: rgb(125, 125, 125);
	transition: color 500ms ease-in-out;
	font-size: 30px;

	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.checkout-progress-checkpoint-icon.is-active > i {
	color: var(--e-primary);
}

.checkout-progress-checkpoint-line {
	border: 2px solid var(--e-primary);

	width: 0;
	margin: 14px auto 3px auto;

	height: 98%;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Address Card                                                       *
 ******************************************************************************/

#ship-to-different-address {
	margin: 2px 0px 2px 0px !important;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Shipping methods                                                   *
 ******************************************************************************/

.energia-shipping-method-label {
	display: block;
}

.energia-shipping-method-details {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	margin-left: 28px;
}

.energia-shipping-method-details .price {
	font-weight: bold;
	align-self: start;
	min-width: 60px;
	text-align: end;
}

#selected-paczkomat {
	margin-bottom: 4px;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Payment Card                                                       *
 ******************************************************************************/

.wc_payment_method {
	align-self: start;
	margin: 0 !important;
	display: grid !important;
	grid-template-rows: auto 1fr;
	grid-template-areas:
		"label"
		"content";
	width: 100%;
	padding: 10px !important;
}

.payment_box {
	grid-area: content;
}

.energia-payment-method-icon .wc-stripe-card-icons-container {
	display: flex;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Payment Method                                                     *
 *           |                                                                 *
 *           -> Payment Method Label                                           *
 ******************************************************************************/

.energia-payment-method-label,
.energia-shipping-method-label {
	grid-area: label;
	position: relative;
	width: 100%;
}

.energia-radio-label.payment_label {
	display: grid;
	grid-template-columns: auto 80px;
	-moz-column-gap: 2%;
	column-gap: 2%;

	grid-template-areas: "label icon";
}

.energia-payment-method-icon {
	grid-area: icon;
	justify-self: end;
}

.energia-shipping-method-icon {
	margin-left: 28px;
}

.energia-payment-method-name {
	grid-area: label;
	align-self: center;

	margin-left: 28px !important;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Payment Card                                                       *
 *           |                                                                 *
 *           -> Radio buttons                                                  *
 ******************************************************************************/

.wc_payment_method:hover,
.wc_payment_method:hover .payment_box,
.wc_payment_method:hover .energia-payment-method-label,
.energia-shipping-method:hover,
.energia-radio-label.shipping-method-label:hover {
	cursor: pointer;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Order Review                                                       *
 ******************************************************************************/

.energia-order-total > th,
.energia-order-total > td {
	border: none !important;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Manual Coupon                                                      *
 ******************************************************************************/

.coupon-error-message {
	margin-left: 10px;
	margin-top: 8px;
	color: red;
}

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Energia Reward                                                     *
 ******************************************************************************/

/******************************************************************************
 * Checkout                                                                    *
 *   |                                                                         *
 *   -> Form                                                                   *
 *       |                                                                     *
 *       -> Payment button                                                     *
 ******************************************************************************/

.energia-place-order {
	padding: 0 !important;
}

.woocommerce-checkout-payment {
	margin-top: 24px;
}

/******************************************************************************
 * Single Product Page                                                         *
 ******************************************************************************/

.product_title.entry-title {
	font-size: 20px;
	grid-area: title;
	margin-bottom: 20px !important;
}

.woocommerce-breadcrumb {
	grid-area: breadcrumbs;
	margin: 0 !important;
	font-size: 1.2em !important;
}

#single-product-left-column {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	row-gap: 24px;

	grid-template-areas:
		"gallery"
		"info";
}

.flex-control-nav {
	width: 130% !important;
	left: -15% !important;
	position: relative;
}

#single-product-right-column {
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: auto auto 1fr;
	row-gap: 24px;

	grid-template-areas:
		"summary"
		"upsells"
		"related";
}

.upsells {
	grid-area: upsells;
	align-self: start;
}

#energia-related-products {
	grid-area: related;
	align-self: start;
}

.summary.e_tile {
	display: grid;
	grid-template-areas:
		"excerpt"
		"price"
		"preorder"
		"shipping"
		"stock"
		"cart";
}

.woocommerce-product-details__short-description {
	grid-area: excerpt;
	line-height: 1.2em !important;
}

.price {
	grid-area: price;
	justify-self: start;
	align-self: end;
}

.quantity {
	grid-area: qty;
}

.energia-checkout-shipping-date-info {
	margin-bottom: 24px;
}

.energia-checkout-shipping-date-info.is-preorder {
	background-color: #fbf1dee8;
	border: 2px solid orange;
}

.woocommerce div.product .stock.out-of-stock.is-preorder,
.energia-checkout-shipping-date-info .stock.in-stock.is-preorder {
	color: #77a464;
}

/******************************************************************************
 * Landing Page                                                                *
 ******************************************************************************/

/******************************************************************************
 * Landing Page                                                                *
 *   |                                                                         *
 *   -> Main content                                                           *
 ******************************************************************************/

/******************************************************************************
 * Landing Page                                                                *
 *   |                                                                         *
 *   -> Main content                                                           *
 *       |                                                                     *
 *       -> News                                                               *
 ******************************************************************************/

#energia-latest-news {
	grid-area: news;
	position: relative;
}

/******************************************************************************
 * Landing Page                                                                *
 *   |                                                                         *
 *   -> category carousels                                                     *
 ******************************************************************************/

/******************************************************************************
 * Categories Page                                                             *
 ******************************************************************************/

#energia-categories-page {
	display: grid;

	grid-template-columns: 1fr;
	grid-template-rows: auto 1fr;
	row-gap: 12px;
	grid-template-areas:
		"heading"
		"content";
	margin: 24px 4vw;
}

#energia-categories-page-heading {
	grid-area: heading;
}

#energia-categories-page-content {
	grid-area: content;
	display: grid;
	grid-template-columns: 1fr 1fr;
	-moz-column-gap: 4vw;
	column-gap: 4vw;
	row-gap: 4vw;
}

/******************************************************************************
 * Media - Desktop                                                             *
 ******************************************************************************/

@media only screen and (min-width: 1200px) {
	/******************************************************************************
	 * Categories Page                                                             *
	 ******************************************************************************/

	#energia-categories-page {
		-moz-column-gap: 2%;
		column-gap: 2%;
		margin: 24px auto;
	}

	#energia-categories-page-content {
		grid-template-columns: repeat(5, 1fr);
		-moz-column-gap: 20px;
		column-gap: 20px;
		row-gap: 20px;
	}

	/******************************************************************************
	 * Shop Page                                                                   *
	 ******************************************************************************/

	.mobile-open-filters {
		display: none;
	}

	.filters-container {
		position: static;
		display: block;
		width: 100%;
		/* grid-area: filter; */
		z-index: 9;
		align-self: start;
	}

	/******************************************************************************
	 * Cart                                                                        *
	 ******************************************************************************/

	.cart-collaterals {
		grid-template-columns: 2fr 1fr;
		-moz-column-gap: 4%;
		column-gap: 4%;
		grid-template-rows: auto 1fr;
		row-gap: 24px;
		grid-template-areas:
			"cross-sells rewards"
			"cross-sells summary";
	}

	.energia_mini_cart_item_qty_button {
		display: inline-block;
		padding: 2px 5px;
		border-radius: 3px !important;
		align-self: center;
		font-size: 23px;
		width: 28px;
		height: 28px;
	}

	.energia_mini_cart_item_qty_button:hover {
		background-color: var(--e-primary-hover);
	}

	.energia_mini_cart_item_qty_button.qty_plus {
		padding: 0px 5px;
	}

	/******************************************************************************
	 * Checkout                                                                    *
	 ******************************************************************************/

	.woocommerce-checkout-grid {
		grid-template-columns: 1fr 1fr;
		-moz-column-gap: 6%;
		column-gap: 6%;
		grid-template-areas:
			"info info"
			". .";
	}

	.energia-shipping-methods li img.energia-shipping-method-icon {
		max-width: 100%;
	}

	.progress-all-complete {
		margin-bottom: 100px;
	}

	.energia-checkout-header {
		grid-template-columns: 20% 1fr 20%;
	}

	#energia-checkout-back-to-shop {
		padding: 10px 20px !important;
		font-size: 16px;
	}

	#energia-checkout-title {
		font-size: 2.6666666666667rem !important;
	}

	.checkout-progress-checkpoint {
		margin: 1px 24px 1px 34px;
	}

	.coupon-error-message {
		margin-left: 10px;
		margin-top: 8px;
		color: red;
	}
}