/*********************************

		SEARCH SUGGESTION

*********************************/



.quick-configurator .form-label {

	margin-bottom: 6px;

}





.quick-configurator .form-select-sm {

	padding-top: 10px;

	padding-bottom: 10px;

}



.recommended-item {

	padding: 0 5px;

	border: 1px solid var(--line-color);

	font-size: 12px;

	border-radius: 5px;

}



.recommended-item .img {

	width: 100%;

	height: 90px;

	overflow: hidden;

	flex: 0 0 20%;

}



.recommended-item img {

	width: 80px;

	transform: rotate(-90deg);

}



.suggestion-text {

	flex: 0 0 80%;

}



.horizontal-line {

	height: 1px;

	flex-grow: 1;

	background-color: var(--line-color);

}



.navbar-toggler {

	margin-left: 16px;

}



.offcanvas-header .offcanvas-title {

	width: 100%;

	text-align: center;

}



.offcanvas-header .btn-close {

	margin: 0;

	margin-left: auto;

}



.configure-more-btn {

	color: var(--primary);

	font-weight: 600;

	transition: all .2s ease;

}



.configure-more-btn:hover {

	text-decoration: underline;

}



.material-multiple-select {

	position: relative;

	z-index: 500;

}



.material-multiple-select button {

	overflow: hidden;

}



.material-multiple-select .dropdown-menu {

	min-width: auto;

	width: 100%;

	max-height: 150px;

	overflow-y: auto;

	z-index: 3000;

	font-size: 14px;

	box-shadow: 0 20px 20px rgba(0, 0, 0, .2);

	padding-top: 0;

	padding-bottom: 0;

}



.material-multiple-select .dropdown-menu.show {

	transform: translate(0px, 0px) !important;

	inset: auto !important;

}



.material-multiple-select .dropdown-item {

	cursor: pointer;

	width: 100%;

	padding: 0;

}



.material-multiple-select .dropdown-item label {

	height: 100%;

	width: 100%;

	padding: 8px 16px;

}



.material-multiple-select .dropdown-item input {

	margin-right: 10px;

}



.material-multiple-select #quick-configurator-forMaterial{

	width: 100%;

	background-color: transparent;

	border-radius: 5px;

	border: 1px solid var(--line-color);

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	padding: 10px;

	font-size: 14px;

	transition: border-color .2s ease, box-shadow .2s ease;

}



.material-multiple-select #quick-configurator-forMaterial:focus {

	border-color: var(--primary);

    box-shadow: 0 0 0 .25rem rgba(184, 25, 29, 0.25);

}



#quick-configurator-forMaterial span {

	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");

	width: 12px;

	height: 12px;

	flex-shrink: 0;

}





/* NEW SEARCH INPUT SUGGESTIONS */

.selected-filter {

	background-color: var(--white);

	border: 1px solid var(--primary);

	transition: background-color .2s ease;

}



.selected-filter:hover {

	background-color: var(--primary-light);

}



.show-results-btn {

	display: none;

}



.show-results-btn.active {

	display: block;

}



.navbar-search-suggestion .suggestions {

	max-height: 300px;

}



.suggestions .result {

	height: 100%;

	overflow-y: auto;

	scrollbar-width: thin;

}



.search-specs-header .search-spec {

	background-color: var(--white);

	transition: background-color .2s ease;

	cursor: pointer;

	background-color: var(--grey-section);

}



.search-specs-header .search-spec:hover {

	background-color: var(--text-grey);

}



.search-specs-header .specs-result {

	max-height: 100%;

	overflow-y: auto;

	scrollbar-width: thin;

}



.show-more-specs {

	color: var(--grey); 

	transition: color .2s ease;

}



.show-more-specs:hover {

	color: var(--black);

}



.clearAll-filters-btn {

	display: none;

}



.clearAll-filters-btn.active {

	display: inline-block;

}





@media (min-width: 768px) {

	.navbar-search-suggestion {

		width: 100%;

		height: auto;

		top: 110%;

		position: absolute;

		border-radius: 5px;

	}

}



@media(min-width: 992px) {

	.navbar-search-suggestion {

		max-height: calc(100dvh - 100px);

	}



	.search-specs-header .specs-result {

		max-height: 300px;

	}

}



@media (min-width: 1400px) {

	.navbar-search-suggestion {

		padding: 24px;

	}

}





/****************************************

			CATEGORIES MENU DESKTOP

****************************************/





.categories-wrapper.active .categories-btn {

	background-color: var(--primary);

	color: var(--white);

}



.categories-wrapper.active .categories-btn:hover {

	background-color: var(--primary-hover);

	color: var(--white);

}



.categories-wrapper.active .categories-btn:active {

	background-color: var(--primary);

}



.categories-wrapper .dropdown-menu {

	position: absolute;

	top: auto;

	border-radius: 0;

	margin-top: 0;

	padding: 0;

	border: 1px solid var(--line-color);

	width: 100%;

	max-width: 100%;

	box-shadow: 0 5px 20px rgba(0, 0, 0, .2);

}



.categories-wrapper .dropdown-item {

	width: 38%;

	padding: 14px 30px 14px 70px;

	/* border-right: 1px solid var(--line-color); */

}



.categories-wrapper .use-configurator {

	width: 38%;

	padding: 18px 30px 18px 70px;

	border-top: 1px solid var(--line-color);

	border-right: 1px solid var(--line-color);

	padding-bottom: 24px;

}



.categories-wrapper .categories-title {

	width: 38%;

	padding: 14px 30px 14px 70px;

	/* border-right: 1px solid var(--line-color); */

}



.categories-wrapper .categories-title h5 {

	font-size: 16px

}



.categories-wrapper .use-configurator h5 {

	font-size: 18px;

	font-weight: 600;

}



.categories-wrapper .use-configurator a {

	color: var(--white);

	background-color: var(--black);

	text-align: center;

	padding-left: 10px;

}



.categories-wrapper .submenu-wrapper {

	display: none;

	top: 0;

	left: 38%;

	width: 62%;

	height: 100%;

	background-color: var(--white);

	border-left: 1px solid var(--line-color);

	overflow-x: auto;

	scrollbar-width: thin;

}



.categories-wrapper .dropdown-menu .dropdown-list-item.hover > .submenu-wrapper {

	display: block;

}



.categories-wrapper .dropdown-list-item.hover .dropdown-item {

	background-color: var(--bs-dropdown-link-hover-bg);

	border-top: 1px solid var(--line-color);

	border-bottom: 1px solid var(--line-color);

}



.submenu {

	display: block;

	max-height: 100%;

	padding: 24px 50px;

}



.categories-wrapper .dropdown-item {

	border-top: 1px solid transparent;

	border-bottom: 1px solid transparent;

	cursor: pointer;

}



.categories-wrapper .dropdown-item:hover {

	border-top: 1px solid var(--line-color);

	border-bottom: 1px solid var(--line-color);

}



.categories-wrapper .dropdown-menu li:first-child .dropdown-item:hover {

	 border-top-color: transparent;

}



.categories-wrapper .dropdown-menu li:nth-last-child(2) .dropdown-item:hover {

	 border-bottom-color: transparent;

}



.categories-wrapper .dropdown-list-item.hover .dropdown-item:active {

	background-color: var(--primary);

	color: var(--white);

}



.categories-wrapper .dropdown-list-item.hover .dropdown-item.active {

	background-color: var(--primary);

	color: var(--white);

}



.categories-wrapper .submenu-row h6 {

	font-size: 18px;

	font-weight: 600;

	text-transform: none;

}



.categories-wrapper .submenu-row ul li a:link,

.categories-wrapper .submenu-row ul li a:visited {

	font-size: 16px;

	font-weight: 400;

	color: var(--grey);

	text-transform: none;

	padding: 0;

}



.categories-wrapper .submenu-row ul li a:hover {

	color: var(--black);

}



.categories-wrapper .submenu-row ul li a:active {

	color: var(--grey);

}



.navbar-offer {

	position: absolute;

	top: 0;

	left: 0;

	padding: 10px 12px;

	font-size: 12px;

	font-weight: 500;

	background-color: var(--primary);

	color: var(--white);

}













/*****************************************

			HOVER NAVBAR FAVBOX

*****************************************/

.nav-favbox-btn {

	padding: 18px 0;

}



.hover-favbox .view-favbox-btn span {

	color: var(--black);

	font-weight: 500;

	text-decoration: underline;

}



.hover-favbox .view-favbox-btn i {

	color: var(--black);

	font-size: 18px;

	transition: color 0s ease;

}



.hover-favbox .view-favbox-btn:hover i,

.hover-favbox .view-favbox-btn:hover span {

	color: var(--primary);

}



.favbox-addToCart-btn {

	border: 1px solid var(--line-color);

	border-radius: 50%;

	padding: 3px 5px;

	margin-right: 5px;

	display: flex;

	justify-content: center;

	align-items: center;

	flex-shrink: 0;

	width: 35px;

	height: 35px;

	background-color: var(--white);

	transition: background-color .2s ease, border-color .2s ease;

}







.nav-favbox-btn .favbox-addToCart-btn i {

	color: var(--black);

	font-size: 18px;

	transition: color .2s ease;

}



.nav-favbox-btn .favbox-addToCart-btn:hover {

	background-color: var(--primary);

	border-color: var(--primary);

}



.nav-favbox-btn .favbox-addToCart-btn:hover i {

	color: var(--white);

}



.hover-favbox .favbox-row .favbox-remove-btn {

	color: var(--primary);

	font-size: 20px;

	width: min-content;

	width: 36px;

	height: 36px;

	display: flex;

	justify-content: center;

	align-items: center;

	color: var(--grey-2);

	background-color: white;

	border-radius: 2px;

	transition: color .2s ease, background-color .2s ease;

}



.hover-favbox .favbox-remove-btn:hover {

	background-color: var(--primary);

	color: white;

}





.hover-favbox .product-price p {

	color: var(--black) !important;

	font-weight: 500;

	font-size: 14px;

}



.favbox-add-successText {

	display: none;

	position: absolute;

	bottom: 0;

	right: 0;

	width: 100%;

}



.favbox-addToCart-btn.active {

	visibility: hidden;

}



.favbox-addToCart-btn.active ~ .favbox-add-successText {

	display: block;

}



.hover-favbox .favbox-add-successText i,

.hover-favbox .favbox-add-successText span {

	font-size: 14px;

	color: var(--primary);

}



.favbox-row {

	gap: 16px;

}



.favbox-cell picture {

	width: 66px;

	height: 66px;

	display: flex;

	align-items: center;

	border: 1px solid var(--line-color);

	flex-shrink: 0;

}



.favbox-cell picture img {

	width: 100%;

	object-fit: cover;

}



.favbox-cell .product-name h4 {

	font-size: 15px;

	font-weight: 700;

	color: var(--black);

}



.favbox-cell .product-name p {

	font-size: 14px;

	max-width: 420px;

	color: var(--grey);

}





.wishlist-btn{

	color: var(--grey-2);

}



.wishlist-btn.active {

    color:var(--primary)

}



.hover-favbox::before {

	content: "";

	position: absolute;

	isolation: isolate;

	top: -12px;

	right: 0px;

	width: 25px;

	height: 25px;

	background-color: var(--white);

	transform: rotate(45deg);

	z-index: 190;

}



.hover-favbox::after {

	content: "";

	position: absolute;

	background-color: transparent;

	width: 550px;

	height: 30px;

	top: -30px;

	right: 0px;

}



.hover-favbox-body{

	max-height: 400px;

	overflow-y: auto;

}



.quick-favbox-title {

	font-size: 20px;

}



.quick-favbox-title span {

	color: var(--grey);

}



.hover-favbox-body .number-input-container {

	padding: 0 5px;

}



.hover-favbox-body .number-input-container input {

	margin: 0;

}





@media (min-width: 768px) {

	.nav-favbox-btn:hover .hover-favbox,

	.nav-favbox-btn.hover .hover-favbox {

		display: block;

	}



	.hover-favbox {

		top: 80px;

		right: -15px;

	}

	

	.hover-favbox::before {

		top: -12px;

		right: 15px;

	}

}



@media (min-width: 1200px) {

	.hover-favbox {

		top: 85px;

		right: 5px;

	}

	

	.hover-favbox::before {

		top: -12px;

		right: 70px;

	}

}







/*****************************************

			HOVER NAVBAR QUICK CART

*****************************************/



.cart-btn {

	padding: 18px 0;

}



.cart-btn {

	position: relative;

}



.cart-btn-numberOfItems {

	width: 18px;

	height: 18px;

	font-size: 12px;

	background-color: var(--primary);

	color: var(--white);

	border-radius: 500px;

	border: 2px solid var(--white);

	position: absolute;

	top: -8px;

	left: 18px;

}



.cart-btn a:hover i,

.nav-favbox-btn:hover > a i {

	color: var(--primary);

}



.cart-btn a:active i,

.nav-favbox-btn:active > a i {

	color: var(--grey-2);

}



/* .hover-quick-cart:hover {

	display: block;

} */



.hover-quick-cart::before {

	content: "";

	position: absolute;

	isolation: isolate;

	top: -12px;

	right: 0px;

	width: 25px;

	height: 25px;

	background-color: var(--white);

	transform: rotate(45deg);

	z-index: 190;

}



.hover-quick-cart::after {

	content: "";

	position: absolute;

	background-color: transparent;

	width: 550px;

	height: 30px;

	top: -30px;

	right: 0px;

}



.quick-cart-title {

	font-size: 20px;

}



.quick-cart-title span {

	color: var(--grey);

}



.previous-order-btn {

	display: flex;

	justify-content: center;

	align-items: center;

	gap: 8px;

	transition: color .2s ease;

}



.previous-order-btn span {

	text-decoration: underline;

}



.previous-order-btn i {

	font-size: 16px;

}



.previous-order-btn:hover {

	color: var(--primary);

}



.quick-cart-checkout-btn {

	padding: 16px;

	display: block;

}



.cart-row {

	gap: 40px;

}



.hover-quick-cart .cart-row {

	border-bottom: 1px solid var(--line-color);

	padding-bottom: 16px;

}



.hover-quick-cart .cart-row:last-of-type {

	border-bottom: none;

	padding-bottom: 0;

}



.cart-cell picture {

	width: 80px;

	padding: 5px;

	height: 100%;

	display: flex;

	align-items: center;

	border: 1px solid var(--line-color);

	flex-shrink: 0;

}

.cart-cell picture img {

	width: 100%;

	object-fit: cover;

}



.cart-cell .product-name h4 {

	font-size: 16px;

	font-weight: 700;

	color: var(--black);

}



.cart-cell .product-name p, .hover-favbox-body .product-name p {

	font-size: 14px;

	max-width: 420px;

	color: var(--grey);

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 2;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 100%;

}



.table-price-text {

	color: var(--grey);

	font-size: 14px;

}



.element-remove-btn,

.favbox-quick-cart {

	background-color: transparent !important;

	width: 36px;

	height: 36px;

	border-radius: 4px;

	transition: background-color .2s ease;

}



.element-remove-btn i,

.favbox-quick-cart i {

	font-size: 20px;

	color: var(--grey-2) !important;

	transition: color .2s ease;

}



.element-remove-btn:hover i,

.favbox-quick-cart:hover i {

	color: var(--grey-1) !important;

}



.element-remove-btn:active,

.favbox-quick-cart.active {

	background-color: var(--primary) !important;

}





.element-remove-btn:active i,

.favbox-quick-cart:active i,

.favbox-quick-cart.active i {

	color: var(--white) !important;

}







.text-grey {

	color: var(--grey);

}



/* + [input number] - */

.number-input-wrapper {

	width: fit-content;

}





.number-input-container {

	border: 1px solid var(--line-color);

	border-radius: 200px;

	display: flex;

	align-items: center;

	padding: 5px;

	width: fit-content;

	justify-content: center;

}



.number-input-container button {

	color: var(--grey);

	padding-inline: 8px;

	border: none;

	cursor: pointer;

	font-size: 16px;

	background-color: transparent;

	font-weight: 600;

	border: none;

	font-size: 20px;

}



.number-input-container input[type='number'] {

	width: 50px;

	text-align: center;

	margin: 0 10px;

	padding-block: 6px;

	font-size: 16px;

	border: 1px solid #000;

	border-radius: 5px;

	border: none;

	appearance: textfield;

	-moz-appearance: textfield; /* Firefox */

}



.number-input-container input[type='number']:focus-visible {

	border: none;

	outline: none;

}



input[type='number']::-webkit-outer-spin-button,

input[type='number']::-webkit-inner-spin-button {

	-webkit-appearance: none;

	margin: 0; /* Safari and Chrome */

}



input[type='number']::-moz-inner-spin-button {

	-moz-appearance: none; /* Firefox */

	margin: 0;

}



@media(max-width: 768px) {

	.details-info .number-input-container button {

		margin-left: 8px;

		margin-right: 8px;

	}



	.details-info .number-input-container input[type='number'] {

		margin-left: 2px;

		margin-right: 2px;

	}

}



.quick-cart-subtotal {

	font-size: 16px;

}





@media (min-width: 768px) {

	.cart-btn:hover .hover-quick-cart, .cart-btn.hover .hover-quick-cart {

		display: block;

	}



	.hover-quick-cart {

		top: 80px;

		right: -15px;

	}

	

	.hover-quick-cart::before {

		top: -12px;

		right: 15px;

	}

}



@media (min-width: 1200px) {

	.hover-quick-cart {

		top: 85px;

		right: 30px;

	}

	

	.hover-quick-cart::before {

		top: -12px;

		right: 70px;

	}



	.cart-btn-numberOfItems {

		left: 24px;

	}

}







.mill-item {

	background-repeat: no-repeat;

	background-position: right;

	border: 1px solid var(--line-color);

	transition: border-color .2s ease;

	padding: 8px;

}



.mill-item > div {

	background-color: var(--white);

}



.mill-item:hover {

	border-color: var(--primary);

}



.view-more-btn {

	display: none;

	font-size: 14px;

}





.mill-item:hover .view-more-btn {

	display: block;

}



.mill-item:hover .mill-img {

	-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

    filter: grayscale(0%);

}



.mill-item:hover .product-quantity {

	display: none;

}



.mills-btn {

	height: 48px;

}



.mill-img {

	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */

    filter: grayscale(100%);

	 transition: filter .2s ease, -webkit-filter .2s ease;

}



.mill-item h5 {

	font-size: 20px;

}



.mill-item p {

	font-size: 16px;

	text-transform: initial;

	font-weight: 400;

}







@media only screen and (max-width: 1400px) {

	

	.mill-item h5 {

		font-size: 20px;

	}

	.mill-item .vstack {

		gap: 16px !important;

	}

}



@media only screen and (max-width: 1024px) {

	.mill-img {

		-webkit-filter: grayscale(0%); /* Safari 6.0 - 9.0 */

		filter: grayscale(0%);

	}

	

	.mill-item .view-more-btn {

		display: block;

	}

	

	.mill-item .product-quantity {

		display: none;

	}

}









@media only screen and (max-width: 768px) {

	.mill-item h5 {

		font-size: 18px;

	}

	

	.mill-item p {

		font-size: 14px;

	}

}





/* CATEGORIES TOOLS DROPDOWN */

#productlines-tab-pane .item {

	width: 33.3%;

}



.tools-modal-tabs.nav-tabs {

	flex-wrap: nowrap;

	--bs-nav-tabs-border-radius: 0;

	font-size: 18px;

}



.tools-modal-tabs.nav-tabs .nav-item {

	width: 100%;

}



.tools-modal-tabs.nav-tabs .nav-item:not(:first-child) {

	border-left: 1px solid var(--grey-line-color);

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link  {

	width: 100%;

	padding: 15px 0;

	/*border: none;*/

	color: black;

	font-weight: 600;

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link.active {

	/*border-color: transparent;*/

	position: relative;

	color: var(--basic-black);

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link.active::before {

	content: '';

	position: absolute;

	width: 100%;

	height: 3px;

	top: 0;

	left: 0;

	background-color: var(--primary);

}



.tools-modal-tabs.nav-tabs .nav-item .nav-link:hover {

	/*border-color: transparent;*/

	color: var(--primary);

}