/*
---------------------------
Generelt
---------------------------
*/

/*Avgrensing*/
#søkeanvisning,
section.farget > div.IPA-knapperad,
section.farget div.komponent:not(#avgrens_til_forbokstav),
select#valg_av_massiv {
	display: none;
}
div.IPA-knapperad {margin-bottom: -0.25rem}

/*Alternativer og listeinfo*/
fieldset#alternativer.lukket {
	margin-top: 2.5rem;
	margin-bottom: -4rem; /*For å heve listeinfo*/
}
fieldset#alternativer.lukket > div.lenkeknapp {
	position: relative; 
	left: 50px;
}
fieldset#alternativer.lukket + #listeinfo {margin-bottom: -1.75rem} /*For å heve ordlista*/
fieldset#alternativer:not(.lukket) {margin-bottom: 3rem}
fieldset#alternativer:not(.lukket) + #listeinfo {margin-bottom: -3.5rem}  /*For å heve ordlista*/

/*Tasteanvisninger*/
#tasteanvisninger {
	font-size: var(--skriftstørrelse_liten);
	font-style: italic;
	margin-top: 5px;
}
#tasteanvisninger.skjult {visibility: hidden} /*For at oppføringsantall alltid skal komme i høyre spalte*/
@media (max-width: 575px) {#tasteanvisninger.skjult {display: none}}

/*Oppføringsantall*/
div#oppføringsantall {
	white-space: nowrap;
	font-variant: all-small-caps;
	overflow: hidden;
}
div#oppføringsantall > strong {
	display: inline-block;
	background: var(--farge_palett_rød);
	color: white;
	text-shadow: 1px 1px black;
	letter-spacing: 0.5px; /*Tall er vanskeligere å lese enn tekst*/
    padding: 5px 10px;
    border: 1px solid black;
	border-radius: 5px;
	margin-right: 10px;
}

/*Diverse*/
section#liste {margin-bottom: 1.75rem}
ol.ordliste {margin-top: -3.5rem} /*For å heves opp ved siden av oppføringsantall */
li#bakgrunnsbetydninger {display: none}
html.ramme_lerret div#oppføringsantall > strong {color: white !important} /*Fordi fete skrifter forøvrig endrer farge i rammevisning*/

@media (max-width: 575px) {
	div#oppføringsantall {visibility: hidden}
}

/*
---------------------------
Valg av forbokstav
---------------------------
*/

ol#bokstaver.vis_lydskrift div.lydskrift {display: inline}

/*Valg av bokstav*/
ol#bokstaver {
	list-style-type: none;
	font-size: 0; /*For å unngå mellomrom mellom under-elementer med egenskapen 'inline-block'.*/
	padding-left: 0;
	padding-bottom: 0.75rem;
	margin-top: -0.75rem;
	border-bottom: 1px solid grey;
}
/*OBS: Husk at ordlista også vises fra grammalysatoren inni hurtigrammen!*/
@media (max-width: 690px) { /*Hurtigrammens største bredde er ofte smalere enn lerretsinnholdet*/
	ol#bokstaver {
		white-space: nowrap;
		overflow-x: scroll; /*Rullefeltet vises hele tiden, av hensyn til den ekstra indre margen*/
		padding-bottom: 0.25rem !important;
	}
}

/*Bokstav-knappene*/
ol#bokstaver > li {
	display: inline-block;
	text-align: center;
	font-size: 1rem; /*Fordi skriftstørrelsen til moder-elementet er satt til null.*/
	cursor: pointer;
	padding-bottom: 0.5em;
	border: 1px solid transparent; /*For at elementene ikke skal bevege seg når vi senere - ved musesvev - legger til synlige kantlinjer.*/
	border-top-width: 2px;
	border-bottom-width: 2px;
	margin: 0.75rem 0;
}
ol#bokstaver > li:not(:last-child) {border-right: 1px dotted black}

/*Tulaktas og lydskrift*/
ol#bokstaver > li > div.tulaktisk {
	width: 1.5em;
	font-size: 1.2em;
	font-family: "Ndujas Tcoksan";
	font-weight: bold;
	color: var(--farge_palett_rød);
	text-shadow: 0px 0px black; /*Et lite knep*/
}
ol#bokstaver li > div.lydskrift {display: none}

/*Aktive knapper*/
ol#bokstaver > li.aktiv,
ol#bokstaver > li:hover {
	border-top-color: var(--farge_palett_rød);
	border-bottom-color: var(--farge_palett_rød);
}
ol#bokstaver > li:first-child.aktiv,
ol#bokstaver > li:first-child:hover {border-left: 1px dotted black}

ol#bokstaver > li:last-child.aktiv,
ol#bokstaver > li:last-child:hover {border-right: 1px dotted black}

/*Tulaktas og lydskrift i aktive knapper*/
ol#bokstaver > li.aktiv div.tulaktisk,
ol#bokstaver > li:hover div.tulaktisk {
	color: var(--farge_palett_oransje);
	text-shadow: 1px 1px 0px black;
}