/* Canada category mega menus: sheet labels in a flat, multi-column list. */
.diwan-mega .diwan-mega__trigger {
	list-style: none;
	cursor: pointer;
}
.diwan-mega summary::-webkit-details-marker {
	display: none;
}
.diwan-mega .diwan-mega__trigger {
	display: flex;
	align-items: center;
	gap: 6px;
	color: var(--cs-color-primary);
	font: inherit;
}
.diwan-mega .diwan-mega__trigger > svg {
	flex-shrink: 0;
}
.diwan-mega .diwan-mega__trigger > span {
	text-underline-offset: 0.3em;
}
.diwan-mega .diwan-mega__root-link {
	color: inherit;
	font: inherit;
	text-decoration: inherit;
}
.diwan-mega__disclosure[open] > .diwan-mega__trigger > span,
.diwan-mega--current > .diwan-mega__trigger > span,
.diwan-mega__trigger:hover > span {
	text-decoration: underline;
}
.diwan-mega .diwan-mega__panel {
	background: var(--cs-color-submenu-background, var(--cs-site-background));
	color: var(--cs-color-primary);
}
.diwan-mega .diwan-mega__links {
	display: grid;
	gap: 4px 28px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.diwan-mega .diwan-mega__links > li {
	margin: 0;
	padding: 0;
}
.diwan-mega .diwan-mega__links a {
	display: block;
	padding: 4px 0;
	color: var(--cs-color-primary);
	font-family: var(--cs-font-submenu-family), sans-serif;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	text-decoration: none;
	text-underline-offset: 0.2em;
	overflow-wrap: anywhere;
}
.diwan-mega .diwan-mega__links a:hover,
.diwan-mega .diwan-mega__links a[aria-current="page"] {
	color: var(--cs-color-secondary);
	text-decoration: underline;
}
.diwan-mega :is(summary, a):focus-visible {
	outline: 2px solid var(--cs-color-primary);
	outline-offset: 3px;
}
@media (min-width: 992px) {
	.diwan-header__nav {
		position: relative;
	}
	.diwan-header__nav .diwan-mega {
		position: static;
	}
	.diwan-header__nav .diwan-mega__disclosure {
		height: 100%;
	}
	.diwan-header__nav .diwan-mega__trigger {
		height: 100%;
		font-family: var(--cs-font-menu-family), sans-serif;
		font-size: var(--cs-font-menu-size);
		font-weight: var(--cs-font-menu-weight);
		font-style: var(--cs-font-menu-style);
		letter-spacing: var(--cs-font-menu-letter-spacing);
		text-transform: var(--cs-font-menu-text-transform);
		white-space: nowrap;
	}
	.diwan-header__nav .diwan-mega__panel {
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 20;
		width: 100%;
		max-height: calc(100dvh - 160px);
		overflow-y: auto;
		padding: 28px 32px 32px;
		border: 1px solid var(--cs-color-border);
		box-shadow: 0 12px 18px rgb(0 0 0 / 8%);
	}
	.diwan-header__nav .diwan-mega__columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}
@media (min-width: 1200px) {
	.diwan-header__nav .diwan-mega__columns {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}
/* Mobile uses Cascade's native submenu accordion with virtual category items. */
.cs-offcanvas .diwan-category-menu:is(.current-menu-parent, .current-menu-ancestor) > a,
.cs-offcanvas .diwan-category-menu > .sub-menu a[aria-current="page"] {
	text-decoration: underline;
	text-underline-offset: 0.2em;
}
.cs-offcanvas .diwan-category-menu > .sub-menu a[aria-current="page"] {
	color: var(--cs-color-secondary);
}
