/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
/* .bg-gradient {
    background: linear-gradient(45deg, #d7a2a8, #e3b4ba);
} */

#index #carousel .slick-slide {
    margin-bottom: 0;
}

.carousel-image::before {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: #0000006b;
    content: "";
}

#search_widget {
    max-width: 100vW;
    position: fixed;
    top: 95px;
    padding: 1rem 2rem;
    background: #fddd33;
    width: 100vW !important;
    left: 0;
	display: none;
}

.cta .btn-primary {
    background: var(--secondary);
    color: white;
}
.cta .btn-primary:hover {
    background: #006;
    color: white;
}
.btn-primary {
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.carrier-price {
    color: #282d81;
}

.fw-entra-login-btn {
    color:  #282d81;
}
.fw-entra-login-wrapper {
    border-top: none!important;
}
.block-categories__label {
    color: #282d81;
}
.h1 {
    font-weight: 600;}

    .block-categories__label, .custom-select {
        background-image: linear-gradient(45deg, transparent 50%, #282d81 0), linear-gradient(135deg, #282d81 50%, transparent 0), linear-gradient(90deg, transparent, transparent);
        }


        /* Default gradient (bottom layer) */
.btn-primary::before {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(45deg, #fed728, #ffe440, #fcd11e);
    z-index: -1;
    transition: opacity 0.5s ease;
    opacity: 1;
}

/* Hover gradient (top layer) */
.btn-primary::after {
    content: "";
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: linear-gradient(45deg, #ffe440, #fcd11e, #fed728);
    z-index: -1;
    transition: opacity 0.5s ease;
    opacity: 0;
}

.btn-primary:hover::after {
    opacity: 1;
}

.btn-primary:hover::before {
    opacity: 0;
}

.cta .btn-primary::before, .cta .btn-primary::after {
	display:none
}
.products-imagescover .btn-link i {
    display: none;
}


 .dmppl_image_container img {
    max-width: 200px !important;
}

section.facet__block.dropdown.grid .dropdown-menu {
    transform: none !important;
    top: 65px !important;
}

div#product-availability>span {
    display: flex;
    align-items: center;
}

#product-availability svg {
margin-right: 0.25rem;
}
/* body {
	background: url(/themes/4works-extra-theme/assets/img/bg.jpg);
	background-size: 100%;
	background-attachment: fixed;
} */

.custom-control-label:after, .custom-control-label:before {
    top: -2px;
}

header.header-top .bg-primary {
    background: linear-gradient(45deg, #fdd929, #ffe542);
}

.homepageslider-container>div:nth-of-type(2) h2,
.homepageslider-container>div:nth-of-type(2) p {
	color: white !important;
}

#doprava_zdarma_here_cart {
	z-index: 9999;
}

#wrap-phone-pop p,
#wrap-phone-pop a,
#wrap-phone-pop span,
#wrap-phone-pop samp,
#wrap-phone-pop div,
#wrap-phone-pop h2,
#wrap-phone-pop h3,
#wrap-phone-pop h4 {
	font-family: Inter, Arial Narrow Bold, sans-serif !important;
}

a.cp-btn-save {
	background: #adc043 !important;
	font-weight: 600;
	padding: 1rem;
	height: auto !important;
	line-height: normal !important;
	border-radius: 1.75rem !important;
}

.switcher>a,
ul#cp-link-step>li a,
#cp-sel-Photos li {
	border-radius: 0.5rem !important;
	overflow: hidden;
}

.blc-bas li a,
textarea.cp-input-txt,
.selected-typo,
.cp-list-color>a {
	background: none !important;
	border-style: solid !important;
	border-radius: 0.5rem !important
}

.combo-typo>a {
	display: flex;
	padding: 12px;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
}

.combo-typo>a img {
	max-width: 1rem !important;
}

a.add-txt,
.save-txt,
.new-txt {
	border-radius: 0.5rem;
	padding: 0.5rem 1rem;
	height: auto;
	line-height: normal !important;
	background: #adc043;
}

#cp-textarea {
	border: none !important
}

#cp-sel-Photos li {
	width: 80px !important;
	height: 80px !important;
}

.cp-btn-more-pic {
	height: auto !important;
	border-radius: 0.5rem;
}

#cp-sel-Photos img {
	max-width: 1rem;
}

.anywere .cp-gridme-cover .squared {
	opacity: 1 !important;
}

.js-mailalert button {
	margin-top: 0.5rem !important;
}

#packetery-widget button,
#dmppl_button {
	background-color: #c56e6c;
	color: white;
	padding: 1rem;
	font-size: 14px !important;
	width: max-content;
	border-radius: 1.75rem;
}

#packetery-widget button:hover,
#dmppl_button:hover {
	background-color: #b55654 !important
}

#dmppl_extra_carrier {
	padding: 0 1.25rem;
}



.product-thumb{
    margin-bottom: 1rem;
	background: white;
}

.product-customization .product-message.js-max,
.product-customization .product-message.js-min {
	border: 1px solid red;
}

.product-customization .js-minMax-error {
	color: red;
	font-size: 13px;
}

.product-customization {
	/* display: none; */
	margin: 1rem 0;
	box-shadow: none;
}


.product-customization .card-block {
	padding: 0;
	box-shadow: none;
	border: none;
	background-color: transparent;
}

.product-customization .card-block ul {
	width: 100%;
}

.product-customization .customizationAddition span {
	display: inline-block;
	width: 50%;
	font-size: 0.9em;
}

#someFakeSubmitButton {
	width: 100% !important;
}



.store-item-container ul li {
	margin-bottom: 0.5rem;
}

.store-content {
	max-width: 230px;
}

input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	width: 20px;
	height: 20px;
	padding: 3px;
	background-clip: content-box;
	border: 2px solid #333;
	background-color: #e7e6e700;
	border-radius: 50% !important;
	margin-bottom: 4px;
}



input[type="checkbox"] {
	/* Add if not using autoprefixer */
	-webkit-appearance: none;
	appearance: none;
	/* For iOS < 15 to remove gradient background */
	background-color: #fff;
	/* Not removed via appearance */
	margin: 0;
}

input[type="checkbox"] {
	appearance: none;
	background-color: #fff;
	margin: 0;
	font: inherit;
	color: currentColor;
	width: 1.15em;
	height: 1.15em;
	border: 0.15em solid currentColor;
	border-radius: 0.15em;
	transform: translateY(-0.075em);
}

.form-control+.form-control {
	margin-top: 1em;
}

input[type="checkbox"] {
	display: grid;
	place-content: center;
}

input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
}


input[type="checkbox"] {
	display: inline-grid;
	place-content: center;
}

input[type="checkbox"]::before {
	content: "";
	width: 0.65em;
	height: 0.65em;
	transform: scale(0);
	transition: 120ms transform ease-in-out;
}

input[type="checkbox"]:checked::before {
	transform: scale(1);
}

input[type="checkbox"]::before {
	transform-origin: bottom left;
	clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

/* input[type="checkbox"]:focus {
	outline-offset: max(2px, 0.15em);
	outline: max(2px, 0.15em) solid black;
} */

input[type="checkbox"]:disabled {
	--form-control-color: #333;

	color: #333;
	cursor: not-allowed;
}


.product-variants-item {
    display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}
.product-variants-item .custom-control-label:before, .product-variants-item .custom-control-input:not(:disabled):active~.custom-control-label:before {
	background: none;
	display: none;
}
.product-variants-item .custom-radio .custom-control-input:checked~.custom-control-label {
	border: solid 2px #e6c6c7;
} 

.product-variants .id-10 .custom-control-label {
    color: #d39b9d!important;
    font-size: 0.875rem;
	padding: 0.5rem .75rem !important
}

.product-variants .id-10 .custom-control-label:after, .product-variants .id-10 .custom-control-label:before, .product-variants .id-10 .custom-control-label {
	border-radius: 4px!important;
}

.product-variants-item > .custom-control {
    margin: 0 0.5rem 0.5rem 0;
}

.product-variants .id-10 .custom-control-label {
	margin: 0!important;
}
#product-modal .slick-arrow {
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}

#product-modal .slick-arrow.slick-next {
	left: unset;
	right: 0;
}

.header-top {
	background: white;
}

.header-top__content {
	height: 0;
}

body.scroll-down header {
	transform: none;
	-webkit-box-shadow: 0px 10px 23px -7px rgb(238 154 152 / 50%);
	-moz-box-shadow: 0px 10px 23px -7px rgb(238 154 152 / 50%);
	box-shadow: 0px 10px 23px -7px rgb(238 154 152 / 50%)
}

.top-menu p,
.opening-hours p {
	margin: 0;
}

.gallery img {
	height: 400px;
}

@media (min-width:1201px) {
	body#category div#left-column {
		max-width: max-content;
		min-width: 300px;
		flex:unset
	}
	
	body#category div#content-wrapper {
		flex: 1;
		max-width: unset;
	}
	
}

#subcategories ul>a {
	flex:unset
}

ul.category-sub-menu {
    font-weight: 100;
}
/*edit sidebar */
#_desktop_block_cat .first-line {
	background: white;
    margin-top: 0.5rem;
    font-weight: 300;
	box-shadow:	0 0 20px 0 rgb(240 240 240)
}

#_desktop_block_cat .first-line.bg-primary {
    background: linear-gradient(45deg, #282d81, #000066)
}

#_desktop_block_cat ul.category-sub-menu > li {
    background: white;
    border-radius: 1.75rem;
}

#_desktop_block_cat .category-sub-menu .category-sub-menu a::before {
    content: "-";
    margin-right: 0.25rem;
}

#_desktop_block_cat .category-sub-menu .category-sub-menu {
    font-size: 0.8rem;
    padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}

#_desktop_block_cat .category-sub-menu .category-sub-menu a {
    position: relative;
    left: 2rem;
}

#_desktop_block_cat .category-sub-menu .category-sub-menu a::before {
    content: "";
    margin-right: 0.25rem;
    width: 15px;
    height: 2.5px;
    background: #000066;
    position: absolute;
    left: -1.5rem;
    top: 7px;
    border-radius: 5px;
}

/* } 

.footer-container.l-footer.p-4 {
    background: url(/themes/4works-extra-theme/assets/img/footer-bg.jpg);
    background-attachment: fixed;
    background-position: bottom;
}

.footer-container img,  .footer-container svg{
    filter: brightness(10.5);
}

.footer-container a, .footer-bar, .footer-bar a,
.footer-container a:hover, .footer-bar a:hover {
   color:white
}

.footer-container a:hover, .footer-bar a:hover {
	text-decoration: underline;
 }

.footer-bar {
	background-color: #259424;
} */




.dropdown-menu {
	box-shadow: 0 6px 60px rgb(119 50 52 / 25%);
}

/* .search-widget input[type=text] {
    border: 2px solid #9abeba;
}

.search-widget button {
	background-color: #9abeba;
} */

/* #dmppl_button {
	background-color: #3d4e4c;
	padding: 1rem;
	font-size: 14px;
	width: max-content;
	border-radius: 1.75rem;
}

#dmppl_button:hover {
	background-color: rgba(45, 58, 56, 0.849)!important;
} */


/** Matúš úpravy **/


.search-widget button {
	background: var(--secondary);
}

.search-widget input[type=text] {
	border: 2px solid var(--secondary);
}

span#heureka_only_desktop .star.half:after {
	margin-left: -1px;
	width: 11px;
	top: 0px;
	height: 14px;
}

span#heureka_only_desktop {
	background: white;
	display: block;
	border-radius: 1.75rem;
	padding: 0.75rem 2rem 3rem;
	position: relative;
	margin-top: 5rem;
}

span#heureka_only_desktop::before {
	content: "";
	background: url(/img/logo-overeno-gold.svg);
	width: 130px;
	height: 130px;
	position: absolute;
	background-size: contain;
	left: calc(50% - 65px);
	top: -50px;
}

span.star.half {
	position: relative;
}

/* product variants */

.product-variants .id-10 {
	order: -1;
}

.product-variants .id-10 .custom-control-label:after,
.product-variants .id-10 .custom-control-label:before {
	width: 100%;
	height: 2.5rem;
	border-radius: 0 !important;
	left: 0;
	border: 0;
}

.product-variants .id-10 .label {
	display: none;
}

.product-variants .id-10 .custom-control {
	padding-left: 0;
}

.product-variants .id-10 .custom-control-label {
	color: #7c7f83;
	gap: .5rem;
	margin: .5rem 0;
	/* width: 3.5rem;
	height: 2.5rem; */
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem 2rem;
	border: solid 1px rgb(230 198 199);
}

.product-variants .id-10 .custom-control-input:checked~.custom-control-label:after,
.product-variants .id-10 .custom-control-input:checked~.custom-control-label:before {
	background: none;
}
.pagination-summary >div {
    padding-left: 1rem;
}
div#js-product-list .products {
    margin: -0.5rem;
}


.mobile-phone-btn,
.mobile-mail-btn {
	display: none;
}

.ui-menu .ui-menu-item a {
    display: grid;
    grid-template-columns: 1fr 8fr;
    gap: 0.5rem;
	align-items: center;}
.ui-menu .ui-menu-item a:hover {
	background: none!important;
}

#product-modal .slick-arrow>i {
    display: none;
}

div#product-modal .btn-close {
    position: absolute;
    right: 1.75rem;
    top: 1.75rem;
    z-index: 999;
	cursor:pointer
}

header .blockcart__count {
    padding-bottom: 0.15rem !important;
}
@media (max-width:1600px) {
	nav#_desktop_top_menu {
		display: none;
	}

	.header-top__content {
		justify-content: flex-end !important;
	}
}

/* @media (min-width:1200px) {
	#category #left-column {
		width: max-content;
		flex: unset;
	}
} */
@media (max-width: 1200px) {
.ybc-blog #content-wrapper .ybc-blog-wrapper {
	padding: 0;
}}


@media (max-width: 991.98px) {
	.top-menu > a:not(.mobile-phone-btn):not(.mobile-mail-btn) {
		display: none !important;
	}
    #search_widget {
        background: rgb(255 255 255);
        padding: 0.75rem 1.25rem;
        top: 60px;
    }
	#category div#content-wrapper {
		padding-left: 0;
		padding-right: 0;
	}
	.mobile-phone-btn, .mobile-mail-btn {
		display: inherit;
		display: flex;
		align-items: center;
		font-weight: 500;
        svg {
            margin-right: 0.25rem;
        }
}
div#_mobile_currency_selector {
    padding-right: 0 !important;
    margin-right: 0 !important;
}
}

@media (max-width:815px) {
	/* .top-menu div {
		display: none !important;
	} 

	.top-menu {
		justify-content: flex-end !important;
	}*/

	.top-menu a:last-of-type {
		margin-right: 0 !important;
	}

	span#heureka_only_desktop {
		padding: 0.75rem 0.5rem 3rem;

	}

	div#left-column {
		display: none;
	}
	#gdpr_consent .custom-control-label {
		display: block;
		text-align: left;
	}
}
@media (max-width:767px) {
.product-thumbs {
	padding-right: 0; }
}
@media (max-width:480px) {
#subcategories ul>a {
    flex-basis: 100%;
	margin-right: 0!important;
}
div#subcategories {
    margin-bottom: 0.75rem;
}}

#search_filters label.custom-control-label {
	display: flex;
	gap: 0;
	margin: 0.25rem;
}

.facet__block .dropdown-menu {
	z-index: 99999;
}
@media (min-width:768px) {
	.facet__block.grid.show .dropdown-menu {
        display: grid; 
    }

	.facet__block.grid .dropdown-menu {
        grid-template-columns: repeat(2, 1fr);
    }
	
}

@media (min-width:1025px) {
	.facet__block.grid .dropdown-menu {
        grid-template-columns: repeat(3, 1fr);
    }
	
}

@media (min-width:1201px) {
	.facet__block.grid .dropdown-menu {
        grid-template-columns: repeat(4, 1fr);
    }
	
}

.product-variants-item .custom-radio .custom-control-input:checked~.custom-control-label {
	border-color: #dcaaaf;
	background: var(--primary);
	color: #fff !important;
}

.product-variants-item .color {
	border-color: #c5c5c5;
}

.product-variants-item .selected .border-primary {
	box-shadow: 0px 9px 7px -6px rgb(221 171 177);
}

.product-colors .label-color.selected .color {
	width: 2.25rem;
	height: 2.25rem;
	/* border-bottom: 3px solid var(--primary); */
	/* padding-bottom: 6px; */
}


/* 404 */


#image-404 {
    max-width: 500px;
    margin: 3rem 0;
	overflow: visible;
}

h1.page404 {
    font-size: 1.75rem;
    margin-top: -1.5rem;
    font-weight: 700;
}

#image-404 text {
    font-size: 21rem;
}

p.p404 {
    max-width: 500px;
    margin: 1rem auto 1.5rem;
}

.symbol .icon:not(:first-child){
	animation: moveLeft 1.2s infinite ease-in-out;
}

.symbol .icon:first-child {
	animation: moveRight 1.2s infinite ease-in-out 0.05s; /* Slight delay */
}

@keyframes moveLeft {
	0%, 100% { transform: translateX(0); }
	50% { transform: translateX(-3px); }
}

@keyframes moveRight {
	0%, 100% { transform: translateX(0) rotate(0deg); }
	50% { transform: translateX(2px) rotate(0.25deg); }
}
/* end of 404 */

.block_content.row {
    overflow: hidden;
}



a.category-item > div {
    background: #FCE428;
	background:#27E2CC
}

a.category-item:nth-child(2) > div {
    background:#27E2CC;
	background: #FF8000;
}

a.category-item:nth-child(3) > div {
    background: rgb(3 77 162);
}

a.category-item:nth-child(4) > div {
    background: #FF8000;
	background: #FCE428;
}

.featured-categories .category-content .category-title, .featured-categories .category-content .view-more {
	color:white!important
}
.featured-categories .category-thumbnail img {
	max-height: 8rem;
}
.category-thumbnail {
    display: flex;
    align-items: center;
}

.featured-categories .category-content .content {
    width: 50%;
    margin-top: 1.75rem;
    margin-bottom: 1.75rem;
	margin-left: auto;
}

.product-minimal-quantity {
    margin-top: 0.75rem;
}

@media (max-width: 1599px) {
.featured-categories .category-content .content {
    width: 80%;}
}


@media (max-width: 991.98px) {
    #search_widget {
        background: #fddd33;
        padding: 0.75rem 1.25rem;
        top: 95px;
    }
}

@media (max-width: 787px) {
.featured-categories .category-content .content {
    width: 50%;}
}


@media (max-width: 787px) {
.featured-categories .category-content .content {
    width: 80%;}
}