/**
 * Egypt Tours Group enhanced header
 *
 * Brand colors:
 * Orange: #f58220
 * Teal:   #079a9e
 * Ink:    #172b35
 */

:root {
	--etg-header-orange: #f58220;
	--etg-header-orange-dark: #dc6d0e;
	--etg-header-teal: #079a9e;
	--etg-header-ink: #172b35;
	--etg-header-muted: #64727a;
	--etg-header-border: #e8ecee;
	--etg-header-surface: #ffffff;
	--etg-header-shadow: 0 8px 28px rgba(23, 43, 53, 0.09);
}

/* Desktop header --------------------------------------------------------- */
@media only screen and (min-width: 1281px) {
	body.etg-header-enhanced .qodef-page-header {
		position: relative;
		z-index: 120;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-menu-area {
		height: 80px !important;
		background: var(--etg-header-surface) !important;
		border-bottom: 1px solid var(--etg-header-border) !important;
		box-shadow: 0 5px 20px rgba(23, 43, 53, 0.07) !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-menu-area > .qodef-vertical-align-containers,
	body.etg-header-enhanced .qodef-page-header .qodef-menu-area > .qodef-grid > .qodef-vertical-align-containers {
		box-sizing: border-box;
		width: 100%;
		max-width: none;
		margin: 0;
		padding: 0 clamp(20px, 2.6vw, 42px) !important;
	}

	/* Undo old Additional CSS that takes the logo out of the header flow. */
	body.etg-header-enhanced .qodef-page-header .qodef-vertical-align-containers .qodef-position-left {
		position: relative !important;
		top: 0 !important;
		height: 100% !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-position-left-inner,
	body.etg-header-enhanced .qodef-page-header .qodef-position-center-inner,
	body.etg-header-enhanced .qodef-page-header .qodef-position-right-inner {
		top: 0 !important;
		height: 100% !important;
	}

	/*
	 * The live PNG is 2948x624 but its visible artwork occupies only
	 * 787x579 at x=1081. This viewport removes those transparent margins
	 * without changing or duplicating the uploaded Media Library image.
	 */
	body.etg-header-enhanced .qodef-page-header .qodef-menu-area .qodef-logo-wrapper {
		position: relative;
		top: 0;
		right: auto !important;
		width: 104px;
		height: 78px;
		overflow: hidden;
		vertical-align: middle;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-menu-area .qodef-logo-wrapper a {
		width: 369px;
		height: 78px !important;
		max-width: none !important;
		transform: translateX(-135px);
	}

	body.etg-header-enhanced .qodef-page-header .qodef-menu-area .qodef-logo-wrapper img {
		max-width: none !important;
	}

	body.etg-header-enhanced .qodef-main-menu > ul > li > a {
		padding: 0 12px;
		color: var(--etg-header-ink) !important;
		font-size: 14px;
		font-weight: 600;
		letter-spacing: -0.01em;
	}

	body.etg-header-enhanced .qodef-main-menu > ul > li > a > .item_outer .item_text {
		display: inline-flex !important;
		align-items: center;
	}

	body.etg-header-enhanced .qodef-main-menu > ul > li > a:hover,
	body.etg-header-enhanced .qodef-main-menu > ul > li.qodef-active-item > a {
		color: var(--etg-header-teal) !important;
	}

	body.etg-header-enhanced .qodef-main-menu > ul > li > a > .item_outer .item_text::before {
		left: 0 !important;
		bottom: -7px !important;
		width: 100% !important;
		height: 2px !important;
		background: var(--etg-header-orange) !important;
		border-radius: 999px !important;
		box-shadow: none !important;
	}

	body.etg-header-enhanced .qodef-main-menu > ul > li.qodef-active-item > a > .item_outer .item_text::before {
		background: var(--etg-header-teal) !important;
	}

	body.etg-header-enhanced .qodef-main-menu > ul > li.has_sub > a .qodef-menu-arrow {
		display: inline-block;
		margin-left: 6px;
		font-size: 10px;
		color: var(--etg-header-muted);
		transform: translateY(-1px);
	}

	/* Clean, readable dropdown cards. */
	body.etg-header-enhanced .qodef-drop-down .second {
		padding-top: 10px;
	}

	body.etg-header-enhanced .qodef-drop-down .second .inner > ul {
		min-width: 245px;
		padding: 10px !important;
		background: #fff !important;
		border: 1px solid var(--etg-header-border);
		border-radius: 14px;
		box-shadow: 0 18px 45px rgba(23, 43, 53, 0.15);
	}

	body.etg-header-enhanced .qodef-drop-down .second .inner ul li {
		width: 100%;
	}

	body.etg-header-enhanced .qodef-drop-down .second .inner ul li a {
		box-sizing: border-box;
		padding: 10px 13px !important;
		color: var(--etg-header-ink) !important;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.35;
		border-radius: 8px;
		transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
	}

	body.etg-header-enhanced .qodef-drop-down .second .inner ul li a:hover {
		color: var(--etg-header-teal) !important;
		background: #f1f9f9;
		transform: translateX(2px);
	}

	/* WordPress marks the selected child with current-menu-item/current_page_item. */
	body.etg-header-enhanced .qodef-drop-down .second .inner ul li.current-menu-item > a,
	body.etg-header-enhanced .qodef-drop-down .second .inner ul li.current_page_item > a,
	body.etg-header-enhanced .qodef-drop-down .second .inner ul li.qodef-active-item > a {
		color: var(--etg-header-teal) !important;
		background: #eef8f8 !important;
		box-shadow: inset 3px 0 0 var(--etg-header-orange);
		font-weight: 700;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-position-right-inner {
		display: inline-flex !important;
		align-items: center;
		gap: 8px;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-search-opener,
	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget {
		box-sizing: border-box;
		display: inline-flex !important;
		align-items: center;
		justify-content: center;
		width: 40px;
		height: 40px !important;
		margin: 0 !important;
		color: var(--etg-header-teal) !important;
		background: #f4f8f8;
		border: 1px solid #e3eeee;
		border-radius: 50%;
		transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-search-opener:hover,
	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget:hover {
		color: #fff !important;
		background: var(--etg-header-teal);
		transform: translateY(-1px);
	}

	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-not-logged-in > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: none !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-not-logged-in > a::before {
		content: "\f2bd" !important;
		display: block;
		font-family: FontAwesome;
		font-size: 18px;
		font-style: normal;
		line-height: 1;
		color: currentColor;
	}

	/* Keep the logged-in avatar centered inside the same 40px action circle. */
	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-logged-in-user,
	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-logged-in-user-inner,
	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-logged-in-user-inner > span {
		display: flex !important;
		align-items: center;
		justify-content: center;
		box-sizing: border-box;
		width: 100%;
		height: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		border: 0 !important;
		font-size: 0 !important;
		line-height: 0 !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-logged-in-user-inner > span img {
		display: block !important;
		width: 32px !important;
		height: 32px !important;
		margin: 0 !important;
		border-radius: 50% !important;
		object-fit: cover;
		object-position: center;
	}

	/* Match the account dropdown to the navigation dropdown. */
	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-login-dropdown {
		top: calc(100% + 10px) !important;
		right: 0 !important;
		box-sizing: border-box;
		width: 220px !important;
		height: auto !important;
		margin: 0 !important;
		padding: 10px !important;
		background: #fff !important;
		border: 1px solid var(--etg-header-border);
		border-radius: 14px;
		box-shadow: 0 18px 45px rgba(23, 43, 53, 0.15);
	}

	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-login-dropdown li {
		border: 0 !important;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-login-dropdown li a {
		display: block;
		box-sizing: border-box;
		padding: 10px 13px !important;
		color: var(--etg-header-ink) !important;
		background: transparent;
		border-radius: 8px;
		font-size: 13px;
		font-weight: 500;
		line-height: 1.35;
		text-align: left;
		text-transform: none;
		transition: color 160ms ease, background-color 160ms ease, transform 160ms ease;
	}

	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-login-dropdown li a:hover {
		padding: 10px 13px !important;
		color: var(--etg-header-teal) !important;
		background: #f1f9f9;
		transform: translateX(2px);
	}

	body.etg-header-enhanced .qodef-page-header .qodef-login-register-widget.qodef-user-logged-in .qodef-login-dropdown li.etg-current-account-item > a {
		color: var(--etg-header-teal) !important;
		background: #eef8f8 !important;
		box-shadow: inset 3px 0 0 var(--etg-header-orange);
		font-weight: 700;
	}

	/* The black block in the supplied screenshot is the desktop side panel. */
	body.etg-header-enhanced .qodef-page-header .qodef-side-menu-opener-wrapper {
		display: none !important;
	}
}

@media only screen and (min-width: 1281px) and (max-width: 1535px) {
	body.etg-header-enhanced .qodef-main-menu > ul > li > a {
		padding: 0 8px;
		font-size: 13px;
	}

}

/* Mobile and tablet header ---------------------------------------------- */
@media only screen and (max-width: 1280px) {
	body.etg-header-enhanced .qodef-top-bar {
		display: none !important;
	}

	body.etg-header-enhanced .qodef-page-header {
		display: none !important;
	}

	body.etg-header-enhanced .qodef-mobile-header {
		position: relative;
		display: block !important;
		z-index: 120;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-header-inner {
		height: 72px !important;
		background: #fff !important;
		border-bottom: 1px solid var(--etg-header-border) !important;
		box-shadow: 0 5px 20px rgba(23, 43, 53, 0.08);
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-grid {
		width: auto;
		margin: 0 18px;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-logo-wrapper {
		width: 88px;
		height: 68px;
		margin: 0 auto;
		overflow: hidden;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-logo-wrapper a {
		width: 313px;
		height: 66px !important;
		max-width: none !important;
		transform: translateX(-114px);
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-logo-wrapper img {
		position: static !important;
		bottom: auto !important;
		display: block;
		width: auto !important;
		height: 66px !important;
		max-width: none !important;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-menu-opener a {
		box-sizing: border-box;
		width: 42px;
		height: 42px;
		margin-top: 15px;
		padding: 0;
		text-align: center;
		color: var(--etg-header-ink);
		background: #f4f8f8;
		border: 1px solid #e3eeee;
		border-radius: 50%;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-menu-opener a > * {
		display: table-cell;
		width: 42px;
		text-align: center;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-menu-opener.qodef-mobile-menu-opened a {
		color: #fff;
		background: var(--etg-header-orange);
		border-color: var(--etg-header-orange);
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-position-right-inner {
		display: inline-flex;
		align-items: center;
		height: 100%;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-login-register-widget {
		box-sizing: border-box;
		width: 42px;
		height: 42px;
		margin: 0;
		background: #f4f8f8;
		border: 1px solid #e3eeee;
		border-radius: 50%;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-login-register-widget > a {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		background: none !important;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-login-register-widget > a::before {
		content: "\f2bd" !important;
		display: block;
		font-family: FontAwesome;
		font-size: 18px;
		font-style: normal;
		line-height: 1;
		color: var(--etg-header-teal);
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav {
		max-height: calc(100vh - 72px);
		background: #fff;
		border: 0;
		box-shadow: 0 18px 35px rgba(23, 43, 53, 0.14);
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav .qodef-grid {
		margin: 0;
		padding: 10px 20px 22px;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav .qodef-grid > ul > li > a,
	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav .qodef-grid > ul > li > h6 {
		padding: 13px 48px 13px 8px;
		color: var(--etg-header-ink);
		font-size: 14px;
		font-weight: 600;
		line-height: 22px;
		border-color: var(--etg-header-border);
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav ul ul {
		margin-left: 8px;
		padding-left: 12px;
		border-left: 2px solid #dcefee;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav ul ul li a,
	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav ul ul li h6 {
		padding: 10px 42px 10px 8px;
		color: var(--etg-header-muted);
		font-size: 13px;
		line-height: 20px;
		border-color: #edf0f1;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav .mobile_arrow {
		width: 48px;
		padding: 0;
		line-height: 48px;
		text-align: center;
		color: var(--etg-header-teal);
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav .qodef-active-item > a,
	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav .qodef-active-item > h6 {
		color: var(--etg-header-orange) !important;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav li.current-menu-item > a,
	body.etg-header-enhanced .qodef-mobile-header .qodef-mobile-nav li.current_page_item > a {
		color: var(--etg-header-teal) !important;
		background: #eef8f8;
		box-shadow: inset 3px 0 0 var(--etg-header-orange);
		font-weight: 700;
	}

	body.etg-header-enhanced .qodef-mobile-header .qodef-login-dropdown li.etg-current-account-item > a {
		color: var(--etg-header-teal) !important;
		background: #eef8f8 !important;
		box-shadow: inset 3px 0 0 var(--etg-header-orange);
		font-weight: 700;
	}
}

@media (prefers-reduced-motion: reduce) {
	body.etg-header-enhanced .qodef-page-header *,
	body.etg-header-enhanced .qodef-mobile-header * {
		scroll-behavior: auto !important;
		transition-duration: 0.01ms !important;
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
	}
}