:root {
	--allpa-color: #2b265b;
	--combinoord-color: #fa5705;
	--technautic-color: #00a9c6;
}

.shopping-cart-01 .combinoord .btn-primary {
	background-color: var(--combinoord-color);
	border-color: var(--combinoord-color);
}

.shopping-cart-01 .technautic .btn-primary {
	background-color: var(--technautic-color);
	border-color: var(--technautic-color);
}

.shopping-cart-01 .allpa .btn-primary {
	background-color: var(--allpa-color);
	border-color: var(--allpa-color);
}

.product-details-02 input[name="amount"] {
    width: 6rem !important;
}



#custom-home {
	font-family: var(--elements--headings--content-heading--font-family);
	font-size: 1rem;
	
	.title {
		color: var(--theme--colors--gray--800);
		
		h1 {
			margin-bottom: 20px;
		}
	}
	
	.bg-image {
		height: auto;
		position: relative;
		z-index: -1;
	}
	
	.login {
		border-bottom: 2px solid var(--theme--colors--gray--800);
		font-size: 1.25rem;
		padding-bottom: 15px;
		width: 50%;
	}
}

#custom-login {
	.flex {
		flex-wrap: wrap;
	}
	
	.shop {
		width: 100%;
	}
	.button {
		a.btn {
			border: none;
			border-radius: 20px;
			font-weight: bold;
			padding: 5px 10px;
		}
	}
	
	.combinoord {
		.button {
			a.btn {
				background-color: var(--combinoord-color);
			}
		}
	}
	
	.technautic {
		.button {
			a.btn {
				background-color: var(--technautic-color);
			}
		}
	}
	
	.allpa {
		.button {
			a.btn {
				background-color: var(--allpa-color);
			}
		}
	}
}

@media screen and (min-width: 768px) {
	#custom-home {
		.title {
			left: var(--theme--spacing--grid--margin);
			position: absolute;
			top: 2rem;
			width: 30%;
			
			h1 {
				margin-bottom: 20px;
			}
		}
		
		.bg-image {
			margin: -2rem 0 -8rem 0;
		}
		
		.login {
			border-bottom: 2px solid var(--theme--colors--gray--800);
			font-size: 1.25rem;
			padding-bottom: 15px;
			width: 15%;
		}
	}
	
	#custom-login {
		.flex {
			flex-wrap: nowrap;
		}
	}
}


/** ALGOLIA SEARCH **/
.aa-Item {
	border-bottom:1px solid #eee;
	margin-bottom:.5rem;
	font-size:.9rem;
	
	a {
		display:flex;
		text-decoration:none;
		color: inherit;
	}
	
	div:nth-child(2) {
		padding:0 1rem;
	}
	
	div:last-child {
		color: var(--elements--cards--sub-sub-title--color);
		font-size: var(--elements--cards--sub-sub-title--font-size);
		line-height: var(--elements--cards--sub-sub-title--line-height);
		text-transform: var(--elements--cards--sub-sub-title--text-transform);
	}
}

.aa-Label svg, 
.aa-LoadingIndicator svg {
	color:var(--theme--colors--primary--600) !important;
}

.ais-RefinementList {
	padding-left:2px;
	padding-right:2px;
}

.ais-Pagination-item {
	align-items: center;
	background-color: var(--components--paging--item--background-color);
	border-color: var(--components--paging--item--border-color);
	border-radius: var(--components--paging--item--border-radius);
	border-style: solid;
	border-width: var(--components--paging--item--border-width);
	color: var(--components--paging--item--color);
	display: inline-flex;
	font-size: .75rem;
	font-weight: 700;
	height: 2rem;
	justify-content: center;
	margin: .5rem 0 0 .5rem;
	position: relative;
	text-decoration: none !important;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 2rem;
	
	> a {
		text-decoration:none;
		color:inherit;
		display:block;
		width:100%;
		height:100%;
		flex-grow:1;
		padding:.25rem;
		text-align:center;
	}
}

.ais-Pagination-item:hover:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) {
    background-color: var(--components--paging--item-hover--background-color);
    border-color: var(--components--paging--item-hover--border-color);
    color: var(--components--paging--item-hover--color);
}

.ais-Pagination-item--selected {
	background-color: var(--components--paging--item-active--background-color);
	border-color: var(--components--paging--item-active--border-color);
	color: var(--components--paging--item-active--color);
	cursor: default;
}

.ais-Pagination-item--disabled {
	cursor: default;
	opacity: .25;
}

.ais-Pagination-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: end;
	margin-top: var(--theme--spacing--element--margin);
}

.ais-RefinementList-searchBox {
	margin-bottom: var(--theme--spacing--element--margin);
}

.ais-RefinementList-label {
	align-items: center;
	display: flex;
	font-size: var(--elements--body-text--body--font-size);
	font-weight: 400;
	letter-spacing: 0;
	min-height: 2.625rem;
	padding-bottom: 0;
	padding-left: 2rem;
	padding-top: 0;
	position: relative;
	text-transform: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	width: 100%;
	font-size: .9rem;
	
	&::before,
	&::after {
		background-color: var(--elements--forms--radio-checkbox--background-color);
		border-color: var(--elements--forms--radio-checkbox--border-color);
		border-radius: var(--elements--forms--radio-checkbox--border-radius);
		border-style: solid;
		border-width: var(--elements--forms--radio-checkbox--border-width);
		box-shadow: var(--elements--forms--radio-checkbox--box-shadow);
		content: "";
		height: 1.25rem;
		left: 0;
		position: absolute;
		top: .625rem;
		width: 1.25rem;
		z-index: 1;
	}
	
	&::after {
		background-color: transparent;
		background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fff' d='M435.848 83.466 172.804 346.51l-96.652-96.652c-4.686-4.686-12.284-4.686-16.971 0l-28.284 28.284c-4.686 4.686-4.686 12.284 0 16.971l133.421 133.421c4.686 4.686 12.284 4.686 16.971 0l299.813-299.813c4.686-4.686 4.686-12.284 0-16.971l-28.284-28.284c-4.686-4.686-12.284-4.686-16.97 0z'/%3E%3C/svg%3E");
		background-position: 50%;
		background-repeat: no-repeat;
		background-size: .875rem .875rem;
		border-color: transparent;
		border-radius: 0;
		box-shadow: none;
		opacity: 0;
		z-index: 2;
	}
}

.ais-RefinementList-item--selected .ais-RefinementList-label {
	&::before {
		background-color: var(--elements--forms--radio-checkbox--background-color-focus);
		border-color: var(--elements--forms--radio-checkbox--border-color-focus);
	}
	
	&::after {
		opacity: 1;
	}
}

.ais-RefinementList-labelText {
	flex-grow:1;
	word-break: break-word;
}

.ais-RefinementList-count {
	color: var(--theme--colors--gray--600);
	flex-shrink: 0;
	font-size: .75rem;
	margin-left:.5rem;
}

.ais-RefinementList-checkbox {
	position:absolute;
	left: -100vw;
}

.ais-Panel-header {
	align-items: center;
	border-bottom: var(--layout--side-bar--legend--border-width) solid var(--layout--side-bar--legend--border-color);
	color: var(--layout--side-bar--legend--color);
	cursor: pointer;
	display: flex;
	font-size: var(--layout--side-bar--legend--font-size);
	gap: .5rem;
	text-transform: var(--layout--side-bar--legend--text-transform);
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	
	background-color: var(--elements--legends--legend--background-color);
    border-color: var(--elements--legends--legend--border-color);
    border-radius: var(--elements--legends--legend--border-radius);
    border-style: solid;
    border-width: var(--elements--legends--legend--border-top-width) var(--elements--legends--legend--border-right-width) var(--elements--legends--legend--border-bottom-width) var(--elements--legends--legend--border-left-width);
    
    padding: var(--elements--legends--legend--padding-y) var(--elements--legends--legend--padding-x);
}

.ais-Hits-list {
	display: grid;
	gap: var(--theme--spacing--grid--margin);
	
	@media(min-width: 768px){
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
	
	@media(min-width: 1280px){
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

.search-result-01-143 .cards {
	grid-template-columns: repeat(1,minmax(0,1fr))!important;
}

.search-result-01-143 #searchbox {
	margin-bottom:var(--product-list-01--list--margin-top);
}

.aa-Form:focus-within {
	border-color: var(--elements--forms--control--border-color-focus) !important;
	box-shadow: var(--theme--effects--shadow-outline--box-shadow) !important;
	outline: unset !important;
}

.ais-SearchBox-form {
	align-items: center;
	background-color: rgba(255, 255, 255, 1);
	background-color: rgba(var(--aa-input-background-color-rgb), var(--aa-input-background-color-alpha));
	border: 1px solid rgba(128, 126, 163, 0.8);
	border: 1px solid rgba(var(--aa-input-border-color-rgb), var(--aa-input-border-color-alpha));
	border-radius: 3px;
	display: flex;
	line-height: 1em;
	margin: 0;
	position: relative;
	width: 100%;
	
	&:focus-within {
		box-shadow: var(--theme--effects--shadow-outline--box-shadow);
	}
}

.ais-SearchBox-input {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
	font: inherit;
	height: 44px;
	height: var(--aa-search-input-height);
	padding: 0;
	width: 100%;
	order: 1;
	
	&::-webkit-search-decoration,
	&::-webkit-search-cancel-button,
	&::-webkit-search-results-button,
	&::-webkit-search-results-decoration {
	  display: none;
	}
	
	&:focus-visible {
		box-shadow:none;
	}
}

.ais-SearchBox-reset {
	order: 1;
	
	align-items: center;
	background: none;
	border: 0;
	color: rgba(128, 126, 163, 0.6);
	color: rgba(var(--aa-muted-color-rgb), var(--aa-muted-color-alpha));
	cursor: pointer;
	display: flex;
	height: 100%;
	margin: 0;
	padding: 0 calc((16* 1* 1px)* 0.83333 - .5px);
	padding: 0 calc(calc(16* 1* 1px)* 0.83333 - .5px);
	padding: 0 calc(var(--aa-spacing)* 0.83333 - .5px);
	
	&[hidden] {
		visibility:hidden;
	}
}

.ais-SearchBox-reset svg {
	stroke-width: 1.6;
	stroke-width: var(--aa-icon-stroke-width);
	width: 20px;
	width: var(--aa-icon-size);
	fill: currentColor;
}

.ais-SearchBox-submit {
	height: 100%;
	padding-left: calc((16* 1* 1px)* 0.75 - 1px);
	padding-left: calc(calc(16* 1* 1px)* 0.75 - 1px);
	padding-left: calc(var(--aa-spacing)* 0.75 - 1px);
	padding-right: calc((16* 1* 1px) / 2);
	padding-right: calc(calc(16* 1* 1px) / 2);
	padding-right: var(--aa-spacing-half);
	width: calc((16* 1* 1px)* 1.75 + 20px - 1px);
	width: calc(calc(16* 1* 1px)* 1.75 + 20px - 1px);
	width: calc(var(--aa-spacing)* 1.75 + var(--aa-icon-size) - 1px);
	
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: 0;
	margin: 0;
}

.ais-SearchBox-submit svg {
	color:var(--theme--colors--primary--600) !important;
	height: auto;
	max-height: 20px;
	max-height: var(--aa-input-icon-size);
	stroke-width: 1.6;
	stroke-width: var(--aa-icon-stroke-width);
	width: 20px;
	width: var(--aa-input-icon-size);
	fill: currentColor;
}

#layout-side-bar {
	padding-right: var(--theme--spacing--grid--margin);
}