/*
Nasazeni novych barev a noveho loga
*/
:root {
	--color-primary: #00da7e;
	--color-primary-dark: #00d185;
}

#dc-root {
	--color-primary: #00da7e !important;
}

/* Barva textu */
a,
.navigation ul a.active,
.sidr-inner ul a.active,
.items .item .availability-available,
.header-tooltip-cart .header-cart-items .item .availability-available,
.container-wrap-green .articles .article .capt,
.employees .employee a:hover,
.favourite_products .availability-available,
.club-form .club-benefits p strong,
.club-form .club-benefits a,
.club-crosser ul li a:hover,
.club-overview .club-progress li.is-active span,
.main-content a,
.articles .article a:hover,
.detail-likewise .item .availability.availability-available,
.detail-form .availability-available,
ul.list-styled li:before,
#popup-insert_ajax .capt,
#cart .availability-available,
.block-mountings .heading h2,
.block-packages .package h3 strong,
.damping-packages .item .name strong,
.damping-faq .questions dt strong,
.mounting-filters .sorting li a:hover,
.mounting-filters .filter-reset:hover,
.mounting-description .mounting-products .item .inside .name a {
	color: var(--color-primary);
}

/* Barva na pozadi */
table.table-styled th,
.header-icon_menu.is-opened > div .link,
.header-icon_menu > div:hover .link,
.is-opened .header-icon_menu > div .link,
.header-icon_menu .header-user.is-opened .link:hover,
.container-wrap-green,
.navigation .link:hover,
.sidr-inner .link:hover,
.navigation .invert .link:hover,
.sidr-inner .invert .link:hover,
.navigation .toggler:hover,
.sidr-inner .toggler:hover,
.helpdesk-navigation .capt,
.sidr-inner .capt,
.items .item .free_transit,
.items .item .types .type.type-2 span,
.items .item .types .type.type-novinky span,
.articles .article .img .tag,
.employees .list a .name,
.employees .employee hr,
.helpdesk-navigation .top,
.sidr-inner .top,
.helpdesk-box .img .types .type span,
.article-type,
.article-bottom .share a,
.club-form h1:after,
.club-crosser ul li.is-active:after,
.club-overview .club-progress li.is-active:before,
.club-detail .table-club .row-green td,
.filter-active .remove-filter,
.r-tabs .r-tabs-anchor .count,
#dc-root h1:after,
#dc-root h2 .number,
.damping-title h1:after,
.damping-car .car-slider .item .content h3:after,
.damping-car .car-slider .item .content ul li:before,
.damping-form h2:after,
.damping-faq h2:after,
#alphabet .alphabet-capt span,
.header-tooltip-cart .buy-more-for .progressbar .bar,
.mounting-filters .sorting li a.is-active:after,
.mounting-list .mountings .item .image .types li,
.mounting-filters .parameters .filter-group .filter-values.filter-price .range_slider .noUi-connect,
.mounting-filters .parameters .filter-group .filter-values.filter-price .range_slider .noUi-handle,
.mounting-title h1:after,
.mounting-packages h2:after,
.mounting-gallery h2:after,
.mounting-information .inside .image .types li,
.mounting-information .inside .content .buttons .price {
	background-color: var(--color-primary);
}

/* Barva ramecku */
.header-in,
.pagination ul li a:hover,
.subcategories ul a:hover,
.filter-tabs .tabs-cont ul li label:hover,
.detail-img a:hover,
.detail-gallery a:hover,
.detail-likewise .item.is-active,
.damping-form form label .inp-text:focus,
.mounting-filters .parameters .filter-group > a:hover,
.fancybox-thumbs__list a:before {
	border-color: var(--color-primary);
}

/* Vypln ikon */
a .icon,
.header-icon_menu .link .icon,
.header-icon_menu .header-user.is-opened:hover .link .icon,
footer .icon,
.homepage-slider .slick-next:hover .icon,
.homepage-slider .slick-prev:hover .icon,
.club-form .club-benefits ul li .icon,
.club-crosser ul li a:hover .icon path,
.main-content a .icon,
.detail-form .availability-available .icon,
#cart .availability-available .icon,
.block-packages .heading .icon,
.block-articles .heading .icon {
	fill: var(--color-primary);
}

/* Tlacitka */
button:focus {
	box-shadow: 0 0 .5rem var(--color-primary);
}

.btn {
	&:not(.btn-red, .btn-transparent) {
		color: #fff;
		background: var(--color-primary);
		border-color: var(--color-primary);

		&:hover {
			color: #fff;
			background: var(--color-primary-dark);
			border-color: var(--color-primary-dark);
		}

		&:focus {
			color: #fff;
			background: var(--color-primary-dark);
		}

		&.btn-transparent-primary {
			color: var(--color-primary);
			background: transparent;
			border-color: var(--color-primary);

			.icon {
				fill: currentColor;
			}

			&:hover {
				color: #fff;
				box-shadow: inset 0 -3.25em 0 0 var(--color-primary);
			}

			&:focus {
				color: #fff;
				background: var(--color-primary-dark);
			}
		}
	}

	&.btn-transparent {
		&:hover {
			color: var(--color-primary);
			border-color: currentColor;
		}
	}
}

/* Upravy na miru */
.inp-select:focus,
.inp-text:focus,
.inp-textarea:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 .5rem var(--color-primary);
}

.header-logo {
	a {
		display: flex;
		justify-content: center;
		align-items: center;
		max-width: 20rem;
		margin-left: 1.75rem;

		@media (max-width: 1369px) {
			margin-left: 0;
		}

		.svg {
			flex: 0 1 auto;
			max-width: 100%;
			width: 20rem;
		}
	}
}

.header-icon_menu .header-user.is-opened .link:hover .icon {
	fill: #fff;
}

#header-sidr_menu-toggler.active {
	background: var(--color-primary);

	&:after {
		background: var(--color-primary);
		border-bottom-color: var(--color-primary);
	}
}

.filter .noUi-handle {
	background: var(--color-primary-dark);
	border-color: var(--color-primary);
}

.r-tabs .r-tabs-state-active .r-tabs-anchor {
	border-top-color: var(--color-primary);
}

.subcategories ul a.highlight {
	background: var(--color-primary);
	border-color: var(--color-primary);

	&:hover {
		background: var(--color-primary-dark);
		border-color: var(--color-primary-dark);
	}
}

#dc-root .areas-in .image path {
	fill: #00da7e !important;
}

.header-tooltip-cart .buy-more-for_green {
	color: var(--color-primary);
	border-color: currentColor;

	.icon {
		fill: currentColor;
	}
}

.damping-packages .item .btn.btn-transparent:hover {
	color: var(--color-primary);
	border-color: currentColor;
}

.damping-benefits .inside .item .image svg,
.damping-form a svg {
	color: var(--color-primary);
	fill: currentColor;

	* {
		fill: currentColor !important;
	}
}

.damping-packages .item .package-parts li,
.club-form .cart-checkbox .inp-checkbox input[type="checkbox"]:checked + span:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAASBAMAAACtCzMeAAAAGFBMVEUAAAAA2n4A2n4A2n4A2n4A2n4A2n4A2n7yZWa+AAAAB3RSTlMA7zDPEGAgf8ztxgAAAFdJREFUCNdjgAEmUQY4UCwPgAuLl5cihMsLEcLlQlC2M1BYAcJkMYcIBzvAhVnLTeDC4eXFDjDVQAPMQMJQg8tBwjCT4WYrwoQRVkIlwMJQCaAwHARChQFUNRvxQfcmngAAAABJRU5ErkJggg==);
}

#dc-root .areas .area input[type=checkbox]:checked+span:after {
	content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAflBMVEUAAAAA2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n47oMqGAAAAKXRSTlMA+Ea0DAXdMgj78u7q5L+5rIJ4amJSOiMd1c3Fo5uVjXBcWExALCgUEAoAMzgAAACESURBVCjPtc1JEoMwDETRBpvgzCHzPCfg+18QsOSCArGDv9PrhdBLX6VF30/sQstupSWe2rJlhwdhw3+zuseR9z/7x11hoAz5Ye58vGMvXmnRiy4ZcBxZ1xsuRdc59f4CZXg5sW/hMysS71VRbdmw8XIVnJYb+ROt7qWvIfQgF0oSDFUO/sYWiAW3MhoAAAAASUVORK5CYII=) !important;
}

.mounting-filters .parameters .filter-group .filter-values .inside .form-checkbox input[type="radio"]:checked + span:after,
.mounting-filters .parameters .filter-group .filter-values .inside .form-checkbox input[type="checkbox"]:checked + span:after {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAOCAMAAAD+MweGAAAANlBMVEUAAAAA2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n4A2n5MbtjIAAAAEXRSTlMAUfe4Li3gtKRrQdW/ZB4WCy1DkCkAAABNSURBVAjXXcvbDoAgDAPQCQqC1/7/z2pJSBl96k46c6nx9bAFHM8IawCQ/OJPmRZYWp2hIvNFcAHY7RbYCVLqwEQeAhFBJBARXHJR/wAzAQSfy73IXgAAAABJRU5ErkJggg==);
}

.mounting-filters .parameters .filter-group .filter-values .inside::-webkit-scrollbar-thumb {
	background: var(--color-primary);
}

.mounting-filters .parameters .filter-group .filter-values .inside::-webkit-scrollbar-thumb:hover {
	background: var(--color-primary-dark);
}

.container-wrap-green.container-wrap-dark {
	background: #404040;
}

.container-wrap-green.container-wrap-dark .container-box {
	padding-bottom: 7rem;
}

.container-wrap-green .articles .article {
	padding: 3rem 2rem;
	background: #7d7c7c;
}

.container-wrap-green .articles .article .cont {
	color: #fff;
}

.container-wrap-darkgray .articles .article .img img {
	aspect-ratio: 3 / 2;
	max-height: none;
	height: auto;
}

@media (max-width: 1369px) {
	.header-search .search-form {
		background: var(--color-primary);
	}
}

@media (max-width: 829px) {
	.container-wrap-green .articles .article > .in {
		background: #7d7c7c;
	}
}

@media (max-width: 559px) {
	.container-box:has(.article-slider) .container-box-top {
		padding: 0 7rem;
	}

	.container-box:has(.article-slider) .articles {
		margin-bottom: -2rem;
	}

	.container-box:has(.article-slider) .articles .article .cont {
		height: 10rem;
	}

	.container-box:has(.article-slider) .slick-prev,
	.container-box:has(.article-slider) .slick-next {
		top: -5.25rem;
	}

	.container-wrap-darkgray:has(.article-slider) .articles .article:nth-child(n+3) {
		display: block;
	}
}

#header-sidr_menu-toggler:hover .close,
#header-sidr_menu-toggler:hover .open {
	background: #202020;
}