/*
 * Submenu separator label — non-clickable section heading inside top-nav
 * dropdowns. Style ported from Desktop\hotel\assets\site.css
 * (`.nav .sub .sub-sep`): tiny uppercase mono label in gold, top border,
 * pointer-events disabled so the entry behaves like a heading.
 *
 * Activated by the `menu-item-separator` class that the menu seeder in
 * inc/design-pages.php attaches to the relevant menu items (currently
 * one: "Akcie a torzhestvá" inside the Reštaurácia dropdown).
 *
 * Specificity is forced via `!important` because GeneratePress / Morrison
 * legacy nav rules (loaded later from components/header.css) carry a
 * higher base specificity for `.main-navigation .menu a` and otherwise
 * win the cascade. The separator is a deliberate visual exception, so
 * `!important` is appropriate here.
 */

#site-navigation li.menu-item-separator,
.main-navigation li.menu-item-separator,
.menu-item-separator {
	padding: 14px 14px 6px !important;
	cursor: default !important;
}

#site-navigation li.menu-item-separator > a,
.main-navigation li.menu-item-separator > a,
.menu-item-separator > a {
	font-family: var(--mono, 'JetBrains Mono', ui-monospace, monospace) !important;
	font-size: 10px !important;
	letter-spacing: 0.22em !important;
	text-transform: uppercase !important;
	color: var(--gold, #12894a) !important;
	display: block !important;
	padding: 10px 0 0 !important;
	margin: 0 !important;
	border-top: 1px solid rgba(255, 255, 255, 0.12) !important;
	background: transparent !important;
	pointer-events: none !important;
	cursor: default !important;
	text-decoration: none !important;
	font-weight: 500 !important;
	line-height: 1.4 !important;
	text-align: left !important;
	height: auto !important;
}

#site-navigation li.menu-item-separator > a:hover,
#site-navigation li.menu-item-separator > a:focus,
.main-navigation li.menu-item-separator > a:hover,
.main-navigation li.menu-item-separator > a:focus,
.menu-item-separator > a:hover,
.menu-item-separator > a:focus {
	background: transparent !important;
	color: var(--gold, #12894a) !important;
	text-decoration: none !important;
}

/* Drop the border if the separator happens to sit at the very top of a
   dropdown — there'd be nothing to separate from. */
#site-navigation .sub-menu > li.menu-item-separator:first-child > a,
.main-navigation .sub-menu > li.menu-item-separator:first-child > a {
	border-top: 0 !important;
	padding-top: 4px !important;
}