/*
  Menu text customization variables
  Edit these values to control text in the opened arrow menu.
*/
:root {
	--arrow-menu-headline-font: 'ABCSchengenA', sans-serif;
	--arrow-menu-headline-weight: 400;
	/* Simple editable point sizes */
	--arrow-menu-headline-size-pt: 20pt;
	--arrow-menu-sub-size-pt: 20pt;

	/* Active sizes use the pt variables */
	--arrow-menu-headline-size: var(--arrow-menu-headline-size-pt);
	--arrow-menu-headline-leading: 1.05;
	--arrow-menu-headline-padding: 0;

	--arrow-menu-sub-font: 'ABCSchengenA', sans-serif;
	--arrow-menu-sub-weight: 400;
	--arrow-menu-sub-size: var(--arrow-menu-sub-size-pt);
	--arrow-menu-sub-leading: 1.1;
	--arrow-menu-sub-padding: 0;

	--arrow-menu-sub-margin-top: clamp(4px, 0.5vw, 6px);
}

/* Opened bottom arrow menu text */
#menu-panel-bottom .menu-text {
	font-family: var(--arrow-menu-headline-font) !important;
	font-weight: var(--arrow-menu-headline-weight) !important;
	font-size: var(--arrow-menu-headline-size) !important;
	line-height: var(--arrow-menu-headline-leading) !important;
	padding: var(--arrow-menu-headline-padding) !important;
}

#menu-panel-bottom .menu-subtext {
	font-family: var(--arrow-menu-sub-font) !important;
	font-weight: var(--arrow-menu-sub-weight) !important;
	font-size: var(--arrow-menu-sub-size) !important;
	line-height: var(--arrow-menu-sub-leading) !important;
	padding: var(--arrow-menu-sub-padding) !important;
	margin-top: var(--arrow-menu-sub-margin-top) !important;
}

/* Mobile text scale remains configurable via one factor */
@media (max-width: 640px) {
	:root {
		--arrow-menu-mobile-scale: 0.6667;
	}

	#menu-panel-bottom .menu-text {
		font-size: calc(var(--arrow-menu-headline-size) * var(--arrow-menu-mobile-scale)) !important;
		line-height: calc(var(--arrow-menu-headline-leading) * 1.25) !important;
	}

	#menu-panel-bottom .menu-subtext {
		font-size: calc(var(--arrow-menu-sub-size) * var(--arrow-menu-mobile-scale)) !important;
		line-height: calc(var(--arrow-menu-sub-leading) * 1.25) !important;
	}
}