/**
 * Header mega menu — current (orange) header, CSS-only hover reveal.
 *
 * Panel markup (.tj-nav__mega) is injected into the mega item's <li> by
 * inc/modul/mega-menu.php. Selectors are scoped under `#main-header .main-menu`
 * so they beat the id-level header rules (`#navbar > .navbar-nav > li a`).
 * Literal colors only — the page-2026 CSS custom properties aren't loaded on
 * every page.
 */

#main-header .main-menu .tj-has-mega {
	position: inherit;
}


@media (min-width: 990px) {
	.main-header #navbar,
	.main-header #navbar > .navbar-nav > li:not(.dropdown){
		position: inherit !important;
	}
}

/* Panel — right-aligned to the trigger so it stays inside the container. */
#main-header .main-menu .tj-has-mega > .tj-nav__mega {
	position: absolute;
	top: 100%;
	right: auto;
	left: 50%;
	/* left: auto;
	right: auto; */
	/* width: 760px; */
	max-width: calc(100vw - 40px);
	padding: 26px 30px;
	margin-top: 10px;
	background: #fff;
	border: 1px solid #ececec;
	border-radius: 12px;
	box-shadow: 0 18px 50px rgba(0, 0, 0, 0.14);
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
	transform: translateY(6px) translateX(-50%);
	transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
	z-index: 1000;
	text-align: left;


	/* opacity: 1;
	visibility: visible;
	pointer-events: auto;
	transform: translateY(0) translateX(-50%); */
	
	/* min-width: 720px;
	margin-top: 35px;
	padding: 26px 32px;
	transition: opacity .2s,visibility .2s;
	position: absolute;
	top: calc(100% - 30px);
	left: 50%;
	transform: translate(-50%);
	box-shadow: 0 12px 40px #0000001a; */


}

/* Invisible bridge over the gap so hover doesn't drop between trigger + panel. */
#main-header .main-menu .tj-has-mega > .tj-nav__mega::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: -16px;
	height: 16px;
}


@media (min-width: 990px) {
	#main-header .main-menu .tj-has-mega:hover > .tj-nav__mega,
	#main-header .main-menu .tj-has-mega:focus-within > .tj-nav__mega {
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: translateY(0) translateX(-50%);
	}
}

/* .main-header #navbar > .navbar-nav > li:hover{
	background-color: blue;
} */
.main-header #navbar > .navbar-nav > li:hover a::after{
	color: #fff;
	transform: scale(1, 1);
 	background-color: #fff;
}

#main-header .main-menu .tj-has-mega:hover > .tj-nav__mega::before,
#main-header .main-menu .tj-has-mega:focus-within > .tj-nav__mega::before {
/* #main-header .main-menu .tj-has-mega > .tj-nav__mega::before,
#main-header .main-menu .tj-has-mega > .tj-nav__mega::before { */
	position: absolute;
	top: -40px;
	left: 0;
	width: 100%;
	height: 50px;
	z-index: 9999;
}

/* Columns */
#main-header .main-menu .tj-nav__mega-grid {
	display: flex;
	gap: 34px;
}

#main-header .main-menu .tj-nav__mega-col {
	/* flex: 1 1 0; */
	min-width: 0;
	/* background-color: red; */
}

/* Column heading / eyebrow */
#main-header .main-menu .tj-nav__mega-col .tj-nav__eyebrow {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 14px;
	padding: 0 0 10px;
	border-bottom: 1px solid #e4e4e4;
	color: #757575;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

#main-header .main-menu .tj-nav__mega-accent {
	display: inline-block;
	flex-shrink: 0;
	width: 9px;
	height: 9px;
	border-radius: 2px;
	background: #cccccc;
}

/* Link list */
/* #main-header .main-menu .tj-nav__mega ul {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
} */


#main-header .main-menu .tj-nav__mega-col ul {
  grid-template-rows: repeat(3,auto);
  grid-auto-columns: auto;
  grid-auto-flow: column;
  gap: 2px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

@media (max-width: 989px) {
	#main-header .main-menu .tj-nav__mega-col ul {
		display: flex;
    	flex-direction: column;
	}
}

#main-header .main-menu .tj-nav__mega li {
	padding: 0;
	margin: 0;
}

/* Reset the header's `#navbar > .navbar-nav > li a` rules inside the panel. */
#main-header .main-menu .tj-has-mega .tj-nav__mega a {
	display: block;
	overflow: visible;
	padding: 9px 10px;
	margin: 0;
	max-width: 240px;
	color: #191919;
	font-size: 15px;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;
	border-radius: 8px;
	transition: background 0.15s ease, color 0.15s ease;
}

/* Kill the animated underline the header adds to every link. */
#main-header .main-menu .tj-has-mega .tj-nav__mega a::after {
	display: none;
	content: none;
}

#main-header .main-menu .tj-has-mega .tj-nav__mega a:hover {
	color: #191919;
	text-decoration: none;
}
#main-header .main-menu .tj-has-mega .tj-nav__mega a:not([href="#"]):hover {
	color: #f05638;
	text-decoration: none;
	background-color: #f056381a;
}

/* Sub description under each link */
#main-header .main-menu .tj-nav__mega-sub {
	display: block;
	margin-top: 2px;
	color: #757575;
	font-size: 13px;
	font-weight: 500;
	line-height: 1.35;
	letter-spacing: 0;
	text-transform: none;  
	white-space: nowrap;

	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

/* ------------------------------------------------------------------ *
 * Mobile: the header menu becomes a stacked panel, so render the mega
 * inline (always open) instead of an absolute hover flyout.
 * ------------------------------------------------------------------ */
@media (max-width: 990px) {
	#main-header .main-menu > li{
		margin-bottom: 0;
	}
	#main-header .main-menu .tj-has-mega > .tj-nav__mega {
		display: none;
		position: static;
		width: auto;
		max-width: none;
		margin: 0px;
		padding: 0px 25px;
		background: transparent;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
		transform: none;
	}

	#main-header .main-menu .tj-nav__mega-grid {
		flex-direction: column;
		gap: 8px;
	}

	#main-header .main-menu .tj-nav__mega-col .tj-nav__eyebrow {
		color: rgba(255, 255, 255, 0.85);
		border-bottom-color: rgba(255, 255, 255, .5);
		padding: 17px 0px;
	}

	#main-header .main-menu .tj-has-mega{
		position: relative;
	}

	#main-header .main-menu .tj-has-mega::after{
		position: absolute;
		content: "";
		top: 0;
		right: 15px;
		width: 49px;
		height: 49px;
		display: block;
		background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.0613 13.0612L17.0613 23.0612C16.9219 23.2011 16.7563 23.312 16.574 23.3877C16.3917 23.4634 16.1962 23.5024 15.9988 23.5024C15.8013 23.5024 15.6059 23.4634 15.4235 23.3877C15.2412 23.312 15.0756 23.2011 14.9363 23.0612L4.93626 13.0612C4.65446 12.7794 4.49615 12.3972 4.49615 11.9987C4.49615 11.6002 4.65446 11.218 4.93626 10.9362C5.21805 10.6544 5.60024 10.4961 5.99876 10.4961C6.39727 10.4961 6.77946 10.6544 7.06126 10.9362L16 19.875L24.9388 10.935C25.2205 10.6532 25.6027 10.4949 26.0013 10.4949C26.3998 10.4949 26.782 10.6532 27.0638 10.935C27.3455 11.2168 27.5039 11.599 27.5039 11.9975C27.5039 12.396 27.3455 12.7782 27.0638 13.06L27.0613 13.0612Z' fill='white'/%3E%3C/svg%3E%0A");
		background-repeat: no-repeat;
		background-position: center;
		background-size: 40%;
		pointer-events: none;
		transition: all .3s ease-in-out;
	}
	#main-header .main-menu .tj-has-mega.is-open::after{
		transform: rotate(180deg);
	}
	#main-header .main-menu .tj-has-mega.is-open{
		margin-bottom: 16px;
	}
	#main-header .main-menu .tj-has-mega.is-open .tj-nav__mega{
		display: block;
	}
	#main-header .main-menu .tj-has-mega .tj-nav__mega a {
		color: #ffffff;
		border-radius: 0px;
		border-top: 0px solid rgba(0,0,0,0);
		padding: 8px 10px;
		width: 100%;
		max-width: 100%;
	}

	#main-header .main-menu .tj-has-mega .tj-nav__mega a:hover{
		color: #FFF;
	}
	#main-header .main-menu .tj-has-mega .tj-nav__mega a:not([href="#"]):hover {
		background: rgba(255, 255, 255, 0.1);
		color: #ffffff;
	}

	#main-header .main-menu .tj-nav__mega-sub {
		color: rgba(255, 255, 255, 0.7);
	}
}



a[href="#"] {
    cursor: default !important;
}

@media (max-width: 990px) {
	.main-header #navbar > .navbar-nav > li > a{
		font-weight: 800 !important;
	}
	.main-header #navbar > .navbar-nav > li.pll-parent-menu-item{
		margin-top: 0px !important;
	}
	.header-search,
	.dropdown-menu{
		border-top: 1px solid rgba(255, 255, 255 ,0.5) !important;
	}
	.main-header #navbar > .navbar-nav > li.pll-parent-menu-item > ul.dropdown-menu li:first-child > a{
		border-right: 0px solid rgba(0,0,0,.2) !important;
	}
}

@media (min-width: 990px) {
	.pll-parent-menu-item.current-menu-parent.menu-item-has-children.dropdown{
		margin-top: 8px !important;
	}
	.pll-parent-menu-item.current-menu-parent.menu-item-has-children.dropdown a{
		width: 34px !important;
		height: 23px !important;
		display: flex;
		align-items: center;
		justify-content: center;
	}
}