/*top bar*/

.relative {
	position: relative;
}

.top-bar {
	background-color: rgb(0, 0, 0);
	padding: 5px 0px;
	font-size: 12px;
}

.top-contact {
	text-decoration: none;
	color: #fff;
	margin-right: 30px;
}

.topList .menu-item a {
	color: #fff;
}

.mega-sub-menu .latest-post__title {
	font-size: 1rem;
}

.mega-sub-menu .latest-post__title a {
	color: #fff;
	text-decoration: underline;
}

.latest-post__meta {
	margin: 10px 0;
}

.logo-image.logo-white {
	max-height: 41px;
}

.mega-sub-menu .latest-post__thumbnail,
.mega-sub-menu .latest-post__thumbnail a,
.mega-sub-menu .latest-post__thumbnail img {
	width: 100%;
	max-height: 260px;
	object-fit: cover;
}

.home .nav-brand {
	position: fixed;
	left: 0;
	right: 0;
	z-index: 4;
	border-bottom: 1px solid #fff;
	transition: transform 0.3s ease, background-color 0.3s ease, top 0.3s ease;
}

.nav-brand svg path {
	fill: #fff;
	stroke: #fff;
}

.top-bar {
	position: relative;
	z-index: 5;
}

.scrolled-up svg path {
	fill: #fff;
	stroke: #fff;
}

.mega-menu-header-menu-mobile-open .top-bar {
	z-index: 2;
}

.nav-brand.hidden {
	transform: translateY(-200%);
}

.nav-brand {
	background-color: #000;
	border-top: 1px solid #fff;
}

.home .nav-brand {
	background-color: transparent;
	border-top: 0px solid #fff;
}

.swiper {
	z-index: 0 !important;
}

.nav-brand.scrolled-up {
	background-color: #000;
	border-bottom-color: #000;
	top: 0;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 777;
	border-bottom: 1px solid #fff;
	transition: transform 0.3s ease, background-color 0.3s ease, top 0.3s ease;
}

.nav-brand.at-top {
	top: auto;
	background-color: transparent;
	border-bottom-color: #fff;
}
#mega-menu-wrap-header-menu {
	background-color: transparent;
}

.scrolled-up #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	color: #fff;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	color: #fff;
}

@media (min-width: 576px) {
	.scrolled-up #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
		color: #fff;
	}
}

.mobile-box__info {
	border-top: 1px solid #fff;
	margin-top: 20px;
	padding-top: 10px;
}

.mobile-box__info a {
	text-align: left;
	padding: 0 10px;

	margin-bottom: 10px;
}

.gt-current-lang {
	font-size: 14px;
}

.gt_float_switcher img {
	width: 15px !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
	padding: 0 !important;
	background-color: #000 !important;
	color: #fff !important;
}

#gt_float_wrapper {
	margin-right: 10px;
}

#unitForm {
	display: flex;
	gap: 0.2rem;
	border-left: 1px solid #cea525;
	padding-left: 0.5rem;
}

#unitForm button.selected {
	background-color: #fff;
}

#unitForm button {
	width: 30px;
	height: 30px;
	padding: 8px;
	background-color: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: 0.3s ease-in-out background-color;
	font-size: 14px;
	color: #cea525;
}

@media only screen and (min-width: 769px) {
	.home #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:hover,
	.home #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link:focus {
		background: transparent;
		color: #cea525;
		font-weight: normal;
		text-decoration: none;
		border: none;
	}
}

@media (max-width: 992px) {
	.top-bar {
		background-color: #000;
		justify-content: center;
		padding: 10px !important;
	}
}

.gtranslate_wrapper {
	z-index: 1;
}

.home .logo-image.logo-dark {
	display: none;
}

.logo-image.logo-dark {
	display: none !important;
}

.logo-image.logo-white {
	display: block;
}

.home .logo-image.logo-white {
	display: inline;
}

.nav-brand.scrolled-up .logo-image.logo-dark {
	display: none;
}
.nav-brand.scrolled-up .logo-image.logo-white {
	display: block;
}

#mega-menu-wrap-header-menu #mega-menu-header-menu {
	text-align: right;
}

@media (max-width: 992px) {
	.top-bar__language {
		justify-content: center;
	}

	#mega-menu-wrap-header-menu .mega-menu-toggle.mega-menu-open + #mega-menu-header-menu {
		padding-top: 20px;
	}
}

/* Kontener przełącznika */
.gtranslate_wrapper,
.gtranslate,
.gtranslate .switcher {
	position: relative; /* bazą dla absolutnie pozycjonowanej listy */
	display: inline-block; /* niech zajmuje tylko szerokość triggera */
	z-index: 99;
}

/* Wyświetlany aktualnie język (trigger) */
.gtranslate .switcher .selected {
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	padding: 0.4rem 0.6rem;
	cursor: pointer;
	white-space: nowrap; /* nie łamie się */
}

/* Lista języków – ukryta i WYJĘTA z normalnego flow */
.gtranslate .switcher .option {
	position: absolute;
	top: calc(100% + 6px); /* pod przyciskiem */
	left: 0;
	display: none; /* pokazujemy na :hover/focus */
	min-width: 180px;
	width: max-content; /* dopasuj do najdłuższego elementu */
	white-space: nowrap; /* niech nazwy się nie łamią */
	background: #111; /* dopasuj do motywu */
	border: 1px solid rgba(255, 255, 255, 0.12);
	border-radius: 6px;
	box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25);
	z-index: 9999; /* ponad nagłówkiem */
}

/* Pokaż listę po najechaniu/aktywacji */
.gtranslate .switcher:hover .option,
.gtranslate .switcher:focus-within .option {
	display: block;
}

/* Elementy w liście */
.gtranslate .switcher .option a {
	display: flex;
	align-items: center;
	gap: 0.6rem;
	padding: 0.5rem 0.75rem;
	text-decoration: none;
}

/* Opcjonalnie: zawężenie samego „przycisku”, by nie rozszerzał menu */
.header .gtranslate_wrapper {
	max-width: max-content;
} /* dostosuj lub usuń */

.gt_float_switcher .gt_options {
	position: absolute !important;
	top: 39px !important;
	background-color: #fff;
	z-index: 2 !important;
}

.gt_float_switcher .gt_options a {
	text-align: left;
	width: 150px;
	padding: 6px 8px !important;
}

/* navigation */

.topNavigation {
	line-height: 30px;
}

.navbar {
	padding: 10px;
}

.navbar-follow {
	position: fixed;
	top: -80%;
	width: 100%;
	transition: 0.5s;
	opacity: 0;
}

.navbar-follow .container-follow .nav-box .dgwt-wcas-ico-magnifier-handler,
.navbar-top-icons.hide-on-desktop .dgwt-wcas-ico-magnifier-handler {
	fill: #fff !important;
}

.navbar-follow .container-follow .nav-box {
	gap: 20px;
}

.before-menu-icons {
	display: flex;
	align-items: center;
	gap: 20px;
}

.navbar-image {
	max-width: 250px !important;
	width: 100%;
}

.toggle-nav {
	display: none;
}

.displayNav {
	display: block !important;
	top: 0px;
	z-index: 99999;
	transition: 0.5s;
	opacity: 1;
}

.topNavigation .topList {
	text-transform: uppercase;
}

.topList,
.socialsList,
.navigation-list,
.products-list,
.posts-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.topList .menu-item {
	padding: 0px 10px;
	font-size: 12px;
}

.socialsList {
	margin-left: 15px;
	flex-wrap: wrap;
}

.socials-item-bordered > .social-icon {
	padding: 0;
}

.social-icon {
	padding: 0 5px;
}

.scrolled-up .logo-image {
	height: 48px;
}

@media (max-width: 767.98px) {
	.mobile-order-1 {
		order: 1;
	}

	.mobile-order-2 {
		order: 2;
	}

	.mobile-order-3 {
		order: 3;
	}

	.scrolled-up .logo-image {
		height: auto;
	}
}

.nav-brand.scrolled-up .logo-image {
	height: auto;
}

.nav-brand.scrolled-up .container-brand {
	padding: 10px 12px;
}

.nav-brand.scrolled-up #mega-menu-wrap-header-menu #mega-menu-header-menu > li.mega-menu-item > a.mega-menu-link {
	height: 48px;
}