/* Shared native submenu styles. Custom properties are saved on Navigation. */
.starski-shared-submenus {
	--starski-sm-background: var(--starski-sm-desktop-background, #ffffff);
	--starski-sm-color: var(--starski-sm-desktop-color, #a40039);
	--starski-sm-link-background: var(--starski-sm-desktop-link-background, #ffeff5);
	--starski-sm-hover-background: var(--starski-sm-desktop-hover-background, #a40039);
	--starski-sm-hover-color: var(--starski-sm-desktop-hover-color, #ffffff);
	--starski-sm-border-color: var(--starski-sm-desktop-border-color, #be245b);
	--starski-sm-font: var(--starski-sm-desktop-font, inherit);
	--starski-sm-font-size: var(--starski-sm-desktop-font-size, 18px);
	--starski-sm-gap: var(--starski-sm-desktop-gap, 16px);
	--starski-sm-padding-x: var(--starski-sm-desktop-padding-x, 40px);
	--starski-sm-padding-y: var(--starski-sm-desktop-padding-y, 32px);
	--starski-sm-link-padding-x: var(--starski-sm-desktop-link-padding-x, 20px);
	--starski-sm-link-padding-y: var(--starski-sm-desktop-link-padding-y, 18px);
	--starski-sm-radius: var(--starski-sm-desktop-radius, 0px);
	--starski-sm-link-radius: var(--starski-sm-desktop-link-radius, 8px);
	--starski-sm-border-width: var(--starski-sm-desktop-border-width, 0px);
}
@media (max-width: 1023px) {
.starski-shared-submenus {
	--starski-sm-background: var(--starski-sm-mobile-background, transparent);
	--starski-sm-color: var(--starski-sm-mobile-color, #a40039);
	--starski-sm-link-background: var(--starski-sm-mobile-link-background, transparent);
	--starski-sm-hover-background: var(--starski-sm-mobile-hover-background, #a40039);
	--starski-sm-hover-color: var(--starski-sm-mobile-hover-color, #ffffff);
	--starski-sm-border-color: var(--starski-sm-mobile-border-color, #be245b);
	--starski-sm-font: var(--starski-sm-mobile-font, inherit);
	--starski-sm-font-size: var(--starski-sm-mobile-font-size, 16px);
	--starski-sm-gap: var(--starski-sm-mobile-gap, 10px);
	--starski-sm-padding-x: var(--starski-sm-mobile-padding-x, 0px);
	--starski-sm-padding-y: var(--starski-sm-mobile-padding-y, 12px);
	--starski-sm-link-padding-x: var(--starski-sm-mobile-link-padding-x, 16px);
	--starski-sm-link-padding-y: var(--starski-sm-mobile-link-padding-y, 14px);
	--starski-sm-radius: var(--starski-sm-mobile-radius, 0px);
	--starski-sm-link-radius: var(--starski-sm-mobile-link-radius, 8px);
	--starski-sm-border-width: var(--starski-sm-mobile-border-width, 0px);
}
}

/* Repeated scope overrides the theme's older !important dropdown rules only
 * inside this Navigation block, including their open/focus states.
 */
.wp-block-navigation.starski-shared-submenus.starski-shared-submenus.starski-shared-submenus .has-child > .wp-block-navigation__submenu-container {
	background: var(--starski-sm-background) !important;
	color: var(--starski-sm-color) !important;
	padding: var(--starski-sm-padding-y) var(--starski-sm-padding-x) !important;
	gap: var(--starski-sm-gap) !important;
	border: var(--starski-sm-border-width) solid var(--starski-sm-border-color) !important;
	border-radius: var(--starski-sm-radius) !important;
	font-family: var(--starski-sm-font) !important;
	font-size: var(--starski-sm-font-size) !important;
}
.wp-block-navigation.starski-shared-submenus.starski-shared-submenus.starski-shared-submenus .wp-block-navigation__submenu-container > .wp-block-navigation-item {
	background: transparent !important;
	margin: 0;
	padding: 0;
	min-width: 0;
}
.wp-block-navigation.starski-shared-submenus.starski-shared-submenus.starski-shared-submenus .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content {
	box-sizing: border-box;
	width: 100%;
	background: var(--starski-sm-link-background) !important;
	color: var(--starski-sm-color) !important;
	font-family: var(--starski-sm-font) !important;
	font-size: var(--starski-sm-font-size) !important;
	padding: var(--starski-sm-link-padding-y) var(--starski-sm-link-padding-x) !important;
	border: var(--starski-sm-border-width) solid var(--starski-sm-border-color) !important;
	border-radius: var(--starski-sm-link-radius) !important;
	line-height: 1.5;
	white-space: normal;
	overflow-wrap: anywhere;
	transform: none;
}
.wp-block-navigation.starski-shared-submenus.starski-shared-submenus.starski-shared-submenus .wp-block-navigation__submenu-container > .wp-block-navigation-item > .wp-block-navigation-item__content:is(:hover, :focus-visible) {
	background: var(--starski-sm-hover-background) !important;
	color: var(--starski-sm-hover-color) !important;
}
.wp-block-navigation.starski-shared-submenus .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 3px;
}

/* Restore the desktop panel's characteristic bottom-left curve. */
@media (min-width: 1024px) {
	.wp-block-navigation.starski-shared-submenus.starski-shared-submenus.starski-shared-submenus .wp-block-navigation__container > .has-child > .wp-block-navigation__submenu-container {
		border-bottom-left-radius: var(--starski-sm-desktop-bottom-left-radius, 96px) !important;
	}
}

@media (max-width: 1023px) {
	/* Mobile submenus sit directly on the main menu surface, including old
	 * Navigation blocks with a previously saved white background.
	 */
	.starski-shared-submenus {
		--starski-sm-background: transparent !important;
		--starski-sm-link-background: transparent !important;
	}

	/* Style only the open parent's row, not its nested submenu. Works with
	 * both a full-label toggle and a separate link/arrow toggle.
	 */
	.wp-block-navigation.starski-shared-submenus.starski-shared-submenus.starski-shared-submenus .has-child:has(> [aria-expanded="true"]) > :is(.wp-block-navigation-item__content, .wp-block-navigation__submenu-icon) {
		background: var(--wp--preset--color--primary-alt-accent, #e0165d) !important;
		color: #ffffff !important;
	}
}