/* Hover Menu Styles - Force visibility of all dropdown icons */

/* Hide checkboxes and radio buttons */
nav.headerNav input[type='checkbox'],
nav.headerNav input[type='radio'] {
	display: none !important;
}

/* Hide mobile toggles */
nav.headerNav label.mobile-dropdownToggle {
	display: none !important;
}

/* FORCE ALL DROPDOWN ICONS TO BE VISIBLE */
nav.headerNav label.dropdownIcon {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	position: absolute !important;
}

nav.headerNav label.dropdownIcon img {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: auto !important;
	height: auto !important;
}

/* Main menu icons positioning */
nav.headerNav > ul > li > a > label.dropdownIcon {
	top: 52% !important;
	right: -6px !important;
	-webkit-transform: translate(0, -50%) !important;
	-ms-transform: translate(0, -50%) !important;
	transform: translate(0, -50%) !important;
}

/* Submenu icons positioning */
nav.headerNav .dropdownNav > li > a > label.dropdownIcon {
	top: 50% !important;
	right: 10px !important;
	-webkit-transform: translate(0, -50%) !important;
	-ms-transform: translate(0, -50%) !important;
	transform: translate(0, -50%) !important;
}

/* Show dropdowns on hover for desktop */
@media screen and (min-width: 1301px) {
	nav.headerNav .dropdownNav {
		visibility: hidden;
		opacity: 0;
		-webkit-transform: translateY(-20px);
		-ms-transform: translateY(-20px);
		transform: translateY(-20px);
		-webkit-transition: all 0.4s ease-in-out;
		-o-transition: all 0.4s ease-in-out;
		transition: all 0.4s ease-in-out;
	}
	
	nav.headerNav > ul li:hover .dropdownNav {
		visibility: visible !important;
		opacity: 1 !important;
		-webkit-transform: translateY(0) !important;
		-ms-transform: translateY(0) !important;
		transform: translateY(0) !important;
	}
	
	/* Show child dropdowns on hover */
	nav.headerNav .dropdownNav li:hover .childList {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	/* Ensure child dropdowns are positioned correctly */
	nav.headerNav .dropdownNav.childList {
		left: 100% !important;
		top: -15px !important;
		display: none;
		visibility: hidden;
		opacity: 0;
	}
}

/* Keep mobile behavior for smaller screens */
@media screen and (max-width: 1300px) {
	nav.headerNav input[type='checkbox']:checked ~ ul.dropdownNav {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
	
	input[type='radio'].nav-toggle:checked ~ .childList {
		display: block !important;
		visibility: visible !important;
		opacity: 1 !important;
	}
}