/**
* 2007-2024 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2024 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

:root {
	--primary : var(--primary-green-1);
}

/* ============================================================
  Cart sidebar
============================================================ */
#blockcart-modal,
.modal-backdrop.in {
	display : none !important;
}

.cart-sidebar-wrapper {
	width           : 100%;
	height          : 100vh;
	background      : rgba(0 0 0 / 0.3);
	display         : flex;
	justify-content : flex-end;
	position        : fixed;
	top             : 0;
	left            : 0;
	z-index         : 999;
	overflow        : hidden;
	opacity         : 0;
	pointer-events  : none;
	transition      : opacity 0.3s ease;
}

.cart-sidebar-wrapper.active {
	pointer-events : initial;
	opacity        : 1;
}

.cart-sidebar {
	width              : 488px;
	height             : calc(100% - 32px);
	background-color   : white;
	padding            : 20px 0 16px 0;
	display            : grid;
	grid-template-rows : auto 1fr auto;
	transform          : translateX(100%);
	transition         : transform 0.3s ease;
	position           : relative;
	margin             : 16px;
	border-radius      : 8px;
}

.cart-sidebar .close {
	width            : 36px;
	height           : 36px;
	display          : flex;
	align-items      : center;
	justify-content  : center;
	background-color : transparent;
	opacity          : 1;
}

.cart-sidebar-wrapper.active .cart-sidebar {
	transform : translateX(0);
}

.cart-sidebar .header {
	padding : 0 30px;
}

.cart-sidebar .header .title-wrapper {
	display     : flex;
	align-items : baseline;
	gap         : 10px;
}

.cart-sidebar .header .title {
	font-size              : 20px;
	font-weight            : 600;
	text-transform         : uppercase;
	margin-bottom          : 20px;
	-webkit-font-smoothing : auto;
}

.cart-sidebar .blockcart .header {
	padding : 0px
}

.cart-sidebar .header .cart-sidebar-cart-icon {
	position            : relative;
	width               : 22px;
	height              : 22px;
	background-image    : url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="21.845" height="18.436" viewBox="0 0 21.845 18.436"><path id="Union_5" data-name="Union 5" d="M262.153,1991.435a3.533,3.533,0,0,1-3.38-2.539l-2.758-9.612a.41.41,0,0,1,.406-.52h3.807l2.6-5.53a.409.409,0,0,1,.755.035.407.407,0,0,1-.015.313l-2.436,5.179h11.592l-2.436-5.179a.41.41,0,0,1,.2-.544.409.409,0,0,1,.544.2l2.6,5.53h3.8a.409.409,0,0,1,.406.519l-2.748,9.6a3.55,3.55,0,0,1-3.38,2.551Zm-2.595-2.762a2.709,2.709,0,0,0,2.595,1.962H271.7a2.707,2.707,0,0,0,2.595-1.962l2.6-9.091H256.962Z" transform="translate(-256 -1973)"/></svg>');
	background-size     : contain;
	background-position : center center;
	background-repeat   : no-repeat;
}

.cart-sidebar .header .cart-sidebar-cart-icon span {
	position         : absolute;
	top              : -10px;
	right            : -10px;
	width            : 20px;
	height           : 20px;
	background-color : var(--primary);
	border-radius    : 50%;
	color            : white;
	font-size        : 10px;
	font-weight      : 700;
	line-height      : 20px;
	text-align       : center;
}

.cart-sidebar .blockcart a:not(.btn) {
	display : none;
}

.cart-sidebar .header .cart-sidebar-footer,
.cart-sidebar .footer .cart-sidebar-header {
	display : none;
}

.cart-sidebar .remaining-free-delivery-wrapper {
	display       : flex;
	align-items   : center;
	gap           : 12px;
	margin-bottom : 15px;
}

.cart-sidebar .remaining-free-delivery-wrapper p {
	margin-bottom : 0;
}

.cart-sidebar .remaining-free-delivery {
	font-weight : 700;
}

.cart-sidebar-meter-title {
	font-size     : 14px;
	margin-bottom : 14px;
	display       : flex;
	align-items   : center;
	gap           : 12px;
}

.cart-sidebar-meter-title p {
	margin : 0;
}

.cart-sidebar-meter {
	width            : 100%;
	height           : 4px;
	background-color : var(--grey-2);
}

.cart-sidebar-meter .meter {
	display          : block;
	height           : 100%;
	max-width        : 100%;
	background-color : var(--primary);
}

.cart-sidebar .body {
	overflow     : auto;
	padding      : 0 30px;
	margin-block : 25px 16px;
}

.cart-sidebar .body .cart-item {
	padding-top    : 0;
	padding-bottom : 30px;
	border-bottom  : 1px solid #d9d9d9;
	margin-bottom  : 30px;
}

.cart-sidebar .body .cart-item:first-child {
	border-bottom : none;
	margin-bottom : 0;
}

.cart-item-opener {
	display         : flex;
	justify-content : center;
	align-items     : center;
	position        : relative;
	margin-bottom   : 30px;
	cursor          : pointer;
}

.cart-item-opener::before {
	content    : "";
	width      : 100%;
	position   : absolute;
	height     : 1px;
	background : #d9d9d9;
	transition : 300ms;
}

.cart-item-opener:hover::before {
	content    : "";
	width      : 100%;
	position   : absolute;
	height     : 1px;
	background : #000000;
}

.cart-item-opener:hover span {
	border : 1px solid #000000;
	color  : #000000;
}

.cart-item-opener span {
	position      : relative;
	z-index       : 3;
	background    : white;
	padding       : 8px 30px;
	border-radius : 100px;
	border        : 1px solid #d9d9d9;
	font-size     : 13px;
	color         : #959595;
	width         : 285px;
	text-align    : center;
	transition    : 300ms;
}

.cart-item-opener--hide {
	display : none;
}

.cart-overview {
	overflow   : hidden;
	transition : 300ms;
}

.cart-overview:has(.no-items) {
	display         : flex;
	justify-content : center;
	font-weight     : bold;
}

.body:not(.open) .cart-overview .cart-item:last-child {
	transition-delay : 150ms;
}

ul.cart-items {
	display        : flex;
	flex-direction : column-reverse;
}

.cart-sidebar .body .product-line-grid-left img {
	width  : 100%;
	height : auto;
}

.cart-sidebar .body .product-line-grid-right {
	display     : flex;
	align-items : center;
	gap         : 40px;
}

.cart-sidebar .body .product-line-grid-right .qty {
	margin-left  : 25px;
	margin-right : 25px;
}

.cart-sidebar .body .product-line-grid-right .qty .bootstrap-touchspin input.form-control {
	width         : 40px;
	height        : 30px;
	border        : 1px solid var(--grey-3);
	border-radius : 40px;
	text-align    : center;
	font-size     : 14px;
}

.cart-sidebar
.body
.product-line-grid-right
.qty
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-down,
.cart-sidebar
.body
.product-line-grid-right
.qty
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-up {
	width  : 20px;
	height : 20px;
	top    : calc(50% - 10px);
}

.cart-sidebar
.body
.product-line-grid-right
.qty
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-down {
	left : -25px;
}

.cart-sidebar
.body
.product-line-grid-right
.qty
.bootstrap-touchspin
.input-group-btn-vertical
.bootstrap-touchspin-up {
	right : -25px;
}

.cart-sidebar .footer {
	width          : 100%;
	overflow       : hidden;
	display        : flex;
	padding        : 0 32px;
	flex-direction : column;
	gap            : 16px;
}

.cart-sidebar .footer .featured-products {
	padding          : 30px;
	background-color : var(--grey-1);
}

.cart-sidebar .footer .featured-products .container {
	width    : 100%;
	overflow : hidden;
	padding  : 0;
}

.cart-sidebar .footer .featured-products .title {
	font-size              : 20px;
	font-weight            : 600;
	text-align             : left;
	margin-top             : 0;
	margin-bottom          : 15px;
	-webkit-font-smoothing : auto;
}

.cart-sidebar .footer .featured-products .products {
	position            : relative;
	width               : 100%;
	height              : 100%;
	z-index             : 1;
	display             : flex;
	flex-wrap           : nowrap;
	transition-property : transform;
	box-sizing          : content-box;
	gap                 : 0;
}

.cart-sidebar .footer .featured-products .products + .swiper-pagination {
	display  : block;
	position : unset;
}

.cart-sidebar .footer .featured-products .swiper-pagination-bullet {
	width            : 10px;
	height           : 10px;
	background-color : white;
	border           : 1px solid var(--grey-3);
	border-radius    : 10px;
	opacity          : 1;
}

.cart-sidebar .footer .featured-products .swiper-pagination-bullet-active {
	background-color : black;
	border-color     : black;
}

.cart-sidebar .footer .featured-products .products .product {
	border-style : solid;
	border-width : 0;
	overflow     : hidden;
	flex-shrink  : 0;
	width        : 100%;
	height       : 100%;
	position     : relative;
}

.cart-sidebar .footer .featured-products .products .product-miniature .product-add-to-cart {
	display : block;
}

.cart-sidebar .footer .featured-products .products .product-miniature .product-add-to-cart button {
	border           : 0;
	border-radius    : 45px;
	width            : 45px;
	height           : 45px;
	background-color : var(--primary);
	display          : flex;
	align-items      : center;
	justify-content  : center;
	padding          : 0;
	cursor           : pointer;
}

.cart-sidebar .footer .featured-products .products .product-miniature .thumbnail-container {
	display               : grid;
	grid-template-columns : 90px 1fr auto;
	align-items           : center;
	gap                   : 20px;
}

.cart-sidebar .footer .featured-products .products .product-miniature .thumbnail-container .product-thumbnail {
	border-radius : 0;
}

.cart-sidebar .footer .featured-products .products .product-miniature .thumbnail-container .thumbnail-overlay,
.cart-sidebar .footer .featured-products .products .product-miniature .product-flags {
	display : none;
}

.cart-sidebar .footer .featured-products .product-miniature .product-description {
	padding : 0;
}

.cart-sidebar .body .product-line-grid-body > .product-line-info a:hover {
	color : black;
}

.cart-sidebar .body .product-line-grid-body > .product-line-info > .label,
.cart-sidebar .body .product-line-grid-body > .product-line-info > .value {
	font-size   : 14px;
	font-weight : 400;
}

.cart-sidebar .footer .featured-products .product-miniature .product-title,
.cart-sidebar .body .product-line-grid-body > .product-line-info.title > .label {
	font-size      : 14px;
	line-height    : 14px;
	text-transform : uppercase;
	display        : flex;
	flex-direction : column-reverse;
	margin-bottom  : 0;
}

.cart-sidebar .body .product-line-grid-body > .product-line-info.title > .label span,
.cart-sidebar .footer .featured-products .product-miniature .product-title span {
	font-size              : 20px;
	font-weight            : 600;
	line-height            : 30px;
	-webkit-font-smoothing : auto;
}

.cart-sidebar .footer .featured-products .product-miniature .product-price-and-shipping,
.product-line-grid .product-price {
	font-size              : 14px !important;
	font-weight            : 600;
	color                  : black;
	-webkit-font-smoothing : auto;
}

.product-line-grid-body.price .regular-price {
	font-weight               : 800;
	font-size                 : 12px;
	text-decoration           : line-through;
	text-decoration-thickness : 0.07rem;
	opacity                   : 0.6;
}

Â· .cart-sidebar .footer .checkout {
	padding : 50px 30px 0 30px;
}

.cart-sidebar .footer a.btn {
	width                  : 100%;
	padding                : 15px;
	font-size              : 15px;
	line-height            : 15px;
	color                  : black;
	display                : flex;
	align-items            : flex-start;
	justify-content        : center;
	gap                    : 10px;
	border-radius          : 5px;
	-webkit-font-smoothing : auto;
	text-transform         : uppercase;
}

.cart-sidebar .footer a.btn:hover {
	background-color : var(--primary);
	color            : black;
}

.cart-sidebar .footer a.btn svg > g > path {
	animation : btn-arrow 0.8s linear infinite alternate-reverse;
}

.cart-sidebar .footer a.btn svg > g > path:nth-child(2) {
	animation-delay : 0.2s;
}

.cart-sidebar .footer a.btn svg > g > path:nth-child(3) {
	animation-delay : 0.4s;
}

.cart-sidebar .footer p {
	margin-top    : 25px;
	margin-bottom : 0;
	font-size     : 13px;
	font-weight   : 300;
	text-align    : center;
}

.cart-sidebar-wrapper .cart-sidebar-mobile-popup {
	display : none;
}

@media (max-width : 767px) {
	.cart-sidebar-wrapper {
		width           : 100vw;
		height          : 100dvh;
		position        : fixed;
		right           : 0px;
		left            : unset;
		font-size       : 12px;
		color           : black;
		display         : flex;
		justify-content : flex-end;
		align-items     : flex-end;
	}

	.cart-sidebar-wrapper .cart-sidebar-mobile-popup {
		display : block;
	}

	.cart-sidebar {
		margin        : 0;
		bottom        : 0;
		width         : 100%;
		height        : calc(100% - 52px);
		transform     : translateY(100%);
		border-radius : 30px 30px 0 0;
	}

	.cart-sidebar .header {
		padding : 0 20px;
	}

	.cart-sidebar .body {
		padding : 20px 8px;
	}

	.cart-item-opener {
		margin-inline : 12px;
	}

	/* .cart-sidebar-header,
	.cart-sidebar-footer {
		 display: none;
	} */
}

/* gamification */
.shttGamification__grid {
	display               : grid;
	grid-template-columns : repeat(8, 1fr);
	width                 : 100%;
}

.shttGamification__rode {
	height      : 4px;
	width       : 100%;
	background  : #f2f2f2;
	align-self  : center;
	grid-column : span 2;
}

.shttGamification__freeShipingIcon {
	margin : 0 auto;
}

.shttGamification__freeGiftIcon {
	margin : 0 auto;
}

.shttGamification__rodeInside {
	height           : 100%;
	width            : 0%;
	background-color : var(--primary);
	display          : block;
}

.shttGamification__icon {
	position    : relative;
	display     : flex;
	align-items : center;
}

svg.shttGamification__iconCheck {
	position : absolute;
	right    : -8px;
	top      : -8px;
}

.shttGamification__freeShipingText {
	grid-column     : 2/5;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	align-items     : center;
}

.shttGamification__freeGiftText {
	grid-column     : 5/8;
	display         : flex;
	flex-direction  : column;
	justify-content : center;
	align-items     : center;
}

.shttGamification__rodeText {
	padding-top : 4px;
}

.shttGamification__rodeText p {
	margin      : 0;
	font-size   : 12px;
	color       : #898989;
	text-align  : center;
	line-height : 1.5;
}

.shttGamification__rodeTextAmount {
	font-weight : bold;
}

.shttGamification__rodeTextCompleted p {
	color : var(--primary);
}

.cart-sidebar__title {
	font-size     : 25px;
	margin-bottom : 0;
	color         : var(--primary);
	font-weight   : bold;
}

p.shttGamification__title {
	font-size  : 13px;
	text-align : center;
}

p.shttGamification__title span {
	color       : var(--primary);
	font-weight : 700;
}

.shttGamification__grid.gamification-one {
	grid-template-columns : repeat(5, 1fr);
}

.shttGamification__grid.gamification-one .shttGamification__freeGiftText {
	grid-column : 2/5;
}

/* cart sidebar header */
.header__top {
	display         : flex;
	align-items     : center;
	justify-content : space-between;
	margin-bottom   : 15px;
}

/* recommanded product */
.cart-sidebar .featured-products .products {
	grid-template-columns : 1fr 1fr;
	row-gap               : 15px;
	column-gap            : 10px;
}

.cart-sidebar .featured-products .products .shttMC__action {
	width  : 44px;
	height : 44px;
	margin : 0 8px 8px 0;
}

@media (min-width : 767px) {
	.cart-sidebar .featured-products .products .product-miniature .thumbnail-top {
		padding : 20px;
	}
}

.cart-sidebar .featured-products .title {
	text-align     : center;
	color          : black !important;
	text-transform : none !important;
	font-size      : 20px !important;
}

.cart-sidebar .recommanded-products-title {
	color       : var(--primary);
	font-size   : 20px;
	font-weight : bold;
	text-align  : center;
	line-height : 24px;
	padding     : 52px 0 22px 0;
}

.cart-sidebar .featured-products {
	margin-top : 0px !important;
}

/* footer */
.cart-sidebar .disclaimer {
	color       : #777777;
	font-size   : 10px;
	text-align  : center;
	line-height : 1.4em;
}

span.btn.btn-outline.close {
	width         : 100%;
	height        : auto;
	font-size     : 15px;
	font-weight   : 400;
	border        : 1px solid black;
	border-radius : 5px;
	padding       : 14px;
}

.cart-sidebar .shttAttributesAvailable {
	display : none;
}

/******************
 BWA Override
******************/

.shttGamification__grid.--not-new-customer {
	display               : grid;
	grid-template-columns : repeat(5, 1fr);
}
