/**
 * Browsome Site Nav — language switcher of the header ([my_lang_switcher], styles in the header's Elementor custom CSS).
 * The list was display:none until :hover and vanished the instant the pointer left the trigger and the list, which a
 * diagonal move towards a language does for a few pixels. It now stays 250 ms after the pointer leaves (and can be
 * hovered again in that time) and also opens while a language link has keyboard focus.
 * Ops module (browsome-*, Mykhailo). 2026-10-16.
 */

.wpml-custom-dd .wpml-custom-dd__list {
	display: block;
	visibility: hidden;
	opacity: 0;
	transition: opacity .15s ease .1s, visibility 0s linear .25s;
}

.wpml-custom-dd:hover .wpml-custom-dd__list,
.wpml-custom-dd:focus-within .wpml-custom-dd__list {
	visibility: visible;
	opacity: 1;
	transition: opacity .15s ease, visibility 0s;
}

/*
 * A title with a submenu is 12px from the text to the left edge and 21px to the right edge (6px padding + 5px gap +
 * the 10px arrow). Best sellers, Sale and Blog have no arrow, so the same 6px right padding leaves them tight.
 * Give a title with no dropdown icon the same 12px on the right. Titles that have the icon are unchanged, and so is
 * the 26px gap between items.
 */
@media (min-width: 1025px) {
	.headerMenu .e-n-menu-title:not(:has(.e-n-menu-dropdown-icon)) {
		padding-right: 12px;
	}
}

@media (prefers-reduced-motion: reduce) {
	.wpml-custom-dd .wpml-custom-dd__list {
		transition: opacity 0s linear .25s, visibility 0s linear .25s;
	}

	.wpml-custom-dd:hover .wpml-custom-dd__list,
	.wpml-custom-dd:focus-within .wpml-custom-dd__list {
		transition: none;
	}
}