/* Barevné hlavní menu (levý sidebar) - varianta "dlaždice": každý segment je zaoblená pastelová dlaždice
   v barvě segmentu, aktivní segment je plně vybarvený s bílým textem, jeho podmenu leží pod ním ve světlém bloku.
   Alternativa k ALLMenu.css (varianta "seznam" - barevná ikona + text, oddělovače); v Configuration.xml
   (SettingSection > Global > ExternalCssRelativePaths) je načtená vždy jen jedna z nich.
   Segment platforma vykreslí jako #menu > li.js-segment > a.nav-link-lmtl4[href="/Segment/Index/{SegmentType}"] > i + span,
   skupiny podmenu jako a.js-sfp-menuGroup, otevřený pohled jako a.active-lmtl4.
   Selektory začínají #menu - šablona má #menu>.nav-item-lmtl4>.nav-link-lmtl4.active a bez ID by vyhrála. */

/* Barvy segmentů */
#menu > li.js-segment:has(> a[href$="/Dashboard"]) { --all-menu-color: #1E5BC6; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/Invoice"]) { --all-menu-color: #7B2CBF; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/CarEvidence"]) { --all-menu-color: #E8590C; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/PneuEvidence"]) { --all-menu-color: #1B7F3B; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/RepairApproval"]) { --all-menu-color: #00838F; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/ContractEvidence"]) { --all-menu-color: #D6243A; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/CRM"]) { --all-menu-color: #1565C0; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/CRMOrder"]) { --all-menu-color: #0F6E5A; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/Dial"]) { --all-menu-color: #C77C02; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/Order"]) { --all-menu-color: #546E7A; }
#menu > li.js-segment:has(> a[href$="/Report"]) { --all-menu-color: #D32F2F; }
#menu > li.js-segment:has(> a[href$="/Segment/Index/Admin"]) { --all-menu-color: #5E35B1; }

/* Dlaždice segmentu */
#menu > li.js-segment {
	margin: 0 0.5rem 0.375rem 0.5rem;
	border-radius: 0.5rem;
	overflow: hidden;
	background-color: color-mix(in srgb, var(--all-menu-color, #6C757D) 14%, #FFFFFF);
}

#menu > li.js-segment > a.nav-link-lmtl4,
#menu > li.js-segment > a.nav-link-lmtl4 > i {
	color: var(--all-menu-color, inherit);
}

#menu > li.js-segment > a.nav-link-lmtl4 > span {
	font-weight: 600;
}

/* Větší písmo jen u první úrovně (segment) - podmenu zůstává ve výchozí velikosti šablony */
#menu > li.js-segment > a.nav-link-lmtl4 > span {
	font-size: 1rem;
}

#menu > li.js-segment > a.nav-link-lmtl4 > i {
	font-size: 1.25rem;
}

#menu > li.js-segment > a.nav-link-lmtl4:hover {
	background-color: color-mix(in srgb, var(--all-menu-color, #6C757D) 24%, #FFFFFF);
}

/* Aktivní segment - plně vybarvená dlaždice, bílý text */
#menu > li.js-segment > a.nav-link-lmtl4.active,
#menu > li.js-segment > a.nav-link-lmtl4.active:hover {
	background-color: var(--all-menu-color, #1B746F);
	color: #FFFFFF;
}

#menu > li.js-segment > a.nav-link-lmtl4.active > i,
#menu > li.js-segment > a.nav-link-lmtl4.active > span {
	color: #FFFFFF;
}

/* Podmenu pod segmentem - světlý blok */
#menu > li.js-segment > ul.nav-group-sub-lmtl4 {
	background-color: color-mix(in srgb, var(--all-menu-color, #6C757D) 6%, #FFFFFF);
}

/* Skupiny podmenu (např. Přijaté faktury) - text v barvě segmentu */
#menu > li.js-segment a.js-sfp-menuGroup {
	color: var(--all-menu-color, #37474F) !important;
	font-weight: 600;
}

#menu > li.js-segment a.js-sfp-menuGroup:hover {
	background-color: color-mix(in srgb, var(--all-menu-color, #000000) 8%, transparent);
}

/* Položky podmenu (DataView) - šablona jim dává světlý text, na světlém bloku podmenu by nebyly vidět */
#menu > li.js-segment ul a.nav-link-lmtl4:not(.js-sfp-menuGroup) {
	color: #37474F;
}

#menu > li.js-segment ul a.nav-link-lmtl4:not(.js-sfp-menuGroup):hover {
	color: var(--all-menu-color, #37474F);
	background-color: color-mix(in srgb, var(--all-menu-color, #000000) 8%, transparent);
}

#menu > li.js-segment li.nav-item-submenu-lmtl4 + li.nav-item-submenu-lmtl4 {
	border-top: 1px solid color-mix(in srgb, var(--all-menu-color, #6C757D) 14%, #FFFFFF);
}

/* Aktivní položka podmenu (otevřený DataView) - podklad, text a počet v barvě segmentu */
/* !important - tmavé zvýraznění aktivní položky ze šablony se přes běžnou specificitu nepřebilo */
#menu > li.js-segment ul a.nav-link-lmtl4.active-lmtl4 {
	color: var(--all-menu-color, inherit) !important;
	font-weight: 600;
	background: color-mix(in srgb, var(--all-menu-color, #000000) 14%, #FFFFFF) !important;
	box-shadow: inset 3px 0 0 var(--all-menu-color, transparent);
}

#menu > li.js-segment ul a.nav-link-lmtl4.active-lmtl4 > .badge-lmtl4 {
	background-color: var(--all-menu-color, inherit) !important;
}