/*
Theme Name:  Salient Child – NTL
Theme URI:   https://trekkspillforbundet.no
Description: Skreddersydd child theme for Norske Trekkspilleres Landsforbund, bygget oppå Salient. Merkevare fra NTLs profilmanual (NYG, feb. 2026): farger (Belg, Sort, Blåtime, Pergament), Figtree + Source Serif 4, grafiske elementer og WCAG-tilpasset kontrast. Funksjonalitet (arrangementskalender) ligger i egen plugin: NTL Arrangementer.
Author:      NYG / NTL
Version:     1.0.2
Template:    salient
Text Domain: salient-child-ntl
*/

/* All styling ligger i assets/css/ntl-brand.css, lastet via functions.php. */

:root {
	--ntl-belg:      #F04E37; /* hovedfarge – flater, knapper, grafikk, store titler */
	--ntl-belg-mork: #A8321C; /* WCAG-rød for tekst/lenker på lyse flater (≥4.5:1)  */
	--ntl-sort:      #000000;
	--ntl-blatime:   #B0AAD4;
	--ntl-pergament: #F2EAE0;
	--ntl-hvit:      #FFFFFF;
	--ntl-sans:  "Figtree", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--ntl-serif: "Source Serif 4", Georgia, serif;
}

/* ------------------------------------------------------------------ */
/* Typografi                                                          */
/* ------------------------------------------------------------------ */
body,
.container-wrap,
p, li, .post-content, .wpb_text_column,
input, textarea, select {
	font-family: var(--ntl-serif);
}

body { color: var(--ntl-sort); line-height: 1.65; }

h1, h2, h3, h4, h5, h6,
.nectar_hook_page_title h1 {
	font-family: var(--ntl-sans) !important;
	font-weight: 800;
	letter-spacing: -0.01em;
	line-height: 1.1;
}

/* ------------------------------------------------------------------ */
/* H2: romslig luft OVER tittelen, tett under                         */
/* ------------------------------------------------------------------ */
#ajax-content-wrap h2 {
	font-size: clamp(1.9rem, 4vw, 2.9rem);
	margin-top: 3.2rem;
	margin-bottom: 0.8rem;
}
/* Kicker hoerer til tittelen — ingen luft imellom */
/* Kickeren ligger ofte i en egen <p> — nullstill avsnittsmarginen under den */
#ajax-content-wrap p:has(> .kicker),
#ajax-content-wrap .wpb_text_column p:has(> .kicker) { margin-bottom: 0 !important; }
#ajax-content-wrap p:has(> .kicker) + h1,
#ajax-content-wrap p:has(> .kicker) + h2,
#ajax-content-wrap .kicker + h1,
#ajax-content-wrap .kicker + h2 { margin-top: 0 !important; }
#ajax-content-wrap .kicker { margin-bottom: .4rem; }
#ajax-content-wrap .kicker + h2,
#ajax-content-wrap p:has(> .kicker) + h2,
#ajax-content-wrap .kicker + h1,
#ajax-content-wrap p:has(> .kicker) + h1 { margin-top: 0; }
/* Prototypens niva 2 (sidetittel) og hero */
#ajax-content-wrap h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
#ajax-content-wrap #ntl-hero h1 { font-size: clamp(2.6rem, 6.2vw, 5.2rem); }
/* Ingen ekstra luft naar H2 starter en kolonne eller tekstblokk */
#ajax-content-wrap .wpb_wrapper > h2:first-child,
#ajax-content-wrap .wpb_text_column h2:first-child,
#ajax-content-wrap h2:first-child {
	margin-top: 0;
}


/* Knapper: font-family fra child. Farge, vekt og form settes i elementets innstillinger / Salient > Theme Options. */
.nectar-button, a.button, .vc_btn3,
input[type="submit"], button {
	font-family: var(--ntl-sans) !important;
	font-size: 1rem !important;
	font-weight: 800 !important;
}

/* Hovedmeny: font-family fra child, vekt styres i Salient > Typography */
#top nav > ul > li > a {
	font-family: var(--ntl-sans) !important;
	letter-spacing: -0.01em;
}
/* ------------------------------------------------------------------ */
/* Lenker (WCAG-rød på lyse flater)                                   */
/* ------------------------------------------------------------------ */
a { color: var(--ntl-belg-mork); text-underline-offset: 0.15em; }
a:hover { color: var(--ntl-sort); }

/* På mørke flater: lys lenkefarge (sjekk i kontekst) */
.ntl-bg-sort a,
.dark-bg a { color: var(--ntl-belg); }
.ntl-bg-sort a:hover,
.dark-bg a:hover { color: var(--ntl-hvit); }

/* ------------------------------------------------------------------ */
/* Fargehjelpere for WPBakery-rader/kolonner                          */
/*   Bruk klassene i «Row settings → Extra class name».               */
/* ------------------------------------------------------------------ */
.ntl-bg-belg      { background-color: var(--ntl-belg) !important; }
.ntl-bg-sort      { background-color: var(--ntl-sort) !important; }
.ntl-bg-blatime   { background-color: var(--ntl-blatime) !important; }
.ntl-bg-pergament { background-color: var(--ntl-pergament) !important; }

/* Tekstfarge på flater (WCAG): sort på lyse, hvit på sort */
.ntl-bg-belg,
.ntl-bg-belg p,
.ntl-bg-blatime,
.ntl-bg-blatime p,
.ntl-bg-pergament,
.ntl-bg-pergament p { color: var(--ntl-sort) !important; }

.ntl-bg-sort,
.ntl-bg-sort p,
.ntl-bg-sort h1, .ntl-bg-sort h2, .ntl-bg-sort h3, .ntl-bg-sort h4 {
	color: var(--ntl-pergament) !important;
}

/* Stor display-tittel kan være hvit på belg (kun ≥ ca. 30px) */
.ntl-bg-belg .ntl-display { color: var(--ntl-hvit) !important; }

/* ------------------------------------------------------------------ */
/* Kicker (liten etikett over overskrift)                             */
/* ------------------------------------------------------------------ */
.kicker, .kicker p {
	font-family: var(--ntl-sans);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color:var(--ntl-sort);
	display: inline-block;
	margin-bottom: .6rem;
}
.kicker.light, .kicker.light p { color: var(--ntl-hvit); }
.kicker.dark, .kicker.dark p { color: var(--ntl-sort); }
/* ------------------------------------------------------------------ */
/* Sikksakk-skillelinje (refererer til belgen)                        */
/*   <hr class="ntl-sikksakk"> eller en tom div m/ klassen.            */
/* ------------------------------------------------------------------ */
.ntl-sikksakk {
	border: none;
	height: 14px;
	width: 108px;
	max-width: 108px;
	margin: 1rem 0 1.4rem;
	background-color: var(--ntl-belg);
	-webkit-mask: var(--ntl-sikksakk-svg) repeat-x left center / auto 14px;
	mask: var(--ntl-sikksakk-svg) repeat-x left center / auto 14px;
}
.ntl-sikksakk.center { margin-left: auto; margin-right: auto; }
:root {
	--ntl-sikksakk-svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='16' viewBox='0 0 32 16'%3E%3Cpath d='M0 13 L8 3 L16 13 L24 3 L32 13' fill='none' stroke='%23000' stroke-width='3' stroke-linecap='square'/%3E%3C/svg%3E");
}

/* ------------------------------------------------------------------ */
/* WCAG: tydelig tastaturfokus (2.4.7) – synlig på lyse OG mørke flater */
/* ------------------------------------------------------------------ */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
.nectar-button:focus-visible,
.vc_btn3:focus-visible {
	outline: 3px solid var(--ntl-hvit) !important;
	outline-offset: 2px !important;
	box-shadow: 0 0 0 6px var(--ntl-sort) !important;
}

/* Skjult-til-fokusert «hopp til innhold» hvis temaet ikke har egen */
.ntl-skip {
	position: absolute; left: -9999px; top: 0; z-index: 100000;
	background: #000; color: #fff; padding: 0.7rem 1rem;
	font-family: var(--ntl-sans); font-weight: 700; text-decoration: none;
}
.ntl-skip:focus { left: 0; }

/* ------------------------------------------------------------------ */
/* Forms / felt (kalender-plugin og kontaktskjema)                    */
/* ------------------------------------------------------------------ */
input, textarea, select {
	border: 2px solid var(--ntl-sort);
	border-radius: 4px;
}

/* Sok-overlayet skal ikke ha ramme */
#search-outer input[type="text"],
#search-outer #s,
#header-secondary-outer .nectar-search input[type="text"],
.searchform input[type="text"] {
	border: none !important;
	border-radius: 0 !important;
	box-shadow: none !important;
}

/* ------------------------------------------------------------------ */
/* Salient aksent-rester: tving merkefarge der temaet bruker accent   */
/* ------------------------------------------------------------------ */
.nectar-fancy-ul ul li .icon-default-style[class^="icon-"],
.nectar_hook_global_section { color: inherit; }

/* =====================================================================
   Aliaser for prototypens klassenavn
   forside-wpbakery.txt og de andre prototype-utklippene bruker
   kicker / sikksakk / tagpill / date, mens reglene over definerer
   ntl-kicker / ntl-sikksakk. Disse aliasene gjor at markup fra
   prototypen kan limes rett inn i WPBakery og treffe profilen.
   ===================================================================== */

.kicker {
	font-family: var(--ntl-sans);
	font-size: .78rem;
	font-weight: 800;
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--ntl-sort);
	display: inline-block;
	margin-bottom: .6rem;
}
.kicker.light { color: var(--ntl-hvit); }
.kicker.dark  { color: var(--ntl-sort); }
.ntl-bg-sort .kicker { color: var(--ntl-hvit); }

.sikksakk {
	border: none;
	height: 17px;
	width: 100px;
	max-width: 100px;
	margin: 1rem 0 1.6rem;
	background-color: var(--ntl-belg);
	-webkit-mask: var(--ntl-sikksakk-svg) repeat-x left center / auto 17px;
	mask: var(--ntl-sikksakk-svg) repeat-x left center / auto 17px;
}
.sikksakk.center { margin-left: auto; margin-right: auto; }
.sikksakk.hvit,
.ntl-bg-sort .sikksakk { background-color: var(--ntl-hvit); }
.ntl-bg-belg .sikksakk { background-color: var(--ntl-sort); }

/* Kategori-pille. I prototypen ligger den absolutt plassert oppa et
   bilde; i WPBakery-markupen star den inline, sa standard er static. */
.tagpill {
	display: inline-block;
	background: var(--ntl-belg);
	color: var(--ntl-sort);
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: .64rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	padding: .24rem .6rem;
	border-radius: 999px;
	margin-bottom: .5rem;
}

.date {
	font-family: var(--ntl-sans);
	font-size: .82rem;
	color: #5a5a5a;
	margin-top: .6rem;
	display: block;
}
.ntl-bg-sort .date { color: var(--ntl-pergament); }


/* ------------------------------------------------------------------ */
/* Delt med HTML-prototypene (NTL-*.html): plain klassenavn            */
/*   Alias for eksisterende ntl-kicker/ntl-sikksakk + nye komponenter  */
/*   for undersidene (Om NTL, Landsstyret, Fylkeskretsene osv.)        */
/* ------------------------------------------------------------------ */
.kicker { font-family: var(--ntl-sans); font-size: .78rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; color: var(--ntl-sort); display: inline-block; margin-bottom: .6rem; }
.kicker.light { color: var(--ntl-hvit); }
.kicker.dark { color: var(--ntl-sort); }

.sikksakk { border: none; height: 14px; width: 108px; max-width: 108px; margin: 1rem 0 1.4rem; background-color: var(--ntl-belg); -webkit-mask: var(--ntl-sikksakk-svg) repeat-x left center / auto 14px; mask: var(--ntl-sikksakk-svg) repeat-x left center / auto 14px; }
.sikksakk.center { margin-left: auto; margin-right: auto; }
.sikksakk.hvit { background-color: var(--ntl-hvit); }

/* Todelt seksjon (tekst + bilde) */
.tospalt { display: grid; grid-template-columns: 1fr 1fr; gap: 3rem; align-items: center; }
@media (max-width: 760px) { .tospalt { grid-template-columns: 1fr; gap: 2rem; } }

/* Lenkeoversikt som rene tekstfelt ("Dette får du som medlem" o.l.) */
.ov-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.2rem; margin-top: 1.5rem; }
.ov-kort { display: flex; flex-direction: column; height: 100%; background: #fff; border: 2px solid var(--ntl-sort); border-radius: 10px; padding: 1.4rem; text-decoration: none; box-sizing: border-box; }
#ajax-content-wrap .ov-kort h4 { font-family: var(--ntl-sans); font-weight: 800; font-size: 1.1rem; margin: 0 0 .4rem; color: var(--ntl-sort); }
#ajax-content-wrap .ov-kort h4 a { color: var(--ntl-sort); text-decoration: none; border-bottom: 2px solid var(--ntl-belg); }
#ajax-content-wrap .ov-kort h4 a:hover { border-bottom-color: var(--ntl-sort); }
#ajax-content-wrap .ov-kort .tekst,
#ajax-content-wrap .ov-kort p { display: block; font-family: var(--ntl-serif); font-size: .95rem; color: #333; margin: 0; line-height: 1.45; }
#ajax-content-wrap .ov-kort .pil { margin-top: auto; padding-top: 1.1rem; font-family: var(--ntl-sans); font-size: 1.15rem; line-height: 1; color: var(--ntl-belg); }
#ajax-content-wrap a.ov-kort .pil { transition: color .2s ease; }
#ajax-content-wrap a.ov-kort:hover .pil { color: var(--ntl-sort); }

/* Kontakt-seksjon (foto + info) */
.kontakt-grid { display: grid; grid-template-columns: 280px 1fr; gap: 2.5rem; align-items: start; margin-top: 1rem; }
@media (max-width: 680px) { .kontakt-grid { grid-template-columns: 1fr; gap: 1.4rem; } .kontakt-grid .photo { max-width: 280px; } }


/* ------------------------------------------------------------------ */
/* Sidetopp (tittel + ingress) - komponenter for undersider           */
/* ------------------------------------------------------------------ */
.pagehead { padding: 3.5rem 0 0; }
.pagehead h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); }
.pagehead .standfirst { margin-top: .6rem; }
.standfirst { font-family: var(--ntl-serif); font-size: 1.15rem; color: #333; max-width: 62ch; margin: .1rem 0 0; }

.dir-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.2rem; margin-top: 1.5rem; }
.dir-kort { background: #fff; border: 2px solid var(--ntl-sort); border-radius: 10px; padding: 1.3rem; display: flex; flex-direction: column; }
.dir-kort .rolle { font-family: var(--ntl-sans); font-weight: 800; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; color: var(--ntl-belg-mork); display: block; margin-bottom: .2rem; }
.dir-kort h3 { font-size: 1.2rem; margin: 0 0 .5rem; }
.dir-kort p { font-family: var(--ntl-serif); font-size: .93rem; color: #333; margin: 0; line-height: 1.45; }
.pille { display: inline-block; background: var(--ntl-belg); color: var(--ntl-sort); font-family: var(--ntl-sans); font-weight: 800; font-size: .7rem; letter-spacing: .08em; text-transform: uppercase; padding: .26rem .7rem; border-radius: 999px; }
.dir-kort .pille { align-self: flex-start; margin-bottom: .7rem; }

.program { max-width: 760px; margin-top: 1rem; }
.program .rad { display: grid; grid-template-columns: 120px 1fr; gap: 1.2rem; padding: 1rem 0; border-bottom: 1px solid rgba(0,0,0,.12); font-family: var(--ntl-serif); }
.program .kl { font-family: var(--ntl-sans); font-weight: 800; color: var(--ntl-belg-mork); }

.nectar-post-grid-item .meta-category {
	font-family: var(--ntl-sans) !important;
	font-weight: 800 !important;
	font-size: .7rem !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
}

.nectar-post-grid-item .meta-date {
	font-family: var(--ntl-sans) !important;
	font-size: .82rem !important;
	color: #5a5a5a !important;
}

/* Kategorifilter over Aktuelt — som .filterbar i prototypen */
#ajax-content-wrap .nectar-post-grid-filters h4 { display: none; }
#ajax-content-wrap .nectar-post-grid-filters { margin-top: 0 !important; }
#ajax-content-wrap .nectar-post-grid-filters > div {
	display: flex;
	flex-wrap: wrap;
	gap: .5rem;
	margin: 0 0 1.6rem;
}
#ajax-content-wrap .nectar-post-grid-filters a {
	font-family: var(--ntl-sans) !important;
	font-weight: 700 !important;
	font-size: .85rem !important;
	line-height: 1 !important;
	padding: .42rem 1.05rem !important;
	margin: 0 !important;
	border: 2px solid var(--ntl-sort) !important;
	border-radius: 999px !important;
	background: transparent !important;
	color: var(--ntl-sort) !important;
	text-decoration: none !important;
	transition: background .15s ease, border-color .15s ease;
}
#ajax-content-wrap .nectar-post-grid-filters a:before,
#ajax-content-wrap .nectar-post-grid-filters a:after { display: none !important; }
#ajax-content-wrap .nectar-post-grid-filters a:hover,
#ajax-content-wrap .nectar-post-grid-filters a.active {
	background: var(--ntl-belg) !important;
	border-color: var(--ntl-belg) !important;
	color: var(--ntl-sort) !important;
}

/* ------------------------------------------------------------------ */
/* ------------------------------------------------------------------ */
/* Kontaktperson-kort (fylkeskretser) – v3                             */
/* ERSTATTER kontaktkort-css-v2.txt helt (lim inn i stedet for den).   */
/* Retter: lik korthøyde i hver rad, konsekvent indre padding, og      */
/* mellomrom mellom kortene (som var 0px – kortene lå kant i kant).    */
/* ------------------------------------------------------------------ */
.kontaktkort {
	background: #fff !important;
	border: 2px solid var(--ntl-sort) !important;
	border-radius: 10px !important;
	padding: 1.3rem !important;
	margin-bottom: 0 !important; /* WPBakery legger selv på 25px margin-bottom på
		kolonner på smale skjermer – det la seg oppå vår 1.2rem gap og ga et
		dobbelt, for stort mellomrom mellom kortene på mobil. Nullstilt her
		siden gap alene tar seg av avstanden på alle bredder. */
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
}

/* RETTET i v3: WPBakerys "Equal Height Columns" setter display:flex på et
   INDRE wrapper-lag (.row_col_wrap_12), IKKE på selve .vc_row-o-equal-height
   -diven (den forblir display:block). v2/første v3-forsøk targetet feil
   element, derfor kom det ikke noe gap. Riktig element bekreftet i DevTools
   av Maggi: div.row_col_wrap_12.col.span_12 er den som faktisk er flex. */
.vc_row-o-equal-height:has(.kontaktkort) .row_col_wrap_12 {
	gap: 1.2rem;
}
/* RETTET igjen: brukte "> .kontaktkort" (direkte barn), men .kontaktkort er
   et BARNEBARN av .vc_row-o-equal-height (går via .row_col_wrap_12), så
   regelen traff aldri noe – bredden ble stående på standard 33.333% og
   kortene rakk ikke plass til 3 per rad + mellomrom, derfor brøt det til
   2 per rad. Selector nå riktig scopet til .row_col_wrap_12 > .kontaktkort.
   Testet direkte i nettleseren: alle 3 kort ligger nå på samme rad (top
   533px for kort 1–3, kort 4 starter ny rad på top 962px). */
.vc_row-o-equal-height:has(.kontaktkort) .row_col_wrap_12 > .kontaktkort {
	flex: 0 0 calc(33.333% - 0.8rem) !important;
	max-width: calc(33.333% - 0.8rem) !important;
}
@media (max-width: 820px) {
	.vc_row-o-equal-height:has(.kontaktkort) .row_col_wrap_12 > .kontaktkort {
		flex: 0 0 calc(50% - 0.6rem) !important;
		max-width: calc(50% - 0.6rem) !important;
	}
}
@media (max-width: 540px) {
	.vc_row-o-equal-height:has(.kontaktkort) .row_col_wrap_12 > .kontaktkort {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}

.kontaktkort .img-with-aniamtion-wrap {
	margin: 0 0 1rem;
	max-width: 88px;
}
.kontaktkort img.portrett {
	width: 88px !important;
	height: 88px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	border: 2px solid var(--ntl-sort);
	display: block;
}
.kontaktkort .rolle {
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: .72rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	color: var(--ntl-belg-mork);
	display: block;
	margin-bottom: .2rem;
}
.kontaktkort h3 { margin: .1rem 0 .6rem; }
.kontaktkort .adr {
	font-family: var(--ntl-sans);
	font-size: .95rem;
	color: #333;
	margin: 0 0 .5rem;
	line-height: 1.45;
}
.kontaktkort .krad {
	font-family: var(--ntl-sans);
	font-size: .95rem;
	margin: .3rem 0;
	line-height: 1.6;
}
.kontaktkort .krad a {
	color: var(--ntl-sort);
	text-decoration: none;
	font-weight: 600;
}
.kontaktkort .krad a:hover {
	text-decoration: underline;
	text-underline-offset: .2em;
}


/* ================================================================== */
/* NTL - generiske kortrader for undersider (Om NTL-grenen)           */
/* Brukes som el_class paa vc_column: "ntl-kort" + evt. "halv".     */
/* Samme mekanikk som .kontaktkort: WPBakerys Equal Height setter     */
/* flex paa .row_col_wrap_12, saa gap og flex-basis maa settes der.   */
/* ================================================================== */
.ntl-kort {
	background: #fff !important;
	border: 2px solid var(--ntl-sort) !important;
	border-radius: 10px !important;
	padding: 1.4rem !important;
	margin-bottom: 0 !important;
	box-sizing: border-box !important;
	display: flex !important;
	flex-direction: column !important;
}
.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 {
	gap: 1.2rem;
}
.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort {
	flex: 0 0 calc(33.333% - 0.8rem) !important;
	max-width: calc(33.333% - 0.8rem) !important;
}
.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort.halv {
	flex: 0 0 calc(50% - 0.6rem) !important;
	max-width: calc(50% - 0.6rem) !important;
}
@media (max-width: 820px) {
	.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort,
	.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort.halv {
		flex: 0 0 calc(50% - 0.6rem) !important;
		max-width: calc(50% - 0.6rem) !important;
	}
}
@media (max-width: 540px) {
	.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort,
	.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort.halv {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}
.ntl-kort h3 { font-size: 1.2rem; margin: 0 0 .5rem; }
.ntl-kort h4 { font-family: var(--ntl-sans); font-weight: 800; font-size: 1.1rem; margin: 0 0 .4rem; }
.ntl-kort p { font-family: var(--ntl-serif); font-size: .95rem; color: #333; margin: 0 0 .5rem; line-height: 1.45; }
.ntl-kort p:last-of-type { margin-bottom: 0; }
.ntl-kort .pille { align-self: flex-start; margin-bottom: .7rem; }
.ntl-kort .kort-lenke { align-self: flex-start; margin-top: 1.1rem; font-family: var(--ntl-sans); font-weight: 700; font-size: .92rem; color: var(--ntl-sort); text-decoration: none; }
.ntl-kort .kort-lenke:hover { text-decoration: underline; text-underline-offset: .2em; }
.ntl-kort .kontaktrad { font-family: var(--ntl-sans); font-size: .92rem; color: #333; margin-top: .8rem; }
.ntl-kort .kontaktrad a { color: var(--ntl-sort); font-weight: 600; text-decoration: none; }
.ntl-kort .kontaktrad a:hover { text-decoration: underline; text-underline-offset: .2em; }
.ntl-kort .nectar-button { margin-top: 1.1rem; align-self: flex-start; }

/* Uthevet kontaktboks (blaatime) */
.ntl-cta > .vc_column-inner,
.ntl-cta {
	box-sizing: border-box;
}
.ntl-cta {
	background: var(--ntl-blatime) !important;
	border-radius: 10px !important;
	padding: 1.8rem !important;
}
.ntl-cta h3 { margin: 0 0 .3rem; }
.ntl-cta p { margin: 0; }
.ntl-cta .nectar-button { margin-top: 1.1rem; }

/* Seksjonsavstand settes med Salients egne top_padding/bottom_padding paa raden. */

/* ==================================================================
   FORSIDEN - naermere HTML-prototypen (prototype/index.html)
   NB: paa vc_row brukes parameteren "class", ikke "el_class".
   ================================================================== */

/* Hero: belgbuen nede til hoeyre (.hero--grafikk .hero-bue i prototypen) */
/* NB: ikke sett overflow:hidden paa selve raden - det klipper Salients
   .row-bg-wrap, som er den som strekker bakgrunnen ut i full bredde.
   Buen legges derfor paa .row-bg-wrap i stedet. */
#ntl-hero { position: relative; }
#ntl-hero > .row-bg-wrap { overflow: hidden; }
#ntl-hero > .row-bg-wrap::after {
	content: "";
	position: absolute;
	right: -4%;
	bottom: -16%;
	width: 27%;
	padding-top: 17.84%; /* 501.63 / 759.28 * 27% */
	background: url("assets/images/grafikk/trekkspill-bue.svg") no-repeat center center / contain;
	pointer-events: none;
	z-index: 1;
}
#ntl-hero > .row_col_wrap_12,
#ntl-hero .col { position: relative; z-index: 2; }
#ntl-hero h1 { max-width: 18ch; }
@media (max-width: 690px) { #ntl-hero > .row-bg-wrap::after { display: none; } }

#ajax-content-wrap .nectar-button.ntl-btn-center {
	display: block !important;
	width: max-content !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* Trekkspillnytt: tangentene croppet mot hoeyre kant */
.ntl-tn-tang > .vc_column-inner { position: relative; overflow: hidden; }
.ntl-tn-tang > .vc_column-inner::after {
	content: "";
	position: absolute;
	top: 50%;
	right: -8%;
	transform: translateY(-50%);
	width: 34%;
	height: 68%;
	background: url("assets/images/grafikk/tangenter.svg") no-repeat right center / contain;
	pointer-events: none;
	z-index: 0;
}
@media (max-width: 999px) { .ntl-tn-tang > .vc_column-inner::after { display: none; } }

/* Om NTL - lenkeliste (.om-lenker) */
.om-lenker { margin-top: 1.6rem; display: flex; flex-direction: column; }
.om-lenker a {
	font-family: var(--ntl-sans);
	font-weight: 700;
	font-size: 1.02rem;
	color: var(--ntl-sort);
	text-decoration: none;
	padding: .85rem 0;
	border-top: 1px solid rgba(0,0,0,.16);
}
.om-lenker a:last-child { border-bottom: 1px solid rgba(0,0,0,.16); }
.om-lenker a:hover { text-decoration: underline; text-underline-offset: .2em; }

/* "Se alt fra ..."-lenke i seksjonstopp */
.seelink {
	font-family: var(--ntl-sans);
	font-weight: 700;
	font-size: .98rem;
	color: var(--ntl-belg-mork);
	text-decoration: none;
	display: inline-block;
	margin-top: .2rem;
}
.seelink:hover { text-decoration: underline; text-underline-offset: .2em; }

/* Sentrert sikksakk paa blaatime-flaten (Bli medlem) */
.sikksakk.center { margin-left: auto; margin-right: auto; }
.ntl-bg-blatime .sikksakk.hvit { background-color: var(--ntl-hvit); }


/* ================================================================== */
/* NM-siden                                                           */
/* ================================================================== */

/* Hero-baand paa belg: dekorgrafikk i hoeyre kolonne (frie former).   */
/* Grafikken ligger i child-temaet, ikke i mediebiblioteket, fordi WP  */
/* ikke tillater SVG-opplasting. Samme moenster som tangenter/bue.     */
.ntl-nm-grafikk > .vc_column-inner {
	min-height: 300px;
	background: url("assets/images/grafikk/frie-former-2.svg") no-repeat center right / contain;
}
@media (max-width: 999px) {
	.ntl-nm-grafikk > .vc_column-inner {
		min-height: 200px;
		background-position: center center;
	}
}

/* Nedtelling ([ntl_nedtelling] fra pluginen NTL Arrangementer) */
.nedtelling { text-align: center; }
.nedtelling .nt-tittel {
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: clamp(1.3rem, 3vw, 2rem);
	color: var(--ntl-sort);
	margin-bottom: 1.2rem;
}
.nedtelling .nt-enheter {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: .5rem;
}
.nedtelling .nt-enhet {
	display: flex;
	flex-direction: column;
	align-items: center;
	min-width: 72px;
}
.nedtelling .nt-tall {
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: clamp(2.6rem, 8vw, 5rem);
	line-height: 1;
	color: var(--ntl-sort);
	font-variant-numeric: tabular-nums;
	font-feature-settings: "tnum" 1;
}
.nedtelling .nt-tall.sek { color: var(--ntl-belg-mork); }
.nedtelling .nt-navn {
	font-family: var(--ntl-sans);
	font-size: .78rem;
	letter-spacing: .1em;
	text-transform: uppercase;
	margin-top: .45rem;
	color: #444;
}
.nedtelling .nt-kolon {
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: clamp(2rem, 6vw, 4rem);
	line-height: 1;
	color: var(--ntl-sort);
}
@media (max-width: 540px) {
	.nedtelling .nt-enhet { min-width: 56px; }
	.nedtelling .nt-kolon { display: none; }
}

/* Ingress i NM-heroen (prototypen: 1.2rem) */
#ntl-nm-hero .wpb_text_column:not(.kicker) p { font-size: 1.2rem; max-width: 42ch; }


/* ---------------------------------------------------------------
   Bli medlem-knapp i hovedmenyen - sort tekst pa oransje (prototypen)
   --------------------------------------------------------------- */
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a:before,
body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a:before {
	background-color: var(--ntl-belg) !important;
	border-radius: 999px !important;
}

body #header-outer #top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer.transparent #top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer.dark-text #top nav > ul > li[class*="button_solid_color"] > a,
body #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"] > a:hover,
body #header-outer[data-lhe="default"] #top nav .sf-menu > li[class*="button_solid_color"].sfHover > a,
body #header-outer[data-lhe="default"] #top nav .sf-menu .current_page_item[class*="button_solid_color"] > a,
body #header-outer[data-lhe="default"] #top nav > ul > li[class*="button_solid_color"].current-menu-item > a {
	color: #000 !important;
}

body #header-outer #top nav > ul > li[class*="button_solid_color"] > a .menu-title-text,
body #header-outer #top nav > ul > li[class*="button_solid_color"] > a:hover .menu-title-text {
	color: #000 !important;
}

/* ------------------------------------------------------------------ */
/* Liten rund portrett-thumbnail til hoeyre i .dir-kort               */
/* ------------------------------------------------------------------ */
#ajax-content-wrap .dir-kort { position: relative; }
#ajax-content-wrap .dir-kort:has(.portrett-hoyre) { padding-right: 7.6rem !important; }
#ajax-content-wrap .dir-kort .portrett-hoyre {
	position: absolute !important;
	top: 1.3rem;
	right: 1.3rem;
	width: 88px !important;
	height: 88px !important;
	max-width: 88px !important;
	border-radius: 50% !important;
	object-fit: cover !important;
	border: 2px solid var(--ntl-sort);
	display: block;
}
@media (max-width: 540px) {
	#ajax-content-wrap .dir-kort:has(.portrett-hoyre) { padding-right: 1.3rem !important; }
	#ajax-content-wrap .dir-kort .portrett-hoyre { position: static !important; margin: 0 0 .8rem; }
}


/* ---------- Gravity Forms – NTL-stil (Orbital-temaet) ---------- */
#ajax-content-wrap .gform_wrapper.gform-theme{
	max-width: 720px;
	--gf-color-primary: var(--ntl-sort);
	--gf-color-primary-rgb: 0,0,0;
	--gf-color-primary-contrast: var(--ntl-hvit);
	--gf-color-primary-contrast-rgb: 255,255,255;
	--gf-color-primary-darker: var(--ntl-sort);
	--gf-color-primary-lighter: var(--ntl-sort);
	--gf-ctrl-bg-color: var(--ntl-hvit);
	--gf-ctrl-bg-color-hover: var(--ntl-hvit);
	--gf-ctrl-bg-color-focus: var(--ntl-hvit);
	--gf-ctrl-border-color: var(--ntl-sort);
	--gf-ctrl-border-color-hover: var(--ntl-sort);
	--gf-ctrl-border-color-focus: var(--ntl-sort);
	--gf-ctrl-border-width: 2px;
	--gf-ctrl-radius: 6px;
	--gf-ctrl-color: var(--ntl-sort);
	--gf-ctrl-padding-x: .8rem;
	--gf-ctrl-padding-y: .7rem;
	--gf-ctrl-font-family: var(--ntl-serif);
	--gf-ctrl-font-size: 1rem;
	--gf-ctrl-label-color-primary: var(--ntl-sort);
	--gf-ctrl-label-font-family-primary: var(--ntl-sans);
	--gf-ctrl-label-font-size-primary: .9rem;
	--gf-ctrl-label-font-weight-primary: 700;
	--gf-ctrl-label-color-secondary: var(--ntl-sort);
	--gf-ctrl-label-font-family-secondary: var(--ntl-sans);
	--gf-ctrl-label-color-req: var(--ntl-belg-mork);
	--gf-ctrl-label-font-family-req: var(--ntl-sans);
	--gf-ctrl-desc-color: #444;
	--gf-ctrl-desc-font-family: var(--ntl-sans);
	--gf-ctrl-desc-font-size: .85rem;
	--gf-ctrl-desc-color-error: var(--ntl-belg-mork);
	--gf-ctrl-desc-font-family-error: var(--ntl-sans);
	--gf-ctrl-border-color-error: var(--ntl-belg-mork);
	--gf-ctrl-bg-color-error: var(--ntl-hvit);
	--gf-form-gap-x: 1.2rem;
	--gf-form-gap-y: 1.2rem;
}
/* Send-knapp: NTLs pilleknapp */
#ajax-content-wrap .gform_wrapper .gform_footer .gform-button,
#ajax-content-wrap .gform_wrapper .gform_footer input[type="submit"]{
	background: var(--ntl-sort);
	color: var(--ntl-hvit);
	border: 2px solid var(--ntl-sort);
	border-radius: 999px;
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: 1rem;
	padding: .85rem 2rem;
	cursor: pointer;
	transition: background .15s ease, color .15s ease;
}
#ajax-content-wrap .gform_wrapper .gform_footer .gform-button:hover,
#ajax-content-wrap .gform_wrapper .gform_footer input[type="submit"]:hover{
	background: var(--ntl-belg);
	color: var(--ntl-sort);
}
/* Samtykke-avkryssing på én linje */
#ajax-content-wrap .ntl-samtykke .gchoice{display:flex;gap:.6rem;align-items:flex-start}
#ajax-content-wrap .ntl-samtykke .gform-field-label{font-family:var(--ntl-sans);font-weight:400;font-size:.95rem}
/* Bekreftelsesmelding */
#ajax-content-wrap .gform_confirmation_message{font-family:var(--ntl-serif);font-size:1.05rem;background:var(--ntl-hvit);border:2px solid var(--ntl-sort);border-radius:10px;padding:1.4rem 1.6rem;max-width:720px}
/* Feilmelding øverst */
#ajax-content-wrap .gform_wrapper .gform_validation_errors{font-family:var(--ntl-sans);border:2px solid var(--ntl-belg-mork);border-radius:6px;background:var(--ntl-hvit);box-shadow:none}
#ajax-content-wrap .gform_wrapper .gform_validation_errors h2{color:var(--ntl-belg-mork);font-family:var(--ntl-sans);font-size:1rem}
#ajax-content-wrap .gform_wrapper .gfield_label,
#ajax-content-wrap .gform_wrapper .gform-field-label{font-family:var(--ntl-sans);font-weight:700;font-size:.9rem;color:var(--ntl-sort)}
#ajax-content-wrap .gform_wrapper .gform_required_legend{font-family:var(--ntl-sans);font-size:.85rem;color:#444}
#ajax-content-wrap .ntl-samtykke .gform-field-label--type-inline{font-weight:400;font-size:.95rem}

/* Pagehead som i prototypen — ogsaa naar raden bruker .ntl-pagehead */
/* Radens top_padding i Salient styrer luften over pagehead — ikke CSS. */
#ajax-content-wrap .ntl-pagehead h1 { font-size: clamp(2.2rem, 5vw, 3.6rem); margin-top: 0; }
.ntl-pagehead .standfirst { margin-top: .6rem; }

/* Vertikal sentrering i equal-height-rader (Salient flexer .row_col_wrap_12) */
/* Kolonnene skal fortsatt strekke seg (ellers slipper fargen taket) — innholdet sentreres. */
.vc_row-o-equal-height.vc_row-o-content-middle .row_col_wrap_12 > .wpb_column > .vc_column-inner {
	display: flex;
	flex-direction: column;
	justify-content: center;
	height: 100%;
}

/* Pagehead paa Aktuelt (innleggssiden) */
.ntl-aktuelt-head { padding: 1rem 0 2.2rem; }
#ajax-content-wrap .gform_wrapper .gform-field-label__text{font-family:var(--ntl-sans);font-weight:700}
#ajax-content-wrap .ntl-samtykke .gform-field-label__text{font-weight:400}
#skjema-forsikring,#skjema-kontakt,#skjema-annonse{scroll-margin-top:110px}

/* Dato-badge i arrangementslista: aldri understrek (Salient understreker lenker i tekstkolonner) */
#ajax-content-wrap a.ntl-arr-dato-lenke,
#ajax-content-wrap a.ntl-arr-dato-lenke:hover,
#ajax-content-wrap a.ntl-arr-dato-lenke .ntl-arr-dato,
#ajax-content-wrap a.ntl-arr-dato-lenke .d,
#ajax-content-wrap a.ntl-arr-dato-lenke .m {
	text-decoration: none !important;
	border-bottom: 0 !important;
	background-image: none !important;
}

/* Gammeldanspris-bildet: 4:3 som prototypens .prisblokk .bilde */
#ajax-content-wrap .ntl-pris-bilde,
#ajax-content-wrap .ntl-pris-bilde .img-with-aniamtion-wrap,
#ajax-content-wrap .ntl-pris-bilde .inner-wrap { width: 100%; }
#ajax-content-wrap .ntl-pris-bilde img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	height: auto;
	object-fit: cover;
	border-radius: 8px;
}

/* Kort i post-grid — tagpill-som-prototypen + avstander som .mini */
#ajax-content-wrap .nectar-post-grid .meta-category .style-button,
#ajax-content-wrap .nectar-post-grid .meta-category a {
	font-family: var(--ntl-sans) !important;
	font-weight: 800 !important;
	font-size: .64rem !important;
	letter-spacing: .08em !important;
	text-transform: uppercase !important;
	line-height: 1 !important;
	padding: .34rem .7rem !important;
	border-radius: 999px !important;
}
#ajax-content-wrap .nectar-post-grid-item .content,
#ajax-content-wrap .nectar-post-grid-item .item-main {
	padding-top: 0 !important;
	margin-top: 0 !important;
}
#ajax-content-wrap .nectar-post-grid-item .post-heading,
#ajax-content-wrap .nectar-post-grid-item h2.post-heading,
#ajax-content-wrap .nectar-post-grid-item h3.post-heading {
	font-size: 1.2rem !important;
	line-height: 1.2 !important;
	margin: .9rem 0 0 !important;
	padding: 0 !important;
}
#ajax-content-wrap .nectar-post-grid-item .nectar-post-grid-item__meta-wrap {
	display: block;
	margin-top: .45rem !important;
	padding-top: 0 !important;
}
#ajax-content-wrap .nectar-post-grid-item .meta-date {
	display: block;
	margin: 0 !important;
	padding: 0 !important;
	font-size: .78rem !important;
}

/* seksjonstittel-tett-paa-innhold: tekstblokk som slutter med sikksakk skal ikke ha ekstra bunnmargin */
#ajax-content-wrap .wpb_text_column:has(.sikksakk:last-child),
#ajax-content-wrap .wpb_text_column:has(> .wpb_wrapper > .sikksakk:last-child) {
	margin-bottom: 0 !important;
}
#ajax-content-wrap .dir-grid { margin-top: 0; }
#ajax-content-wrap .program { margin-top: 0; }

/* ------------------------------------------------------------------ */
/* Brodsmuler: Figtree, liten, og fullbredde-farge fra forste rad     */
/*   (fargen settes inline av ntl_brodsmule_farge() i functions.php)  */
/* ------------------------------------------------------------------ */
#ajax-content-wrap #breadcrumbs {
	position: relative;
	z-index: 1;
	font-family: var(--ntl-sans) !important;
	font-size: .82rem !important;
	line-height: 1.4;
	margin: 0 !important;
	padding: .85rem 0 !important;
}
#ajax-content-wrap #breadcrumbs:before {
	content: "";
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: 100vw;
	top: 0;
	bottom: 0;
	z-index: -1;
	background: var(--ntl-bc-bg, transparent);
}
#ajax-content-wrap #breadcrumbs,
#ajax-content-wrap #breadcrumbs a { color: var(--ntl-bc-tekst, var(--ntl-sort)); }
#ajax-content-wrap #breadcrumbs a { text-decoration: underline; text-underline-offset: .15em; }

/* Hero: tekstblokk rett over en knapp skal ikke ha ekstra luft */
#ajax-content-wrap .wpb_text_column:has(+ a.nectar-button),
#ajax-content-wrap .wpb_text_column:has(+ .nectar-button) { margin-bottom: 1.2rem !important; }
#ajax-content-wrap .wpb_text_column:has(+ a.nectar-button) > .wpb_wrapper > p:last-child,
#ajax-content-wrap .wpb_text_column:has(+ a.nectar-button) > p:last-child { margin-bottom: 0 !important; }
#ajax-content-wrap .wpb_text_column + a.nectar-button { margin-top: 0 !important; }

/* Nedtelling: tett tittel */
#ajax-content-wrap .nedtelling .nt-tittel { margin: 0 0 1rem !important; }

/* «Vis flere»: samme font som knappene, sort tekst paa oransje ved hover */
#ajax-content-wrap .nectar-load-more,
#ajax-content-wrap .nectar-load-more .text {
	font-family: var(--ntl-sans) !important;
	font-weight: 800 !important;
	font-size: 1rem !important;
	letter-spacing: 0 !important;
	text-transform: none !important;
}
#ajax-content-wrap .nectar-load-more:hover,
#ajax-content-wrap .nectar-load-more:focus-visible {
	background-color: var(--ntl-belg) !important;
	border-color: var(--ntl-belg) !important;
	color: var(--ntl-sort) !important;
}
#ajax-content-wrap .nectar-load-more:hover .text,
#ajax-content-wrap .nectar-load-more:hover span { color: var(--ntl-sort) !important; }
/* Salient setter line-height/height 38px på select – teksten ble skjøvet ut av det klippede feltet */
#ajax-content-wrap .gform_wrapper.gform-theme select{
	font-family: var(--ntl-serif);
	font-size: 1rem;
	line-height: 1.3;
	height: auto;
	min-height: 0;
	padding: .7rem 2.2rem .7rem .8rem;
	overflow: visible;
}

/* Tilbake-lenke (pil venstre) */
#ajax-content-wrap .seelink-tilbake { display: inline-block; margin-top: .2rem; }

/* ------------------------------------------------------------------ */
/* Bli medlem: firedelt kortrad (kontingent) + pris                   */
/* ------------------------------------------------------------------ */
.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort.fjerdedel {
	flex: 0 0 calc(25% - 0.9rem) !important;
	max-width: calc(25% - 0.9rem) !important;
}
@media (max-width: 1000px) {
	.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort.fjerdedel {
		flex: 0 0 calc(50% - 0.6rem) !important;
		max-width: calc(50% - 0.6rem) !important;
	}
}
@media (max-width: 540px) {
	.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .ntl-kort.fjerdedel {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
}
#ajax-content-wrap .ntl-kort .pris {
	font-family: var(--ntl-sans);
	font-weight: 800;
	font-size: 1.9rem;
	line-height: 1.1;
	color: var(--ntl-sort);
	margin: .2rem 0 .8rem;
}
#ajax-content-wrap .ntl-kort .pris span { font-size: 1rem; font-weight: 400; }
#skjema-innmelding { scroll-margin-top: 110px; }

/* Skjemafelt: ett fokusmerke (GF tegnet sin egen oransje i tillegg til var ring) */
#ajax-content-wrap .gform_wrapper input:focus,
#ajax-content-wrap .gform_wrapper textarea:focus,
#ajax-content-wrap .gform_wrapper select:focus,
#ajax-content-wrap .gform_wrapper input:focus-visible,
#ajax-content-wrap .gform_wrapper textarea:focus-visible,
#ajax-content-wrap .gform_wrapper select:focus-visible {
	outline: none !important;
	box-shadow: none !important;
	border-color: var(--ntl-belg-mork) !important;
}

/* GF send-knapp: Orbital styrer den via egne btn-variabler (blaa som standard) */
#ajax-content-wrap .gform_wrapper.gform-theme {
	--gf-ctrl-btn-bg-color-primary: var(--ntl-sort);
	--gf-ctrl-btn-bg-color-hover-primary: var(--ntl-belg);
	--gf-ctrl-btn-color-primary: var(--ntl-hvit);
	--gf-ctrl-btn-color-hover-primary: var(--ntl-sort);
	--gf-ctrl-btn-border-color-primary: var(--ntl-sort);
	--gf-ctrl-btn-border-color-hover-primary: var(--ntl-belg);
	--gf-ctrl-btn-radius: 999px;
	--gf-ctrl-btn-font-family: var(--ntl-sans);
	--gf-ctrl-btn-font-size: 1rem;
	--gf-ctrl-btn-font-weight: 800;
	--gf-ctrl-btn-padding-x: 2rem;
	--gf-ctrl-btn-padding-y: .85rem;
}
#ajax-content-wrap .gform_wrapper .gform-button,
#ajax-content-wrap .gform_wrapper .gform_button,
#ajax-content-wrap .gform_wrapper button[type="submit"],
#ajax-content-wrap .gform_wrapper input[type="submit"] {
	background: var(--ntl-sort) !important;
	color: var(--ntl-hvit) !important;
	border: 2px solid var(--ntl-sort) !important;
	border-radius: 999px !important;
	font-family: var(--ntl-sans) !important;
	font-weight: 800 !important;
	font-size: 1rem !important;
	padding: .85rem 2rem !important;
}
#ajax-content-wrap .gform_wrapper .gform-button:hover,
#ajax-content-wrap .gform_wrapper .gform_button:hover,
#ajax-content-wrap .gform_wrapper button[type="submit"]:hover,
#ajax-content-wrap .gform_wrapper input[type="submit"]:hover {
	background: var(--ntl-belg) !important;
	color: var(--ntl-sort) !important;
	border-color: var(--ntl-belg) !important;
}

/* CTA i to spalter + aapningstider */
#ajax-content-wrap .ntl-cta-rad .vc_column-inner { padding-top: 0; }
#ajax-content-wrap .ntl-cta-bilde img { border-radius: 8px; width: 100%; aspect-ratio: 4 / 5; object-fit: cover; display: block; }
#ajax-content-wrap .apningstider-tittel { font-family: var(--ntl-sans); font-weight: 700; margin: 1.1rem 0 .3rem; }
#ajax-content-wrap .apningstider { max-width: 24rem; font-family: var(--ntl-sans); font-size: .95rem; }
#ajax-content-wrap .apningstider .rad { display: flex; justify-content: space-between; gap: 1rem; padding: .45rem 0; border-bottom: 1px solid rgba(0,0,0,.18); }
#ajax-content-wrap .apningstider .rad span:last-child { font-weight: 800; }
#ajax-content-wrap .apningstider .rad:last-child { border-bottom: 0; }
@media (max-width: 690px) {
	#ajax-content-wrap .ntl-cta-bilde img { aspect-ratio: 3 / 2; margin-top: 1.2rem; }
}

/* Sok-overlay: typografi som resten av NTL (Figtree, tung) */
#search-outer input[type="text"],
#search-outer #s {
	font-family: var(--ntl-sans) !important;
	font-weight: 800 !important;
	letter-spacing: -0.01em !important;
	color: var(--ntl-sort) !important;
}
#search-outer input[type="text"]::placeholder,
#search-outer #s::placeholder { color: var(--ntl-sort) !important; opacity: 1; }
#search-outer #search span,
#search-outer #search p,
#search-outer .search-hint,
#search-outer form span {
	font-family: var(--ntl-sans) !important;
	font-weight: 600 !important;
	font-size: .92rem !important;
	color: #444 !important;
}

/* Knapper side om side: alltid mellomrom */
#ajax-content-wrap a.nectar-button + a.nectar-button,
#ajax-content-wrap .nectar-button + .nectar-button,
#ajax-content-wrap a.nectar-button + .nectar-button-wrap,
#ajax-content-wrap .nectar-button-wrap + .nectar-button-wrap { margin-left: .8rem; }






/* ------------------------------------------------------------------ */
/* Lik luft over brodsmulene paa ALLE sider.                          */
/* Salient nuller .container-wrap sin padding-top naar forste rad er  */
/* full bredde (NM) og beholder 40px ellers (Arrangementer). Vi tar   */
/* luften ut av .container-wrap og legger den i #breadcrumbs i        */
/* stedet, slik at fargebandet foelger brodsmulene.                   */
/* ------------------------------------------------------------------ */
#ajax-content-wrap .container-wrap { padding-top: 0 !important; }
#ajax-content-wrap #breadcrumbs { padding-top: calc(40px + .85rem) !important; }

/* NM-bildegalleri (WPBakerys Image Gallery, Salient work-item) */
#ajax-content-wrap .ntl-galleri .work-item img { border-radius: 8px; }
#ajax-content-wrap .ntl-galleri .work-item { border-radius: 8px; overflow: hidden; }

/* Nyhetskort: bildeutsnitt biases mot toppen slik at ansikter ikke kuttes */
#ajax-content-wrap .nectar-post-grid-item-bg__media {
	object-position: 50% 25%;
}

/* Vis flere-knapp (load more): outline som normaltilstand, samme font som ovrige */
#ajax-content-wrap .nectar-load-more,
#ajax-content-wrap a.nectar-load-more,
#ajax-content-wrap .nectar-load-more.loaded,
#ajax-content-wrap .post-grid-load-more,
#ajax-content-wrap .nectar-post-grid-wrap .nectar-load-more {
	font-family: var(--ntl-sans) !important;
	font-weight: 800 !important;
	font-size: 1rem !important;
	line-height: 1 !important;
	background: transparent !important;
	background-color: transparent !important;
	color: var(--ntl-sort) !important;
	border: 2px solid var(--ntl-sort) !important;
	border-radius: 999px !important;
	box-shadow: none !important;
	outline: 0 !important;
	padding: .85rem 2rem !important;
}
#ajax-content-wrap .nectar-load-more:before,
#ajax-content-wrap .nectar-load-more:after,
#ajax-content-wrap a.nectar-load-more:before,
#ajax-content-wrap a.nectar-load-more:after { display: none !important; content: none !important; }
#ajax-content-wrap .nectar-load-more:hover,
#ajax-content-wrap a.nectar-load-more:hover {
	background: var(--ntl-belg) !important;
	border-color: var(--ntl-belg) !important;
	color: var(--ntl-sort) !important;
}

/* ------------------------------------------------------------------ */
/* Footer: lenker uten understrek, belg ved hover                     */
/* ------------------------------------------------------------------ */
#ajax-content-wrap #footer-outer a,
#ajax-content-wrap #footer-outer .widget a,
#ajax-content-wrap #footer-outer #footer-widgets .widget li a,
#ajax-content-wrap #footer-outer .widget p a {
	color: var(--ntl-pergament) !important;
	text-decoration: none !important;
	border-bottom: 0 !important;
	background-image: none !important;
}
#ajax-content-wrap #footer-outer a:hover,
#ajax-content-wrap #footer-outer .widget a:hover,
#ajax-content-wrap #footer-outer #footer-widgets .widget li a:hover,
#ajax-content-wrap #footer-outer .widget p a:hover {
	color: var(--ntl-belg) !important;
	text-decoration: none !important;
}
/* Samme line-height-problem som select: filfeltets tekst ble klippet */
#ajax-content-wrap .gform_wrapper.gform-theme input[type="file"]{
	font-family: var(--ntl-sans);
	font-size: .95rem;
	line-height: 1.3;
	height: auto;
	min-height: 0;
	padding: .55rem .8rem;
}

/* --- Enkeltarrangement: detaljer, lenke og tilbakelenke --- */
#ajax-content-wrap .ntl-arr-detaljer {
	margin: 0 0 1.6rem;
	padding: 1.1rem 1.3rem;
	background: var(--ntl-pergament, #F2EAE0);
	border-radius: 5px;
}
#ajax-content-wrap .ntl-arr-detaljer dl {
	display: grid;
	grid-template-columns: max-content 1fr;
	gap: .35rem 1.2rem;
	margin: 0;
}
#ajax-content-wrap .ntl-arr-detaljer dt {
	margin: 0;
	font-family: var(--ntl-sans);
	font-size: .78rem;
	letter-spacing: .08em;
	text-transform: uppercase;
	opacity: .7;
	align-self: center;
}
#ajax-content-wrap .ntl-arr-detaljer dd {
	margin: 0;
	font-weight: 600;
}
#ajax-content-wrap .ntl-arr-tilbake {
	margin-top: 2rem;
	margin-bottom: 4rem;
	font-family: var(--ntl-sans);
}
#ajax-content-wrap .ntl-arr-tilbake a {
	text-decoration: none;
}

/* Knapperader: lik avstand (1em) mellom knapper som staar ved siden av hverandre */
#ajax-content-wrap .nectar-button,
#ajax-content-wrap a.nectar-button {
	margin-right: 0 !important;
	margin-left: 0 !important;
}
#ajax-content-wrap .nectar-button + .nectar-button,
#ajax-content-wrap .nectar-button + a.nectar-button {
	margin-left: 1em !important;
}

/* Sentrert knapp (02.09.2026) - Salient overstyrte margin-left */
#ajax-content-wrap .nectar-button.ntl-btn-center{display:block!important;width:max-content!important;float:none!important;margin-left:auto!important;margin-right:auto!important;}

/* Trekkspillnytt hero: bladmockup i hoeyre kolonne (02.09.2026) */
.ntl-tn-mockup{margin:0!important;}
.ntl-tn-mockup .vc_single_image-wrapper,
.ntl-tn-mockup img{width:100%;height:auto;display:block;}
@media (min-width:1000px){#ajax-content-wrap .ntl-tn-mockup{margin-right:-90px!important;width:calc(100% + 90px);}}
@media (max-width:999px){.ntl-tn-mockup{margin-top:2rem!important;}}

/* Tettere pagehead + filterrad paa arkivsidene (08.09.2026) */
#ajax-content-wrap .ntl-pagehead .sikksakk { margin: 0.6rem 0 0.7rem; }
#ajax-content-wrap .ntl-pagehead .standfirst { margin-top: 0.4rem; }
#ajax-content-wrap .ntl-pagehead { padding-bottom: 0 !important; margin-bottom: 0.5rem !important; }
#ajax-content-wrap .nectar-post-grid-filters { padding-top: 0; margin-bottom: 0.9rem; }

/* Arrangementslista: tittelen skal holde seg sort ved hover (08.09.2026) */
#ajax-content-wrap .ntl-arr-tekst h3 a,
#ajax-content-wrap .ntl-arr-tekst h3 a:hover,
#ajax-content-wrap .ntl-arr-tekst h3 a:focus,
#ajax-content-wrap .ntl-arr-les:hover,
#ajax-content-wrap .ntl-arr-les:focus { color: var(--ntl-sort, #000) !important; }

/* Filterraden: ingen luft under (08.09.2026) */
#ajax-content-wrap .nectar-post-grid-filters { margin-bottom: 0 !important; }
#ajax-content-wrap .nectar-post-grid-filters > div { margin-bottom: 0 !important; }

/* Kategorimerket paa kortene: 10px inn fra topp og venstre (08.09.2026) */
#ajax-content-wrap .category-position-overlaid .nectar-post-grid-item .meta-category,
#ajax-content-wrap .nectar-post-grid .nectar-post-grid-item .meta-category {
	top: 10px !important;
	left: 10px !important;
	width: calc(100% - 20px) !important;
}

/* «Vis flere» i post-grid: samme font som ovrige knapper (08.09.2026) */
#ajax-content-wrap .load-more-wrap .load-more,
#ajax-content-wrap .nectar-post-grid-wrap .load-more {
	font-family: var(--ntl-sans) !important;
	font-size: 1rem !important;
	font-weight: 700 !important;
}

/* Trekkspillnytt-hero: bladbildet helt ut til nedre og hoyre kant (08.09.2026) */
@media (min-width: 1000px) {
	/* Bladmockupen legges som bakgrunn paa .row-bg-wrap (fullbredde-laget), forankret
	   nede til hoyre. Samme grep som buen paa #ntl-hero. Selve <img> skjules. */
	#ajax-content-wrap .wpb_row:has(.ntl-tn-mockup) > .row-bg-wrap::after {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		z-index: 2;
		width: 46vw;
		aspect-ratio: 1600 / 1057;
		background-image: url("/wp-content/uploads/2026/09/trekkspillnytt-hero.jpg");
		background-repeat: no-repeat;
		background-position: right bottom;
		background-size: contain;
	}
	#ajax-content-wrap .ntl-tn-mockup { display: none; }
}

/* NM-hero: kvadratisk bilde med 5px hjorner i stedet for dekorgrafikken (08.09.2026) */
#ntl-nm-hero .ntl-nm-grafikk > .vc_column-inner { background: none !important; min-height: 0 !important; }
#ajax-content-wrap .ntl-nm-bilde { line-height: 0; margin-left: auto; max-width: 520px; }
#ajax-content-wrap .ntl-nm-bilde .ntl-nm-bilde-img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 1 / 1;
	object-fit: cover;
	border-radius: 5px;
}

/* ------------------------------------------------------------------ */
/* Ingen pergamentstripe mellom siste rad og footeren (08.09.2026).   */
/* .container-wrap hadde 40px bunnpadding og WPBakery gir hver rad    */
/* 27px margin-bottom - begge lot bakgrunnen skinne gjennom.          */
/* ------------------------------------------------------------------ */
#ajax-content-wrap .container-wrap { padding-bottom: 0 !important; }
#ajax-content-wrap .main-content > .row > .wpb_row { margin-bottom: 0; }

/* ------------------------------------------------------------------ */
/* Gravity Forms - datovelgerens kalenderknapp                        */
/* Salient styler alle <button> som sort pille. GF tegner alltid      */
/* denne knappen, ogsaa naar calendarIconType = none.                 */
/* ------------------------------------------------------------------ */
#ajax-content-wrap .gform_wrapper .gform-datepicker-toggle {
	background: transparent !important;
	border: 0 !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 .4rem !important;
	width: auto !important;
	height: auto !important;
	min-height: 0 !important;
	min-width: 0 !important;
	line-height: 1 !important;
	color: var(--ntl-sort) !important;
	text-shadow: none !important;
	transform: none !important;
}

#ajax-content-wrap .gform_wrapper .gform-datepicker-toggle:hover,
#ajax-content-wrap .gform_wrapper .gform-datepicker-toggle:focus {
	background: transparent !important;
	color: var(--ntl-belg) !important;
}

#ajax-content-wrap .gform_wrapper .gform-datepicker-toggle::before,
#ajax-content-wrap .gform_wrapper .gform-datepicker-toggle::after {
	display: none !important;
}

#ajax-content-wrap .gform_wrapper .gform-datepicker-toggle .gform-calendar-icon {
	font-size: 1.1rem !important;
	width: auto !important;
	height: auto !important;
	line-height: 1 !important;
	color: inherit !important;
}

#ajax-content-wrap .gform_wrapper .ginput_container_date {
	position: relative;
}

#ajax-content-wrap .gform_wrapper .ginput_container_date input.datepicker {
	width: 100% !important;
	padding-right: 2.4rem !important;
}

#ajax-content-wrap .gform_wrapper .gform-datepicker-toggle {
	position: absolute !important;
	right: .5rem;
	top: 50%;
	transform: translateY(-50%) !important;
}

/* Filterraden paa mobil: samme venstremarg som kortene (14.09.2026) */
@media only screen and (max-width: 690px) {
	#ajax-content-wrap .nectar-post-grid-filters {
		margin-left: 0 !important;
		margin-right: 0 !important;
		width: 100% !important;
	}
}

/* Luft under datoen paa mobil i post-griden (14.09.2026) */
@media only screen and (max-width: 690px) {
	#ajax-content-wrap .nectar-post-grid-item .nectar-post-grid-item__meta-wrap {
		display: block;
		margin-bottom: 1rem;
	}
}

/* Arrangementsrad: toppstilt innhold paa mobil (14.09.2026) */
@media only screen and (max-width: 690px) {
	#ajax-content-wrap .ntl-arr-rad {
		align-items: flex-start;
	}
}

/* Last flere-knappen: sentrert med 30 px luft (14.09.2026) */
#ajax-content-wrap .nectar-post-grid-wrap .load-more-wrap {
	text-align: center;
	margin: 30px 0;
}

/* Bunnmarg paa enkeltinnlegg: 3 % ned mot footeren (14.09.2026) */
body.single-post #ajax-content-wrap .container-wrap { padding-bottom: 3% !important; }

/* Radpadding paa mobil: 3 % -> 30 px, 5 % -> 50 px (14.09.2026) */
@media only screen and (max-width: 690px) {
	#ajax-content-wrap .wpb_row[style*="padding-top: calc(100vw * 0.03)"] { padding-top: 30px !important; }
	#ajax-content-wrap .wpb_row[style*="padding-bottom: calc(100vw * 0.03)"] { padding-bottom: 30px !important; }
	#ajax-content-wrap .wpb_row[style*="padding-top: calc(100vw * 0.05)"] { padding-top: 50px !important; }
	#ajax-content-wrap .wpb_row[style*="padding-bottom: calc(100vw * 0.05)"] { padding-bottom: 50px !important; }
}

/* ================================================================== */
/* Soekeresultater (14.09.2026)                                       */
/* ================================================================== */
.search-results #page-header-bg,
.search-no-results #page-header-bg { background-color: var(--ntl-pergament) !important; }

.search-results #ajax-content-wrap article.result .inner-wrap,
.search-no-results #ajax-content-wrap article.result .inner-wrap {
	border: none !important;
	box-shadow: none !important;
}

.search-results #ajax-content-wrap article.result .inner-wrap > a:first-child img { display: block; margin: 0; }

.search-results #ajax-content-wrap article.result h2.title {
	margin-top: 0 !important;
	padding: 1em 1.25em 1.25em;
}

.search-results #ajax-content-wrap article.result h2.title a,
.search-results #ajax-content-wrap article.result .inner-wrap a {
	color: var(--ntl-sort) !important;
	text-decoration: underline !important;
	text-underline-offset: .15em;
}
.search-results #ajax-content-wrap article.result .inner-wrap > a:first-child { text-decoration: none; }
.search-results #ajax-content-wrap article.result h2.title a:hover { color: var(--ntl-belg-mork) !important; }

/* Bunnmarg paa Landsstyret: 3 % ned mot footeren (14.09.2026) */
body.page-id-905 #ajax-content-wrap .container-wrap { padding-bottom: 3% !important; }
@media only screen and (max-width: 690px) {
	body.page-id-905 #ajax-content-wrap .container-wrap { padding-bottom: 30px !important; }
}

/* --- Tilgjengelighet: skjult tekst for skjermlesere --- */
.ntl-sr {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

/* --- Footer: lister i stedet for <br> --- */
#footer-outer .ntl-footer-liste {
	list-style: none;
	margin: 0 0 1em;
	padding: 0;
}

#footer-outer .ntl-footer-liste li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer-outer .ntl-footer-sosial {
	margin-bottom: 0;
}

#footer-outer .ntl-footer-sosial li {
	display: inline;
}

#footer-outer .ntl-footer-sosial li + li::before {
	content: ' · ';
}

/* Trekkspillnytt: hold teksten klar av tangent-illustrasjonen */
.ntl-tn-tang > .vc_column-inner > .wpb_wrapper { position: relative; z-index: 1; max-width: 72%; }
@media (max-width: 999px) { .ntl-tn-tang > .vc_column-inner > .wpb_wrapper { max-width: none; } }

/* Gjenbrukbar kontaktseksjon med portrett (ntl-cta-boks) */
#ajax-content-wrap .ntl-cta-boks { background: var(--ntl-blatime); border-radius: 10px; padding-left: 3%; padding-right: 3%; }
#ajax-content-wrap .ntl-cta-boks h3 { margin: 0 0 .3rem; }
#ajax-content-wrap .ntl-cta-boks p { margin: 0 0 .4rem; }
#ajax-content-wrap .ntl-cta-boks p:last-child { margin-bottom: 0; }
#ajax-content-wrap .ntl-cta-boks .nectar-button { margin-top: 1.1rem; }
#ajax-content-wrap .ntl-cta-boks .img-with-aniamtion-wrap { max-width: 220px; margin-left: auto; }
@media (max-width: 690px) {
	#ajax-content-wrap .ntl-cta-boks { padding-left: 30px; padding-right: 30px; }
	#ajax-content-wrap .ntl-cta-boks .img-with-aniamtion-wrap { max-width: 160px; margin: 1.2rem auto 0; }
}


/* Kortrad med overskrift i samme rad: full bredde paa 1/1-kolonnen */
.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 { flex-wrap: wrap; }
.vc_row-o-equal-height:has(.ntl-kort) .row_col_wrap_12 > .vc_col-sm-12 { flex: 0 0 100% !important; max-width: 100% !important; }


/* --- Footer: Tlf. på én linje i samme font, Facebook · Instagram på én linje --- */
#footer-outer #footer-widgets .ntl-footer-liste li {
	font-family: Figtree, sans-serif;
}

#footer-outer #footer-widgets .ntl-footer-liste li a {
	display: inline !important;
}


/* Kategoripiller på kortene: tettere avstand mellom flere merker */
#ajax-content-wrap .nectar-post-grid .nectar-post-grid-item .meta-category {
	display: flex !important;
	flex-wrap: wrap;
	gap: 6px;
}

#ajax-content-wrap .nectar-post-grid .meta-category a {
	margin: 0 !important;
}


/* Footer: all tekst i sans, større kolonneoverskrifter */
#ajax-content-wrap #footer-outer,
#ajax-content-wrap #footer-outer p,
#ajax-content-wrap #footer-outer li,
#ajax-content-wrap #footer-outer a,
#ajax-content-wrap #footer-outer h4 {
	font-family: var(--ntl-sans) !important;
}

#ajax-content-wrap #footer-outer #footer-widgets h4 {
	font-size: 22px !important;
	line-height: 1.3 !important;
	font-weight: 700 !important;
	margin-bottom: .8em !important;
}


/* Undermeny (dropdown) i sans */
#header-outer #top nav .sf-menu .sub-menu li a,
#header-outer #top nav .sf-menu .sub-menu li a span {
	font-family: var(--ntl-sans) !important;
}


/* Forside: gammeldanspris under Støtteordninger */
#ajax-content-wrap .ntl-forside-gammeldans {
	margin-top: 3rem;
}

#ajax-content-wrap .ntl-forside-gammeldans h3 {
	margin-bottom: .4em;
}


/* Trekkspillnytt: tangentene vises under teksten på mobil/nettbrett */
@media (max-width: 999px) {
	.ntl-tn-tang > .vc_column-inner::after {
		display: block;
		position: relative;
		top: auto;
		right: auto;
		transform: none;
		width: 100%;
		height: 240px;
		margin-top: 2rem;
		background-position: right center;
	}
}


/* WCAG: farget radbakgrunn også på innholdslaget, så kontrastsjekkere (Silktide) leser riktig bakgrunn */
#ajax-content-wrap .ntl-tn-tang > .vc_column-inner { background-color: #000; }


/* ================================================================== */
/* Bli medlem-seksjonen: kortlenker                                   */
/* ================================================================== */
/* Tekstlenke nederst i hvert kort. Bevisst uten knappeform, slik at  */
/* den roede "Meld deg inn"-knappen beholder eneretten paa flatefarge */
/* i seksjonen. Sort tekst, ikke roed, slik at kortene holder seg     */
/* noytrale og knappen staar alene om fargen.                         */
#ajax-content-wrap .ntl-kortlenke {
	display: inline-block;
	margin-top: 1.1em;
	font-family: var(--ntl-sans);
	font-weight: 700;
	font-size: .98rem;
	color: var(--ntl-sort);
	text-decoration: none;
	border-bottom: 2px solid transparent;
	padding-bottom: 2px;
	transition: border-color .15s ease;
}

#ajax-content-wrap .ntl-kortlenke::after {
	content: " \2192";
	font-weight: 400;
}

#ajax-content-wrap .ntl-kortlenke:hover,
#ajax-content-wrap .ntl-kortlenke:focus-visible {
	color: var(--ntl-sort);
	border-bottom-color: var(--ntl-sort);
}

#ajax-content-wrap .ntl-kortlenke:focus-visible {
	outline: 2px solid var(--ntl-sort);
	outline-offset: 3px;
}


/* Forside, belgseksjonen: knappene venstrejusteres paa mobil.        */
/* Salient gjoer knappene til blokk med auto sidemarger under 690px,  */
/* som sentrerer hver knapp for seg. Ulik bredde gir da ulik          */
/* venstrekant. Vi nuller sidemargene og lar bredden foelge teksten.  */
/* NB: el_class paa RADER strippes paa dette nettstedet - bruk el_id. */
@media (max-width: 690px) {
	#ajax-content-wrap #stotteordninger .nectar-button {
		display: block;
		width: max-content;
		max-width: 100%;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}


/* Bli medlem-kortene: romsligere luft paa mobil.                     */
/* Salient regner kolonnepadding i prosent av kolonnebredden, og paa  */
/* smal skjerm blir 3 % for lite. Fast px gir forutsigbar luft.       */
/* NB: seksjonen rendres UTEN el_class (.ntl-bg-blatime) naar den     */
/* settes inn som global seksjon, saa vi hekter paa el_id i stedet.   */
@media (max-width: 690px) {
	#ajax-content-wrap #blimedlem .vc_col-sm-4.padding-3-percent > .vc_column-inner {
		padding: 30px !important;
	}
}

/* ================================================================== */
/* Kort der overskriften er lenken (29.09.2026)                       */
/* WCAG 2.4.4: ingen «Les mer» – lenketeksten er kortets tittel.        */
/* Hele kortet er klikkbart via ::after på lenken (én lenke per kort). */
/* Markup: <h3><a class="kort-tittel" href="…">Tittel</a></h3>        */
/* ================================================================== */
.ntl-kort:has(.kort-tittel) { position: relative; transition: box-shadow .2s ease; }
/* Salients .vc_column-inner er relative og ligger innenfor kortets padding – da blir klikkflaten for liten. */
.ntl-kort:has(.kort-tittel) > .vc_column-inner { position: static; }
#ajax-content-wrap .ntl-kort h3 a.kort-tittel { color: var(--ntl-sort); text-decoration: none; border-bottom: 2px solid var(--ntl-belg); }
#ajax-content-wrap .ntl-kort h3 a.kort-tittel::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: 10px; }
#ajax-content-wrap .ntl-kort h3 a.kort-tittel:hover { border-bottom-color: var(--ntl-sort); }
#ajax-content-wrap .ntl-kort h3 a.kort-tittel:focus-visible { outline: none !important; box-shadow: none !important; }
.ntl-kort:has(.kort-tittel:hover) { box-shadow: 4px 4px 0 var(--ntl-belg); }
/* Samme fokusstil som den globale WCAG-regelen, men på hele kortet. */
.ntl-kort:has(.kort-tittel:focus-visible) { outline: 3px solid var(--ntl-hvit); outline-offset: 2px; box-shadow: 0 0 0 6px var(--ntl-sort); }