/* Språkvelger «Norsk | ไทย» */

.ttt-sprak {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1.4;
	white-space: nowrap;
}

.ttt-sprak__lenke {
	color: inherit;
	text-decoration: none;
	padding: 4px 3px;
	border-radius: 4px;
	opacity: 0.82;
}

.ttt-sprak__lenke:hover {
	opacity: 1;
	text-decoration: underline;
	text-underline-offset: 4px;
}

.ttt-sprak__lenke.is-aktiv {
	opacity: 1;
	font-weight: 700;
	text-decoration: underline;
	text-underline-offset: 5px;
	text-decoration-thickness: 2px;
	cursor: default;
}

.ttt-sprak__skille {
	opacity: 0.45;
}

.ttt-sprak__kort {
	display: none;
}

/* Thai-tekst skal ikke ha ekstra bokstavavstand og trenger litt mer høyde */
[lang="th"],
.ttt-lang-th body,
.ttt-sprak__lenke[lang="th"] {
	letter-spacing: normal !important;
	line-height: 1.75;
}

/* I topptekstens hvite/blå linje */
.ttt-header .ttt-sprak {
	color: #fff;
}

.ttt-header .ttt-sprak__lenke:focus-visible {
	outline: 2px solid #fff;
	outline-offset: 2px;
}

/* Kopien som settes inn i hamburgermenyen */
.ttt-sprak--meny {
	display: flex;
	width: 100%;
	gap: 10px;
	margin: 0 0 6px;
	padding: 0 0 18px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 17px;
}

.ttt-sprak--meny .ttt-sprak__lenke {
	padding: 8px 2px;
}

/* Under 721 px vises velgeren i menyen i stedet for i topplinja */
@media (max-width: 720px) {
	.ttt-header .ttt-sprak:not(.ttt-sprak--meny) {
		display: none;
	}
}

@media (min-width: 721px) {
	.ttt-sprak--meny {
		display: none !important;
	}
}

/* ---------------------------------------------------------------------- */
/* Skrift som dekker thai. Lato har ingen thai-tegn, så thai faller
   gjennom til første skrift i stakken som har dem. Alle alternativene
   følger med operativsystemet – ingen eksterne fontfiler lastes.         */
/* ---------------------------------------------------------------------- */

:root {
	--ttt-font-thai: "Noto Sans Thai", "Noto Sans Thai UI", "Leelawadee UI",
		Thonburi, "Sukhumvit Set", "IBM Plex Sans Thai", Tahoma, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea,
[lang="th"] {
	font-family: var(--wp--preset--font-family--lato, Lato), var(--ttt-font-thai);
	letter-spacing: normal;
	word-break: normal;
	overflow-wrap: break-word;
	line-break: normal;
}

html[lang="th"] body {
	line-height: 1.78;
}

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4 {
	line-height: 1.45;
	letter-spacing: normal;
}

/* Versaler og sperret skrift fungerer dårlig på thai */
html[lang="th"] .ttt-eyebrow,
html[lang="th"] .ttt-utkast {
	text-transform: none;
	letter-spacing: normal;
	font-size: 14px;
}

html[lang="th"] .ttt-fp__legend,
html[lang="th"] .ttt-person h3 {
	line-height: 1.5;
}

/* ---- Undermenyknapp i mobilmenyen ---- */

.ttt-submeny-knapp {
	display: none;
	position: absolute;
	top: 4px;
	right: 0;
	width: 46px;
	height: 46px;
	padding: 0;
	border: 1px solid rgba(255, 255, 255, 0.35);
	border-radius: 8px;
	background: transparent;
	color: #fff;
	cursor: pointer;
}

.ttt-submeny-knapp__pil {
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 auto;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-3px) rotate(45deg);
	transition: transform 0.18s ease;
}

.ttt-submeny-apen > .ttt-submeny-knapp .ttt-submeny-knapp__pil {
	transform: translateY(2px) rotate(-135deg);
}

.ttt-submeny-knapp:focus-visible {
	outline: 3px solid #fff;
	outline-offset: 2px;
}

@media (max-width: 720px) {
	html body .ttt-header .wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-submenu {
		position: relative;
	}

	html body .ttt-header .wp-block-navigation__responsive-container.is-menu-open
		.ttt-submeny-knapp {
		display: block;
	}

	/* Undermenyen er lukket til knappen åpner den */
	html body .ttt-header .wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-submenu > .wp-block-navigation__submenu-container {
		display: none !important;
	}

	html body .ttt-header .wp-block-navigation__responsive-container.is-menu-open
		.ttt-submeny-apen > .wp-block-navigation__submenu-container {
		display: block !important;
	}

	/* Pila som WordPress selv tegner, er overflødig når vi har en knapp */
	html body .ttt-header .wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation__submenu-icon {
		display: none !important;
	}

	html body .ttt-header .wp-block-navigation__responsive-container.is-menu-open
		.wp-block-navigation-submenu > .wp-block-navigation-item__content {
		padding-right: 58px !important;
	}
}