/* =========================================
   PT Navigation Engine
   Clean Header Navigation
========================================= */

/* RESET */

.ptne-navigation *,
.ptne-navigation *::before,
.ptne-navigation *::after {
	box-sizing: border-box;
}

.ptne-navigation ul,
.ptne-navigation li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.ptne-navigation a {
	text-decoration: none;
}

/* =========================================
   HEADER
========================================= */

.ptne-navigation--header {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

/* =========================================
   MENU
========================================= */

.ptne-navigation--header .ptne-menu {
	display: flex;
	align-items: center;
	gap: 18px;
}

.ptne-navigation--header .ptne-menu-item {
	position: relative;
}

.ptne-navigation--header .ptne-menu-link {
	display: flex;
	align-items: center;
	gap: 8px;

	padding: 18px 16px;

	border-radius: 14px;

	font-size: 16px;
	font-weight: 600;
	line-height: 1.4;

	color: #0f172a;
	white-space: nowrap;

	transition: all .2s ease;
}

.ptne-navigation--header
.ptne-menu-link:hover {
	background:
		rgba(234,88,12,.06);

	color: #ea580c;
}

/* =========================================
   SINGLE ARROW ONLY
========================================= */

.ptne-menu-arrow {
	font-size: 11px;
	transition:
		transform .2s ease;
}

.ptne-menu-item:hover
> .ptne-menu-link
.ptne-menu-arrow {
	transform:
		rotate(180deg);
}

/* REMOVE OLD TOGGLE */

.ptne-submenu-toggle,
.ptne-toggle-icon {
	display: none !important;
}

/* =========================================
   SUBMENU FIX - FORCE DISPLAY
========================================= */

.ptne-menu-item {
	position: relative !important;
}

.ptne-submenu {
	position: absolute !important;
	top: 100% !important;
	left: 0 !important;

	display: block !important;
	min-width: 320px !important;

	margin: 0 !important;
	padding: 14px !important;
	list-style: none !important;

	background: #ffffff !important;
	border: 1px solid #e7eaf0 !important;
	border-radius: 20px !important;

	box-shadow:
		0 18px 50px rgba(15,23,42,.10) !important;

	opacity: 0 !important;
	visibility: hidden !important;
	pointer-events: none !important;

	transform: none !important;
	transition: opacity .2s ease !important;

	z-index: 999999 !important;
}

.ptne-menu-item:hover > .ptne-submenu {
	opacity: 1 !important;
	visibility: visible !important;
	pointer-events: auto !important;
}

.ptne-submenu .ptne-menu-item {
	display: block !important;
	width: 100% !important;
}

.ptne-submenu .ptne-menu-link {
	display: block !important;
	width: 100% !important;
	padding: 14px 18px !important;
	color: #222 !important;
	background: transparent !important;
}

.ptne-submenu .ptne-menu-link:hover {
	background: #f7f8fb !important;
	color: #ef6c00 !important;
}
/* =========================================
   MEGA MENU
========================================= */

.pt-mega-menu {
	position: absolute;

	top: calc(100% + 10px);
	left: 0;

	min-width: 1000px;

	padding: 30px;

	background: #fff;

	border-radius: 24px;

	box-shadow:
		0 18px 60px
		rgba(0,0,0,.10);

	display: none;

	z-index: 99999;
}

.pt-has-mega-menu:hover
> .pt-mega-menu {
	display: block;
}

.pt-mega-inner {
	display: grid;
	grid-template-columns:
		repeat(3,1fr);

	gap: 24px;
}

/* =========================================
   MOBILE
========================================= */

@media (max-width:1024px) {

	.ptne-navigation--header {
		display:none;
	}

}