/* EIB Utstillere – utstilleroversikt. Profilfarger fra logoen. */
.eib-utvalg,
.eib-alle {
	--eib-petrol: #163A45;
	--eib-blagronn: #25565A;
	--eib-lys: #74A3AC;
	--eib-gul: #F7CE46;
	--eib-gul-oransje: #F2A93B;
	--eib-oransje: #EE7B30;
	--eib-subtle: #E3EDEE;
	width: 100%;
}

.eib-utvalg ul,
.eib-alle ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

/* Logoboks: fast størrelse, logoen skaleres likt med object-fit: contain. */
.eib-logo {
	display: flex;
	align-items: center;
	justify-content: center;
	aspect-ratio: 3 / 2;
	padding: 14px;
	background: #fff;
	border: 1px solid var(--eib-subtle);
	border-radius: 6px;
}

.eib-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.eib-logo__tom {
	font-family: var(--bde-heading-font-family, inherit);
	font-weight: 700;
	font-size: 28px;
	color: var(--eib-blagronn);
}

/* Forsiden: seksjonen bærer selv bakgrunn og luft, så den forsvinner helt når ingen er godkjent. */
/* Lynmønster fra designpakken 2027 (side 3). */
.eib-utvalg {
	background: var(--eib-petrol) url(/wp-content/uploads/2026/10/el-i-buskerud-lynmonster.jpg) left top / cover no-repeat;
	padding: 80px 20px;
}

.eib-utvalg__innhold {
	max-width: 1120px;
	margin: 0 auto;
}

@media (max-width: 767px) {
	.eib-utvalg {
		padding: 56px 16px;
	}
}

.eib-utvalg .eib-tittel {
	margin: 0 0 28px;
	color: #fff;
	text-align: center;
}

.eib-utvalg .eib-logo {
	border-color: transparent;
}

/* Rullende logorad: to like lister etter hverandre, sporet flyttes -50 % i en løkke. */
.eib-rull {
	--eib-gap: 16px;
	--eib-synlige: 6;
	container-type: inline-size;
	overflow: hidden;
}

.eib-rull__spor {
	display: flex;
	width: max-content;
}

.eib-rull__liste {
	display: flex;
	gap: var(--eib-gap);
	padding-right: var(--eib-gap);
}

.eib-rull .eib-logo {
	flex: none;
	width: calc((100cqw - (var(--eib-synlige) - 1) * var(--eib-gap)) / var(--eib-synlige));
}

.eib-rull--aktiv {
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
	mask-image: linear-gradient(90deg, transparent, #000 5%, #000 95%, transparent);
}

.eib-rull--aktiv .eib-rull__spor {
	animation: eib-rull calc(var(--eib-antall) * 4s) linear infinite;
}

/* Stopper ved mus over, trykk (fokus) og tastaturfokus. Ruller bevisst også ved «reduser bevegelse». */
.eib-rull--aktiv:hover .eib-rull__spor,
.eib-rull--aktiv:focus-within .eib-rull__spor {
	animation-play-state: paused;
}

.eib-rull:focus {
	outline: none;
}

.eib-rull:focus-visible {
	outline: 2px solid var(--eib-petrol);
	outline-offset: 4px;
}

@keyframes eib-rull {
	to { transform: translateX(-50%); }
}

/* Få logoer: står stille og sentrert. */
.eib-rull:not(.eib-rull--aktiv) .eib-rull__spor {
	width: auto;
	justify-content: center;
}

.eib-rull:not(.eib-rull--aktiv) .eib-rull__liste {
	flex-wrap: wrap;
	justify-content: center;
	padding-right: 0;
}


/* Utstillersiden */
.eib-alle__rutenett {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 24px 20px;
}

.eib-kort {
	margin: 0;
}

.eib-kort__navn {
	margin: 10px 0 0;
	font-size: 15px;
	line-height: 1.35;
	font-weight: 500;
	text-align: center;
	color: var(--eib-petrol);
	overflow-wrap: anywhere;
}

.eib-tom {
	color: var(--eib-blagronn);
}

@media (max-width: 1023px) {
	.eib-alle__rutenett {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.eib-alle__rutenett {
		grid-template-columns: repeat(2, minmax(0, 1fr));
		gap: 20px 14px;
	}
}

@media (max-width: 767px) {
	.eib-rull {
		--eib-synlige: 3;
		--eib-gap: 12px;
	}
}

/* Knapp: gul med mørk tekst, oransje ved hover (som header-knappen). */
.eib-handling {
	margin: 32px 0 0;
	text-align: center;
}

.eib-knapp,
.eib-knapp:visited {
	display: inline-block;
	padding: 14px 24px;
	border-radius: 3px;
	background: var(--eib-gul);
	color: var(--eib-petrol);
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	transition: background-color .3s ease-in-out;
}

.eib-knapp:hover,
.eib-knapp:focus-visible {
	background: var(--eib-oransje);
	color: var(--eib-petrol);
}

/* Lenke til utstillerens nettside (rel="sponsored nofollow"). */
.eib-logo__lenke {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
}

.eib-kort__lenke,
.eib-kort__lenke:visited {
	display: block;
	color: inherit;
	text-decoration: none;
}

.eib-kort__lenke .eib-logo {
	transition: border-color .2s ease, box-shadow .2s ease;
}

.eib-kort__lenke:hover .eib-logo,
.eib-kort__lenke:focus-visible .eib-logo {
	border-color: var(--eib-gul-oransje);
	box-shadow: 0 6px 18px rgba(22, 58, 69, .10);
}

.eib-kort__lenke:hover .eib-kort__navn,
.eib-kort__lenke:focus-visible .eib-kort__navn {
	text-decoration: underline;
}