/**
 * Custom global overrides.
 *
 * @package _cff
 */

html,
body {
	overflow-x: hidden;
}

/* Video Slider block — How to Fact-Check page */
.how-to-video {
	padding-top: 0 !important;
}

/* WPML language switcher – rounded flag corners */
.wpml-ls-menu-item .wpml-ls-flag {
	border-radius: 5px;
}

/* Mobile header container padding */
@media (max-width: 767px) {
	#masthead > .container {
		padding-inline: calc(var(--spacing) * 4);
	}
}

/* Mobile menu – WPML language items */
#mobile-menu ul .wpml-ls-menu-item a {
	color: #fff;
	padding: .75rem 0;
}

#mobile-menu .mobile-dropdown-menu {
	padding-left: 16px !important;
}

#mobile-menu .wpml-ls-menu-item .wpml-ls-flag + span {
	margin-left: 0;
}

#mobile-menu .mobile-dropdown-menu .wpml-ls-menu-item .wpml-ls-flag + span {
	margin-left: .5em;
}

#mobile-menu .mobile-dropdown-container > .mobile-dropdown-toggle {
	display: flex;
	justify-content: flex-start;
	gap: 12px;
}

/* Long-language desktop/tablet nav: tighter gap and smaller font-size */
html[lang="fr-FR"] #primary-menu,
html[lang="pt-PT"] #primary-menu,
html[lang="es-ES"] #primary-menu,
html[lang="vi"] #primary-menu,
html[lang="ht"] #primary-menu {
	column-gap: 17px !important;
}

html[lang="fr-FR"] #primary-menu > li > a,
html[lang="fr-FR"] #primary-menu > li > .dropdown-container > button.dropdown-toggle,
html[lang="fr-FR"] #primary-menu .wpml-ls-menu-item > a,
html[lang="fr-FR"] #primary-menu .wpml-ls-item-toggle,
html[lang="pt-PT"] #primary-menu > li > a,
html[lang="pt-PT"] #primary-menu > li > .dropdown-container > button.dropdown-toggle,
html[lang="pt-PT"] #primary-menu .wpml-ls-menu-item > a,
html[lang="pt-PT"] #primary-menu .wpml-ls-item-toggle,
html[lang="es-ES"] #primary-menu > li > a,
html[lang="es-ES"] #primary-menu > li > .dropdown-container > button.dropdown-toggle,
html[lang="es-ES"] #primary-menu .wpml-ls-menu-item > a,
html[lang="es-ES"] #primary-menu .wpml-ls-item-toggle,
html[lang="vi"] #primary-menu > li > a,
html[lang="vi"] #primary-menu > li > .dropdown-container > button.dropdown-toggle,
html[lang="vi"] #primary-menu .wpml-ls-menu-item > a,
html[lang="vi"] #primary-menu .wpml-ls-item-toggle,
html[lang="ht"] #primary-menu > li > a,
html[lang="ht"] #primary-menu > li > .dropdown-container > button.dropdown-toggle,
html[lang="ht"] #primary-menu .wpml-ls-menu-item > a,
html[lang="ht"] #primary-menu .wpml-ls-item-toggle {
	font-size: 17px !important;
}