@media (min-width: 768px) {
	.top-navigation-menu {
		flex-basis: 100% !important;
	}

	.top-navigation-tools {
		display: none !important;
	}
}

.top-navigation-bar {
	background: transparent;
	border-color: transparent;
}

.top-navigation-bar .container {
	background: #000;
	border-radius: 10px;
	margin-top: 5px;
}

.top-navigation-bar .top-navigation-bar-menu a,
.top-menu-trigger-visible .top-navigation-menu-trigger,
.top-navigation-bar .top-navigation-tools a {
	color: #fff;
}

#header .search-input {
	background: rgb(234 245 253);
}

@media (min-width: 768px) {

	#header .search-input:focus,
	#header .search-input:hover,
	.search-focused #header .search-input,
	.search-window-visible #header .search-input {
		box-shadow: 0 0 10px rgb(3 140 215 / 16%);
	}
}

.top-navigation-bar .top-nav-button-login,
.top-navigation-bar a[data-testid="headerSignup"],
.top-navigation-bar .top-nav-button-account,
.top-navigation-bar .top-nav-button-logout {
	display: none !important;
}

#header .header-top-wrapper>.search .search-input-icon:before,
#header .navigation-buttons a[data-target="search"]:before {
	content: "";
	width: 26px;
	height: 26px;
	display: inline-block;

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

	-webkit-mask-image: url("/user/documents/pw/lupa.svg");
	mask-image: url("/user/documents/pw/lupa.svg");

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: 26px;
	mask-size: 26px;

	background-image: none;
}

.navigation-buttons a[data-target="cart"]:before {
	content: "";
	background-image: url("/user/documents/pw/kosik.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

.navigation-buttons button[data-target="login"]:before,
.navigation-buttons .top-nav-button-account:before {
	content: "";
	background-image: url("/user/documents/pw/prihlaseni.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

.navigation-buttons .top-nav-button-account:before {
	filter: invert(51%) sepia(99%) saturate(1678%) hue-rotate(172deg) brightness(95%) contrast(101%);
}

.navigation-buttons button[data-target="login"] span,
.navigation-buttons .top-nav-button-account span {
	padding-left: 5px;
}

.navigation-buttons a[data-target="navigation"]:before {
	content: "";
	background-image: url("/user/documents/pw/hamburger.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

.navigation-window-visible .navigation-buttons a[data-target="navigation"]:before {
	content: "";
	background-image: url("/user/documents/pw/zavrit.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

#header .navigation-buttons button[data-target="login"],
#header .navigation-buttons .top-nav-button-account,
#header .navigation-buttons a[data-target="cart"] {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: 0;
}

@media (max-width: 767px) {

	#header .navigation-buttons a[data-target="navigation"],
	#header .navigation-buttons a[data-target="search"] {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 1199px) {

	.navigation-buttons button[data-target="login"] span,
	.navigation-buttons .top-nav-button-account span {
		display: none;
	}
}

@media (min-width: 480px) and (max-width: 767px) {
	#header .navigation-buttons a {
		height: 60px;
		width: 60px;
	}

	#header .navigation-buttons button[data-target="login"]:before,
	#header .navigation-buttons a[data-target="cart"]:before {
		background-size: 30px;
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 480px) {
	#header .site-name {
		flex-basis: calc(100vw - 180px);
		text-align: left;
	}

	#header .navigation-buttons a {
		width: 45px;
	}
}

@media (max-width: 320px) {
	#header .site-name {
		flex-basis: calc(100vw - 170px);
	}

	#header .navigation-buttons a {
		width: 40px;
	}
}

@media (max-width: 767px) {
	.navigation-window-visible .navigation-in.menu {
		background: #0394dd;
	}

	.navigation-window-visible #navigation .navigation-in a {
		color: white;
	}

	.navigation-window-visible ul.menu-level-1 {
		padding-left: 20px;
		padding-top: 20px;
	}

	.navigation-window-visible #navigation .navigation-in ul li>a>b {
		text-decoration: none !important;
	}

	.navigation-window-visible span.submenu-arrow {
		display: none !important;
	}

	.navigation-window-visible #navigation .menu-level-1>li>a {
		padding-right: unset;
		max-width: 300px;
	}

	.navigation-window-visible .navigation-in .navigationActions {
		display: none;
	}

	#navigation .menu-level-1 .copy {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}

@media (max-width: 767px) {

	.user-action-in .popup-widget.cart-widget,
	.user-action-in .popup-widget.login-widget {
		height: calc(100% - 60px);
		top: 60px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.popup-widget.cart-widget,
	.popup-widget.login-widget,
	.popup-widget.search-widget {
		top: 186px !important;
		height: calc(100% - 186px);
	}
}

@media (min-width: 992px) {
	.popup-widget.login-widget:before {
		right: 80px !important;
	}

	.admin-logged .popup-widget.login-widget,
	.admin-logged .popup-widget.cart-widget {
		top: 128px !important;
	}

	.scrolled .popup-widget.login-widget,
	.scrolled .popup-widget.cart-widget {
		top: 78px !important;
	}

	.popup-widget.login-widget,
	.scrolled .popup-widget.cart-widget {
		position: fixed !important;
		top: 103px;
	}
}

@media (min-width: 1200px) {
	.popup-widget.login-widget:before {
		right: 210px !important;
	}
}

.navigation-buttons .top-nav-button-account span {
	padding-left: 5px;
	color: #0093df;
}

@media (min-width: 768px) {
	.top-navigation-menu {
		flex-basis: 100% !important;
	}

	.top-navigation-tools {
		display: none !important;
	}
}

.top-navigation-bar {
	background: transparent;
	border-color: transparent;
}

.top-navigation-bar .container {
	background: #363530;
	border-radius: 0;
	margin-top: 0;
	padding: 8px 0 !important;
}

.top-navigation-bar {
	background: #363530;
}


.top-navigation-bar .top-navigation-bar-menu a,
.top-menu-trigger-visible .top-navigation-menu-trigger,
.top-navigation-bar .top-navigation-tools a {
	color: white;
}

#header .search-input {
	background: var(--pw-secondary-color);
	color: var(--pw-text-color) !important;
}

#header .search-input::placeholder {
	color: var(--pw-text-color) !important;
}

#header .search-form:hover .search-input {
	background-color: var(--pw-secondary-color);
	border-color: transparent;
	color: var(--pw-text-color) !important;
}

#header .search-form:hover .search-input::placeholder {
	color: var(--pw-text-color) !important;
}

@media (min-width: 768px) {

	#header .search-input:focus,
	#header .search-input:hover,
	.search-focused #header .search-input,
	.search-window-visible #header .search-input {
		box-shadow: 0 0 10px 0px var(--pw-primary-color);
	}
}

.top-navigation-bar .top-nav-button-login,
.top-navigation-bar a[data-testid="headerSignup"],
.top-navigation-bar .top-nav-button-account,
.top-navigation-bar .top-nav-button-logout {
	display: none !important;
}

.navigation-buttons a[data-target="cart"]:before {
	content: "";
	background-image: url("/user/documents/pw/kosik.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

.navigation-buttons button[data-target="login"]:before,
.navigation-buttons .top-nav-button-account:before {
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
}

.navigation-buttons button[data-target="login"]:before,
.navigation-buttons .top-nav-button-account:before {
	content: "";
	width: 26px;
	height: 26px;
	display: inline-block;
	background-color: black;

	-webkit-mask-image: url(/user/documents/pw/prihlaseni.svg);
	mask-image: url(/user/documents/pw/prihlaseni.svg);

	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;

	-webkit-mask-position: center;
	mask-position: center;

	-webkit-mask-size: 26px;
	mask-size: 26px;

	background-image: none;
	filter: none;
}

.navigation-buttons button[data-target="login"] span,
.navigation-buttons .top-nav-button-account span {
	padding-left: 5px;
}

.navigation-buttons a[data-target="navigation"]:before {
	content: "";
	background-image: url("/user/documents/pw/hamburger.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

.navigation-window-visible .navigation-buttons a[data-target="navigation"]:before {
	content: "";
	background-image: url("/user/documents/pw/zavrit.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 26px;
	width: 26px;
	height: 26px;
}

#header .navigation-buttons button[data-target="login"],
#header .navigation-buttons .top-nav-button-account,
#header .navigation-buttons a[data-target="cart"] {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (max-width: 767px) {

	#header .navigation-buttons a[data-target="navigation"],
	#header .navigation-buttons a[data-target="search"] {
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media (max-width: 1199px) {

	.navigation-buttons button[data-target="login"] span,
	.navigation-buttons .top-nav-button-account span {
		display: none;
	}
}

@media (min-width: 480px) and (max-width: 767px) {

	#header .navigation-buttons a,
	#header .navigation-buttons button {
		height: 60px;
		width: 60px;
	}

	#header .navigation-buttons button[data-target="login"]:before,
	#header .navigation-buttons a[data-target="cart"]:before {
		background-size: 30px;
		width: 30px;
		height: 30px;
	}
}

@media (max-width: 320px) {
	#header .site-name {
		flex-basis: calc(100vw - 170px);
	}

	#header .navigation-buttons a {
		width: 40px;
	}
}

@media (max-width: 767px) {
	.navigation-window-visible .navigation-in.menu {
		background: white;
	}

	.navigation-window-visible #navigation .navigation-in a {
		color: white;
	}

	.navigation-window-visible ul.menu-level-1 {
		padding-left: 0;
		padding-top: 0;
	}

	.navigation-window-visible #navigation .navigation-in ul li>a>b {
		text-decoration: none !important;
	}

	.navigation-window-visible span.submenu-arrow {
		display: none !important;
	}

	.navigation-window-visible #navigation .menu-level-1>li>a {
		padding-right: unset;
		max-width: 300px;
	}

	.navigation-window-visible .navigation-in .navigationActions {
		display: none;
	}

	#navigation .menu-level-1 .copy {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
}

@media (max-width: 767px) {

	.user-action-in .popup-widget.cart-widget,
	.user-action-in .popup-widget.login-widget {
		height: calc(100% - 60px);
		top: 60px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {

	.popup-widget.cart-widget,
	.popup-widget.login-widget,
	.popup-widget.search-widget {
		top: 160px !important;
		height: calc(100% - 186px);
	}
}

@media (min-width: 992px) {
	.popup-widget.login-widget:before {
		right: 80px !important;
	}

	.admin-logged .popup-widget.login-widget,
	.admin-logged .popup-widget.cart-widget {
		top: 128px !important;
	}

	.scrolled .popup-widget.login-widget,
	.scrolled .popup-widget.cart-widget {
		top: 78px !important;
	}

	.popup-widget.login-widget,
	.scrolled .popup-widget.cart-widget {
		position: fixed !important;
		top: 103px;
	}
}

@media (min-width: 1200px) {
	.popup-widget.login-widget:before {
		right: 210px !important;
	}
}

.navigation-buttons .top-nav-button-account span {
	padding-left: 5px;
	color: var(--pw-primary-color);
	display: none;
}


.top-navigation-bar {
	border: none;
}

@media (min-width: 768px) {
	#header .header-top {
		padding: 25px 0;
	}
}

@media (min-width: 1200px) {
	#header .search {
		padding-left: 0;
		padding-right: 0;
	}
}

.header-bottom {
	background-color: #0394dd;
	border-color: transparent;
	border: none !important;
}

.navigation-in ul.menu-level-1 {
	background-color: #0394dd;
}

.navigation-in ul li a b {
	font-weight: 700;
	color: white;
}

.menu-helper>span {
	background-color: transparent;
	border-color: white;
	color: white;
}


body.navigation-hovered header#header {
	z-index: 1003;
	position: relative;
}


body.navigation-hovered .top-navigation-bar {
	z-index: 1003;
	position: relative;
}

@media (min-width: 768px) {
	.navigation-in>ul>li:first-child a {
		padding-left: 0;
	}

	.navigation-in>ul>li:first-child>a:hover {
		margin-left: 0;
		padding-left: 0;
	}
}


@media (max-width: 767px) {
	.navigation-buttons {
		gap: 0 !important;
	}

	.navigation-buttons {
		position: relative;
	}

	#header .site-name {
		flex-basis: 150Px;
		text-align: left;
	}

	#header .header-top .container {
		min-height: 60px;
	}

	#navigation {
		top: 60px;
	}
}

@media(min-width: 768px) and (max-width: 991px) {
	#navigation {
		background-color: #0394dd;
		font-family: var(--template-headings-font), sans-serif;
		border: none;
	}


	#header .container {
		height: 70px;
	}

	.top-navigation-menu {
		margin-left: 0;
	}

	#header .header-top-wrapper .site-name {
		flex: 0 1 200px
	}

	#header .header-top-wrapper>div.navigation-buttons {
		flex: 0 1 210px
	}

	#header .header-top-wrapper>div.search {
		flex: 0 1 calc(100% - 410px);
		padding-left: 50px;
		padding-right: 0
	}
}

@media(min-width: 992px) and (max-width: 1199px) {
	.popup-widget {
		margin-left: -65px;
	}

	.top-navigation-menu {
		margin-left: 0;
	}
}


@media(max-width: 767px) {
	.top-nav-button-login {
		padding: 4px 10px;
	}

	#header .header-top form#formSearchForm {
		padding-inline: 10px;
		padding-bottom: 10px;
	}

	.search-input-icon {
		top: calc(50% - 5px);
	}

	#header .navigation-buttons a {
		height: 60px;
	}

	.search-input-icon {
		left: 35px;
	}
}

body.sticky-active #header {
	position: fixed !important;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1002;
	transform: translateY(-100%);
	transition: transform 0.3s ease-in-out;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

body.sticky-visible #header {
	transform: translateY(0);
}

.popup-widget.cart-widget {
	z-index: 1003 !important;
}