/* Coming-soon / disabled menu items: greyed out, unclickable, badged. */

.menu-item-soon > .menu-item-soon__link {
	cursor: default;
	opacity: 0.55;
	text-decoration: none;
}

/* Without children, the link needs no pointer interaction, so hover/focus/
   active effects never trigger. Parent items keep pointer-events because
   tapping them opens the submenu on mobile. */
.menu-item-soon:not(.menu-item-has-children) > .menu-item-soon__link {
	pointer-events: none;
}

.menu-item-soon > .menu-item-soon__link.menu-item-soon__link:hover,
.menu-item-soon > .menu-item-soon__link.menu-item-soon__link:focus,
.menu-item-soon > .menu-item-soon__link.menu-item-soon__link:focus-visible,
.menu-item-soon > .menu-item-soon__link.menu-item-soon__link:active {
	color: inherit;
	background: none;
	text-decoration: none;
	text-shadow: none;
	transform: none;
	cursor: default;
	opacity: 0.55;
}

/* .menu-item-soon__date reuses this class for identical styling - the
   badge and the inline "available from" date are visually the same pill,
   just with different text content (see filter_item_title()). */
.menu-item-soon__badge {
	display: inline-block;
	margin-left: 0.5em;
	padding: 0.1em 0.55em;
	border: 1px solid currentColor;
	border-radius: 999px;
	font-size: 0.62em;
	font-weight: 700;
	letter-spacing: 0.06em;
	line-height: 1.5;
	text-transform: uppercase;
	white-space: nowrap;
	vertical-align: middle;
	opacity: 0.85;
}