/* Mega menu pro Bootstrap 5
   Používá se na:
   - Aplikace (appsDropdown)
   - Média (mediaDropdown)
   - Knihovna (libraryDropdown)
*/

.dropdown-megamenu {
	min-width: 22rem;
	padding: 1rem;
}

.dropdown-megamenu-sm {
	min-width: 22rem;
}

@media (min-width: 992px) {
	/* základní desktop šířka */
	.dropdown-megamenu {
		min-width: 46rem;
	}

	/* menší mega menu (Knihovna) */
	.dropdown-megamenu-sm {
		min-width: 34rem;
	}

	/* jemné oddělovače mezi sloupci (jen pro layout se 3 sloupci) */
	.dropdown-megamenu .col-lg-4:not(:last-child) {
		border-right: 1px solid rgba(0, 0, 0, 0.08);
	}

	/* jemné oddělovače pro Knihovnu (2 sloupce) */
	.dropdown-megamenu .col-lg-6:not(:last-child) {
		border-right: 1px solid rgba(0, 0, 0, 0.08);
	}

	/* odsazení uvnitř sloupců, aby se text nedotýkal oddělovače */
	.dropdown-megamenu .col-lg-4,
	.dropdown-megamenu .col-lg-6 {
		padding-left: 1rem;
		padding-right: 1rem;
	}

	/* Centrované otevření pod konkrétní položkou (Aplikace / Média / Knihovna) */
	#appsDropdown + .dropdown-megamenu,
	#mediaDropdown + .dropdown-megamenu,
	#libraryDropdown + .dropdown-megamenu {
		left: 50%;
		right: auto;
		transform: translateX(-50%);
	}
}

/* Nadpisy sekcí */
.dropdown-megamenu .dropdown-header {
	font-weight: 700;
	margin-top: 0.25rem;
	margin-bottom: 0.25rem;
}

/* Jemnější oddělovače uvnitř sloupce */
.dropdown-megamenu .dropdown-divider {
	margin: 0.5rem 0;
	opacity: 0.25;
}

/* Lepší “klikatelnost” a zalamování */
.dropdown-megamenu .dropdown-item {
	padding-top: 0.35rem;
	padding-bottom: 0.35rem;
	white-space: normal;
}