/* DFB Noter — Kapiteloversigt
   Neutral styling der blender med et Bootstrap 5-tema.
   Alle farver via variabler så det kan tematiseres. */

.dfb-nk {
	--nk-bg:        #ffffff;
	--nk-border:    #dee2e6;
	--nk-muted:     #6c757d;
	--nk-accent:    #0d6efd;
	--nk-accent-bg: #e7f1ff;
	--nk-hover:     #f8f9fa;
	--nk-radius:    .5rem;

	border: 1px solid var(--nk-border);
	border-radius: var(--nk-radius);
	background: var(--nk-bg);
	margin: 1rem 0;
	font-size: .95rem;
	overflow: hidden;
}

.dfb-nk--gaest {
	padding: .9rem 1rem;
	color: var(--nk-muted);
}
.dfb-nk--gaest p { margin: 0; }

/* Hoved / fold-knap */
.dfb-nk__head {
	display: flex;
	align-items: center;
	gap: .6rem;
	width: 100%;
	padding: .75rem 1rem;
	background: transparent;
	border: 0;
	cursor: pointer;
	text-align: left;
	font: inherit;
	color: inherit;
}
.dfb-nk__head:hover { background: var(--nk-hover); }

.dfb-nk__title {
	font-weight: 600;
	flex: 1 1 auto;
}

.dfb-nk__count {
	flex: 0 0 auto;
	min-width: 1.5rem;
	padding: .05rem .45rem;
	border-radius: 999px;
	background: var(--nk-accent-bg);
	color: var(--nk-accent);
	font-size: .8rem;
	font-weight: 600;
	text-align: center;
}

.dfb-nk__chevron {
	flex: 0 0 auto;
	width: .55rem;
	height: .55rem;
	border-right: 2px solid var(--nk-muted);
	border-bottom: 2px solid var(--nk-muted);
	transform: rotate(45deg);
	transition: transform .18s ease;
}
.dfb-nk--lukket .dfb-nk__chevron { transform: rotate(-45deg); }

/* Krop */
.dfb-nk__body {
	border-top: 1px solid var(--nk-border);
}
.dfb-nk--lukket .dfb-nk__body { display: none; }

.dfb-nk__status {
	padding: .75rem 1rem;
	color: var(--nk-muted);
}

.dfb-nk__list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.dfb-nk__item {
	display: flex;
	gap: .75rem;
	padding: .7rem 1rem;
	border-top: 1px solid var(--nk-border);
}
.dfb-nk__item:first-child { border-top: 0; }

.dfb-nk__vers {
	flex: 0 0 auto;
	align-self: flex-start;
	min-width: 2.4rem;
	padding: .15rem .4rem;
	border: 1px solid var(--nk-accent);
	border-radius: .35rem;
	background: var(--nk-accent-bg);
	color: var(--nk-accent);
	font-size: .8rem;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
}
.dfb-nk__vers:hover {
	background: var(--nk-accent);
	color: #fff;
}

.dfb-nk__krop { flex: 1 1 auto; min-width: 0; }

.dfb-nk__tekst {
	white-space: pre-wrap;
	word-wrap: break-word;
	line-height: 1.5;
}
.dfb-nk__tekst--klip {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.dfb-nk__meta {
	margin-top: .3rem;
	font-size: .78rem;
	color: var(--nk-muted);
}

.dfb-nk__mere {
	margin-top: .35rem;
	padding: 0;
	background: none;
	border: 0;
	color: var(--nk-accent);
	font-size: .82rem;
	cursor: pointer;
}
.dfb-nk__mere:hover { text-decoration: underline; }

/* Fremhævning af verset man hopper til */
.dfb-nk-fremhaev {
	animation: dfb-nk-blink 2.2s ease;
	border-radius: .25rem;
}
@keyframes dfb-nk-blink {
	0%, 60%  { background: rgba(255, 230, 150, .65); }
	100%     { background: transparent; }
}

@media (prefers-reduced-motion: reduce) {
	.dfb-nk__chevron { transition: none; }
	.dfb-nk-fremhaev { animation: none; outline: 2px solid var(--nk-accent); }
}