/* ==========================================================================
   "Mine favoritter"-siden — bygger på samme designtokens som frontend.css,
   som denne fil altid indlæses sammen med.
   ========================================================================== */

.bnd-favorites-app {
	--bnd-uldhvid: #FAF6EF;
	--bnd-kul: #2A2620;
	--bnd-kul-blød: #6B6559;
	--bnd-rosenstoev: #C97B7E;
	--bnd-rav: #C98A42;
	--bnd-linje: #E4DACB;

	--bnd-font-body: 'Karla', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	font-family: var(--bnd-font-body);
	color: var(--bnd-kul);
}

.bnd-favorites-app *,
.bnd-favorites-app *::before,
.bnd-favorites-app *::after {
	box-sizing: border-box;
}

.bnd-favorites-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 2rem;
}

.bnd-favorites-count {
	margin: 0;
	color: var(--bnd-kul-blød);
	font-size: 0.95rem;
	max-width: 640px;
}

.bnd-favorites-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 0.75rem;
	flex-shrink: 0;
}

.bnd-favorites-btn {
	display: inline-flex;
	align-items: center;
	font-family: var(--bnd-font-body);
	font-weight: 700;
	font-size: 0.9rem;
	padding: 0.65rem 1.25rem;
	border-radius: 999px;
	border: 1.5px solid var(--bnd-kul);
	background: #fff;
	color: var(--bnd-kul);
	cursor: pointer;
	text-decoration: none;
	transition: all 0.15s ease;
}

.bnd-favorites-btn:hover {
	background: var(--bnd-kul);
	color: #fff;
}

.bnd-favorites-btn--clear {
	border-color: var(--bnd-linje);
	color: var(--bnd-rosenstoev);
}

.bnd-favorites-btn--clear:hover {
	background: var(--bnd-rosenstoev);
	border-color: var(--bnd-rosenstoev);
	color: #fff;
}