:root{
	--ab8-knapp-bg:#0096D6;
	--ab8-knapp-bg-hover:#0079AC;
	--ab8-knapp-tekst:#FFFFFF;
	--ab8-knapp-kull:#1C1C1C;
	--ab8-knapp-radius:999px;
	--ab8-knapp-padding:12px 24px;
	--ab8-knapp-fs:var(--ab8-fs-body,14px);
}

/* ---------- FORMEN. Alt nedenfor arver denne. ---------- */
.ab8-knapp,
/* aliaser — primær */
.ab8-avd__pille.ab8-avd__pille, .ab8-ks__pille.ab8-ks__pille, .ab8-jd__submit.ab8-jd__submit, .ab8-vd__submit.ab8-vd__submit, .ab8-avd__skjema button,
.ab8-mvk__cta.ab8-mvk__cta, .ab8-pk__send.ab8-pk__send, .ab8-mpk__knapp.ab8-mpk__knapp, .ab8-kont__knapp.ab8-kont__knapp, .ab8-mstat__cta.ab8-mstat__cta,
.ab8-jobb__pill.ab8-jobb__pill, .ab8-lae__pill.ab8-lae__pill, .ab8-bruktbil-vismer-btn.ab8-bruktbil-vismer-btn,
/* aliaser — sekundær og tekst */
.ab8-kb__primar.ab8-kb__primar, .ab8-gal__cta.ab8-gal__cta, .ab8-var__byggl.ab8-var__byggl, .ab8-svp2__cta.ab8-svp2__cta, .ab8-kar__hero-cta.ab8-kar__hero-cta{
	display:inline-flex;align-items:center;justify-content:center;gap:8px;
	padding:var(--ab8-knapp-padding) !important;
	border-radius:var(--ab8-knapp-radius) !important;
	font-family:var(--ab8-font-sans,"neue-haas-grotesk-text","Helvetica Neue",Arial,sans-serif);
	font-size:var(--ab8-knapp-fs) !important;
	line-height:1.2;font-weight:400;letter-spacing:0;
	text-decoration:none !important;text-transform:none !important;
	cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease;
}

/* ---------- PRIMÆR ---------- */
.ab8-knapp--primar,
.ab8-avd__pille.ab8-avd__pille:not(.ab8-avd__pille--linje.ab8-avd__pille--linje), .ab8-jd__submit.ab8-jd__submit, .ab8-vd__submit.ab8-vd__submit,
.ab8-avd__skjema button, .ab8-mvk__cta.ab8-mvk__cta, .ab8-pk__send.ab8-pk__send, .ab8-kont__knapp.ab8-kont__knapp, .ab8-mstat__cta.ab8-mstat__cta,
.ab8-jobb__pill.ab8-jobb__pill, .ab8-lae__pill.ab8-lae__pill, .ab8-bruktbil-vismer-btn.ab8-bruktbil-vismer-btn,
/* Verkstedbestillingen. Lå på tekst-nivå fram til 25.08 og ble da 17 px høy på
   mobil — under Googles 44 px-minimum for noe som skal treffes med tommelen, og
   på sider der bestilling er den ENESTE handlingen. Leads per hverdag falt fra
   3,6 til 1,8 i samme periode, og andelen som fylte ut skjemaet fra 2,9 til
   1,8 %. JA 25.08: «Verkstedknapp: kjør på». Se snippet 149 for markupen og
   `liste-gjoreliste.md` for målingen. */
.ab8-svp2__cta.ab8-svp2__cta,
.ab8-avd a.ab8-avd__pille:not(.ab8-avd__pille--linje.ab8-avd__pille--linje){
	background:var(--ab8-knapp-bg) !important;
	color:var(--ab8-knapp-tekst) !important;
	border:0 !important;
}
.ab8-knapp--primar:hover,
.ab8-avd__pille.ab8-avd__pille:not(.ab8-avd__pille--linje.ab8-avd__pille--linje):hover, .ab8-jd__submit.ab8-jd__submit:hover, .ab8-vd__submit.ab8-vd__submit:hover,
.ab8-avd__skjema button:hover, .ab8-mvk__cta.ab8-mvk__cta:hover, .ab8-pk__send.ab8-pk__send:hover, .ab8-kont__knapp.ab8-kont__knapp:hover,
.ab8-mstat__cta.ab8-mstat__cta:hover, .ab8-jobb__pill.ab8-jobb__pill:hover, .ab8-lae__pill.ab8-lae__pill:hover, .ab8-bruktbil-vismer-btn.ab8-bruktbil-vismer-btn:hover, .ab8-svp2__cta.ab8-svp2__cta:hover{
	background:var(--ab8-knapp-bg-hover) !important;
	color:var(--ab8-knapp-tekst) !important;
}

/* ---------- SEKUNDÆR ---------- */
.ab8-knapp--sekundar,
.ab8-avd__pille--linje.ab8-avd__pille--linje, .ab8-avd a.ab8-avd__pille--linje, .ab8-kb__primar.ab8-kb__primar,
.ab8-gal__cta.ab8-gal__cta, .ab8-var__byggl.ab8-var__byggl,
/* Disse to skriver fargen sin med tag i selektoren og !important (snippet 218
   og 226). Da må vi møte dem på samme nivå — ellers står «Bygg din bil» blå
   mens knappen ved siden av er kull. */
.ab8-var a.ab8-var__byggl.ab8-var__byggl, .ab8-gal button.ab8-gal__cta.ab8-gal__cta{
	background:transparent !important;
	color:var(--ab8-knapp-kull) !important;
	border:1px solid var(--ab8-knapp-kull) !important;
}
.ab8-knapp--sekundar:hover,
.ab8-avd__pille--linje.ab8-avd__pille--linje:hover, .ab8-kb__primar.ab8-kb__primar:hover, .ab8-gal__cta.ab8-gal__cta:hover, .ab8-var__byggl.ab8-var__byggl:hover,
.ab8-var a.ab8-var__byggl.ab8-var__byggl:hover, .ab8-gal button.ab8-gal__cta.ab8-gal__cta:hover{
	background:var(--ab8-knapp-kull) !important;
	color:#FFFFFF !important;
}

/* ---------- TEKST ---------- */
.ab8-knapp--tekst{
	background:transparent !important;border:0 !important;
	color:var(--ab8-knapp-kull) !important;
	padding:0 !important;border-radius:0 !important;
}
.ab8-knapp--tekst:hover{ color:var(--ab8-knapp-bg) !important; }

/* ---------- PÅ MØRK FLATE ELLER FOTO ---------- */
.ab8-knapp--lys.ab8-knapp--primar{ background:#FFFFFF !important;color:var(--ab8-knapp-kull) !important; }
.ab8-knapp--lys.ab8-knapp--primar:hover{ background:#ECECEA !important; }
.ab8-knapp--lys.ab8-knapp--sekundar{ color:#FFFFFF !important;border-color:#FFFFFF !important; }
.ab8-knapp--lys.ab8-knapp--sekundar:hover{ background:#FFFFFF !important;color:var(--ab8-knapp-kull) !important; }
.ab8-knapp--lys.ab8-knapp--tekst{ color:#FFFFFF !important; }

/* Knapper på mørke seksjoner som allerede finnes i markupen. */
.ab8-jobb__seksjon--kull .ab8-jobb__pill.ab8-jobb__pill,
.ab8-lae__seksjon--kull .ab8-lae__pill.ab8-lae__pill{
	background:#FFFFFF !important;color:var(--ab8-knapp-kull) !important;border:0 !important;
}