/**
 * Theme overrides.
 * Add new CSS here instead of editing compiled app-critical/app-defer assets.
 */

/* Nav toggle spans (parent menu items without placeholder links) */

@media (min-width: 992px) {
	ul.nav-main__list--primary > li.menu-item.nav-main__item:not(.menu-btn):hover > span {
		color: inherit;
	}

	ul.nav-main__list--primary > li.menu-item.nav-main__item.nav-main__item--parent > span::after {
		content: '\f107';
		margin-left: 0.4em;
		font-size: 0.8em;
		font-family: "Font Awesome 6 Pro", sans-serif;
		font-weight: inherit;
	}

	ul.nav-main__list--primary > li.menu-item.nav-main__item.nav-main__item--parent > span {
		cursor: pointer;
	}
}

@media (max-width: 991px) {
	ul.nav-main__list--mobile li.nav-main__item > span {
		display: block;
		padding: 10px 1rem;
		color: inherit;
		cursor: pointer;
	}

	ul.nav-main__list--mobile .menu-item-has-children > span::after {
		content: '\f105';
		margin-left: 0.4em;
		font: normal normal 400 0.8em/0 "Font Awesome 6 Pro", sans-serif;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-size: 1em;
		position: absolute;
		top: 20px;
		right: 20px;
	}

	ul.nav-main__list--mobile ul.mobile-sub-menu li.menu-item-close > span {
		display: block;
		padding: 10px 1rem;
		color: var(--wp--preset--color--palette-attention);
		cursor: pointer;
	}

	ul.nav-main__list--mobile ul.mobile-sub-menu li.menu-item-close > span::before {
		content: '\f104';
		margin-right: 0.4em;
		font: normal normal 400 0.8em/0 "Font Awesome 6 Pro", sans-serif;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		font-size: 1em;
	}

	ul.nav-main__list--mobile ul.mobile-sub-menu li.menu-item_mb_title > span {
		display: block;
		padding: 10px 1rem;
		color: inherit;
		cursor: default;
	}
}

/* Post hero dates — desktop/tablet vs mobile */
.post-dates {
	font-style: normal;
	font-weight: 400;
}

.post-dates__desktop time,
.post-dates__mobile time {
	font-weight: 700;
}

.post-dates__desktop-part {
	white-space: nowrap;
}

.post-dates__mobile {
	display: none;
}

@media (max-width: 781px) {
	.post-dates__desktop {
		display: none;
	}

	.post-dates__mobile {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.25em;
		text-align: center;
	}

	.hero .wp-block-group.is-nowrap.is-layout-flex:has(.wp-block-post-date) {
		flex-direction: column;
		align-items: center;
	}

	.hero .wp-block-group.is-nowrap.is-layout-flex:has(.wp-block-post-date) > p.wp-block-paragraph {
		display: none;
	}
}

.wp-block-video video {
	border-radius: 21px;
}