/* =========================================================================
   Niet Uitgespeeld 2.0 — het verlanglijstje

   Alleen geladen op /verlanglijst/. De app-opmaak komt uit thema 1.x; de
   kleuren, letters en knoppen volgen nu de tafel: een wit vel op de mint
   tafel, Bricolage voor tekst, rood voor de hoofdactie, ronde knoppen en
   geel plakband. Onderaan staat de 2.0-laag die het verschil maakt.
   ========================================================================= */

:root {
	--nu-shadow-card: 0 10px 18px -12px rgba(20, 40, 25, 0.45);
	--nu-shadow-lifted: 0 24px 40px -24px rgba(20, 40, 25, 0.5);
	--nu-tracking: 0.1em;
}

/* --- Online verjaardagslijst (1.x) --- */

   Online verjaardagslijst — beheer, delen en reserveren
   ---------------------------------------------------------------------- */

#nu-verlanglijst {
	margin-top: 2rem;
}

.nu-wishlist-panel,
.nu-wishlist-products {
	position: relative;
	background: var(--wp--preset--color--paper-raised);
	border: 1px solid var(--wp--preset--color--line);
	border-radius: var(--nu-radius);
	box-shadow: var(--nu-shadow-card);
	padding: clamp(1.25rem, 3vw, 2rem);
	margin: 0 0 1.5rem;
}

.nu-wishlist-panel::before,
.nu-wishlist-products::before {
	content: "";
	position: absolute;
	top: -12px;
	left: clamp(2rem, 12%, 7rem);
	width: 84px;
	height: 23px;
	background: var(--nu-tape);
	transform: rotate(-2deg);
	z-index: 2;
}

.nu-wishlist-share::before {
	left: auto;
	right: clamp(2rem, 12%, 7rem);
	transform: rotate(2deg);
}

.nu-wishlist-panel h2,
.nu-wishlist-products h2 {
	margin-top: 0.2rem;
}

.nu-wishlist-copy {
	max-width: 66ch;
	color: var(--wp--preset--color--ink-soft);
}

.nu-wishlist-create,
.nu-wishlist-add__form,
.nu-wishlist-edit__form {
	display: grid;
	gap: 0.9rem;
	max-width: 720px;
}

.nu-wishlist-create {
	grid-template-columns: minmax(240px, 1fr) auto;
	align-items: end;
}

.nu-wishlist-create .nu-wishlist-notice {
	grid-column: 1 / -1;
}

.nu-wishlist-field {
	display: grid;
	gap: 0.35rem;
	font-family: var(--wp--preset--font-family--body);
}

.nu-wishlist-field__label {
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: var(--nu-tracking);
	text-transform: uppercase;
}

.nu-wishlist-field input {
	box-sizing: border-box;
	width: 100%;
	min-height: 46px;
	border: 1px solid var(--wp--preset--color--line);
	border-radius: 4px;
	background: var(--wp--preset--color--wit);
	color: var(--wp--preset--color--ink);
	font: inherit;
	padding: 0.7rem 0.8rem;
}

.nu-wishlist-field input:focus {
	border-color: var(--wp--preset--color--brand);
	box-shadow: 0 0 0 2px color-mix(in srgb, var(--wp--preset--color--brand) 22%, transparent);
	outline: none;
}

/* De aanpassen-panelen zijn geen <details> meer; die worden door de
   potloodknop in de beheerrij open- en dichtgezet. */
.nu-wishlist-manual,
.nu-wishlist-backup {
	border-top: 1px dashed var(--wp--preset--color--line);
	padding-top: 0.75rem;
}

.nu-wishlist-manual summary,
.nu-wishlist-backup summary {
	color: var(--wp--preset--color--ink-soft);
	cursor: pointer;
	font-size: var(--wp--preset--font-size--small);
	font-weight: 700;
}

.nu-wishlist-manual[open],
.nu-wishlist-backup[open] {
	display: grid;
	gap: 0.8rem;
}

.nu-wishlist-notice {
	margin: 0;
	font-size: var(--wp--preset--font-size--small);
	color: var(--wp--preset--color--ink-soft);
}

.nu-wishlist-notice.is-error {
	color: var(--wp--preset--color--brand-deep);
	font-weight: 700;
}

.nu-wishlist-import-hint {
	margin-bottom: 0;
	font-size: 1.25rem;
}

.nu-wishlist-products__head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 1rem;
}

.nu-wishlist-count,
.nu-wishlist-product__shop,
.nu-wishlist-price-note {
	color: var(--wp--preset--color--ink-soft);
	font-size: var(--wp--preset--font-size--eyebrow);
	letter-spacing: var(--nu-tracking);
}

.nu-wishlist-count,
.nu-wishlist-product__shop {
	font-weight: 700;
	text-transform: uppercase;
}

.nu-wishlist-product__shop {
	margin: 0 0.5rem;
	word-break: break-word;
}

.nu-wishlist-product__placeholder {
	display: grid;
	place-items: center;
	aspect-ratio: 4 / 3;
	background: linear-gradient(135deg, var(--wp--preset--color--paper) 0%, var(--wp--preset--color--sticky) 100%);
	font-size: clamp(2.5rem, 8vw, 4.5rem);
}

.nu-wishlist-product .nu-cadeau-card__acties {
	align-items: stretch;
}

.nu-wishlist-reserve {
	border: 0;
	border-radius: 4px;
	background: var(--wp--preset--color--ink);
	color: var(--wp--preset--color--paper-raised);
	cursor: pointer;
	font-family: var(--wp--preset--font-family--body);
	font-size: var(--wp--preset--font-size--eyebrow);
	font-weight: 700;
	letter-spacing: var(--nu-tracking);
	padding: 0.7rem 1rem;
	text-transform: uppercase;
}

.nu-wishlist-reserve:hover:not(:disabled) {
	background: var(--wp--preset--color--brand);
}

.nu-wishlist-reserve.is-taken {
	background: var(--wp--preset--color--line);
	color: var(--wp--preset--color--ink-soft);
	cursor: not-allowed;
}

.nu-wishlist-edit {
	margin: 0.4rem 0.5rem 0;
}

.nu-wishlist-edit__form {
	margin-top: 0.75rem;
}

.nu-wishlist-backup {
	margin-top: 1.25rem;
}

.nu-wishlist-backup p {
	color: var(--wp--preset--color--ink-soft);
	font-size: var(--wp--preset--font-size--small);
}

.nu-wishlist-backup .nu-bewaar {
	margin-right: 0.5rem;
	margin-top: 0.5rem;
}

.nu-bewaar--danger {
	border-color: var(--wp--preset--color--brand);
	color: var(--wp--preset--color--brand-deep);
}

.nu-wishlist-price-note {
	margin-bottom: 0;
}

.nu-wishlist-share .nu-newsletter__submit {
	display: inline-flex;
	align-items: center;
	text-decoration: none;
}

@media (max-width: 620px) {
	.nu-wishlist-create {
		grid-template-columns: 1fr;
	}

	.nu-wishlist-create .nu-newsletter__submit,
	.nu-wishlist-add__form .nu-newsletter__submit,
	.nu-wishlist-share .nu-newsletter__submit,
	.nu-wishlist-share .nu-bewaar {
		justify-content: center;
		width: 100%;
	}

	.nu-wishlist-products__head {
		align-items: flex-start;
		flex-direction: column;
	}
}

@media (max-width: 900px) {
	.nu-cadeau-grid {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (max-width: 560px) {
	.nu-cadeau-grid {
		grid-template-columns: 1fr;
	}

	.nu-filter {
		align-items: stretch;
		flex-direction: column;
	}

	.nu-filter select {
		width: 100%;
	}
}

/* -------------------------------------------------------------------------

/* --- Verlanglijst-app (1.x) --- */

   Verlanglijst-app v5 — aangeleverd interfaceconcept, juli 2026
   ---------------------------------------------------------------------- */

/* Sinds 2.4.1 ligt de app gewoon onder de kop en boven de voet van de site.
   Alleen de paginatitel en de oude intro blijven verborgen. `nu-verlanglijst-pagina`
   komt uit functions.php; het paginanummer blijft staan voor installaties waar
   die body-class nog niet is uitgerold. */
body.nu-verlanglijst-pagina,
body.page-id-756 {
	background-color: var(--wp--preset--color--paper, #dfeadf);
}

body.nu-verlanglijst-pagina .nu-paginabeeld,
body.nu-verlanglijst-pagina main > .wp-block-post-title,
body.nu-verlanglijst-pagina .nu-verlanglijst-intro,
body.nu-verlanglijst-pagina #nu-verlanglijst + .nu-hand,
body.nu-verlanglijst-pagina .nu-lijstje-chip,
body.page-id-756 main > .wp-block-post-title,
body.page-id-756 .nu-verlanglijst-intro,
body.page-id-756 #nu-verlanglijst + .nu-hand,
body.page-id-756 .nu-lijstje-chip {
	display: none !important;
}


body.nu-verlanglijst-pagina .wp-block-post-content,
body.page-id-756 .wp-block-post-content {
	max-width: 1180px !important;
	margin-inline: auto;
	padding: 0 !important;
	font-family: var(--nu-kop);
	font-size: 17px;
}

body.nu-verlanglijst-pagina .nu-tafel,
body.page-id-756 .nu-tafel {
	max-width: none;
}

/* De app gebruikt dezelfde inkt, rood en papierkleuren als de rest van de
   site. Eén set tokens, zodat een wijziging in theme.json ook hier landt. */
#nu-verlanglijst.nu-wishlist-app {
	--nu-wl-red: var(--wp--preset--color--brand, #dd3333);
	--nu-wl-red-dark: var(--wp--preset--color--brand-deep, #b82424);
	--nu-wl-cream: var(--wp--preset--color--paper, #eef3ee);
	--nu-wl-card: var(--wp--preset--color--paper-raised, #ffffff);
	--nu-wl-line: var(--wp--preset--color--line, #d5ddd5);
	--nu-wl-muted: var(--wp--preset--color--ink-soft, #4a4238);
	--nu-wl-ink: var(--wp--preset--color--ink, #1e1a15);
	--nu-wl-sticky: var(--wp--preset--color--sticky, #fff7c7);
	max-width: 1160px;
	margin: 0 auto;
	background: var(--nu-wl-card);
	border: 1px solid rgba(38, 36, 32, 0.16);
	border-radius: 14px;
	box-shadow: 0 16px 45px rgba(58, 48, 35, 0.12);
	overflow: hidden;
	color: var(--nu-wl-ink);
}

.nu-wishlist-app__topbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	min-height: 62px;
	padding: 0.75rem clamp(1rem, 3vw, 2rem);
	border-bottom: 1px solid rgba(38, 36, 32, 0.12);
}

.nu-wishlist-app__brand {
	color: var(--nu-wl-ink);
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.88rem;
	font-weight: 850;
	letter-spacing: -0.035em;
	text-decoration: none;
}

.nu-wishlist-app__brand span {
	color: var(--nu-wl-red);
}

.nu-wishlist-app__utility {
	display: inline-flex;
	align-items: center;
	gap: 0.4rem;
	color: var(--nu-wl-ink);
	font-size: 0.76rem;
	font-weight: 650;
	text-decoration: none;
}

.nu-wishlist-app__utility svg {
	width: 15px;
	height: 15px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nu-wishlist-app__utility:hover {
	color: var(--nu-wl-red);
}

.nu-wishlist-app__content {
	position: relative;
	padding: clamp(1.25rem, 4vw, 3.25rem);
}

.nu-wishlist-app h1 {
	font-family: var(--wp--preset--font-family--heading);
	font-size: clamp(2rem, 5vw, 4.35rem);
	line-height: 0.98;
	letter-spacing: -0.045em;
	margin: 0 0 1rem;
}

.nu-wishlist-app h2 {
	font-family: var(--wp--preset--font-family--heading);
	letter-spacing: -0.025em;
}

.nu-wishlist-hero {
	display: grid;
	grid-template-columns: minmax(250px, 0.82fr) minmax(320px, 1.18fr);
	align-items: center;
	gap: clamp(2rem, 6vw, 5.5rem);
	min-height: 570px;
	max-width: 980px;
	margin: 0 auto;
}

.nu-wishlist-hero__visual {
	position: relative;
	margin: 0;
	transform: rotate(-2.2deg);
	filter: drop-shadow(0 12px 12px rgba(55, 45, 32, 0.17));
}

.nu-wishlist-hero__visual::before {
	content: "";
	position: absolute;
	top: -0.4rem;
	left: 50%;
	z-index: 2;
	width: 92px;
	height: 28px;
	background: rgba(218, 195, 150, 0.62);
	transform: translateX(-50%) rotate(3deg);
	mix-blend-mode: multiply;
}

.nu-wishlist-hero__visual img {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 5;
	object-fit: cover;
}

.nu-wishlist-hero__visual figcaption {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2.5%;
	text-align: center;
	font-size: clamp(1.4rem, 3vw, 2rem);
	transform: rotate(1deg);
}

.nu-wishlist-hero__copy {
	max-width: 570px;
}

.nu-wishlist-hero__copy > p {
	max-width: 48ch;
	color: var(--nu-wl-muted);
	font-size: clamp(1rem, 1.7vw, 1.15rem);
	line-height: 1.65;
}

.nu-wishlist-checklist {
	display: grid;
	gap: 0.65rem;
	margin: 1.5rem 0 1.75rem;
	padding: 0;
	list-style: none;
}

.nu-wishlist-checklist li {
	display: flex;
	gap: 0.65rem;
	align-items: flex-start;
	font-size: 0.92rem;
}

.nu-wishlist-checklist li > span {
	color: #8a6a12;
	font-weight: 900;
}

.nu-wishlist-primary,
.nu-wishlist-dark-button,
.nu-wishlist-secondary,
.nu-wishlist-text-button,
.nu-wishlist-icon-button {
	font-family: var(--wp--preset--font-family--body);
	cursor: pointer;
}

.nu-wishlist-primary {
	border: 0;
	border-radius: 4px;
	background: linear-gradient(180deg, #dd3333, var(--nu-wl-red));
	box-shadow: 0 5px 10px rgba(172, 33, 28, 0.2);
	color: white;
	font-size: 0.86rem;
	font-weight: 800;
	padding: 0.9rem 1.25rem;
}

.nu-wishlist-primary:hover:not(:disabled) {
	background: var(--nu-wl-red-dark);
	transform: translateY(-1px);
}

.nu-wishlist-primary:disabled,
.nu-wishlist-dark-button:disabled,
.nu-wishlist-secondary:disabled {
	cursor: wait;
	opacity: 0.6;
}

.nu-wishlist-dark-button {
	min-height: 46px;
	border: 0;
	border-radius: 4px;
	background: var(--nu-wl-ink);
	color: #fff;
	font-size: 0.78rem;
	font-weight: 750;
	padding: 0.75rem 1rem;
}

.nu-wishlist-secondary {
	border: 1px solid var(--nu-wl-line);
	border-radius: 4px;
	background: #fff;
	color: var(--nu-wl-ink);
	font-size: 0.78rem;
	font-weight: 750;
	padding: 0.65rem 0.9rem;
}

.nu-wishlist-text-button {
	border: 0;
	background: transparent;
	color: var(--nu-wl-red-dark);
	font-size: 0.78rem;
	font-weight: 700;
	padding: 0.4rem 0;
	text-decoration: underline;
	text-underline-offset: 3px;
}

.nu-wishlist-create-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(230px, 0.6fr);
	align-items: center;
	gap: clamp(2rem, 7vw, 6rem);
	max-width: 850px;
	min-height: 510px;
	margin: 0 auto;
}

.nu-wishlist-create-layout h1,
.nu-wishlist-add h1,
.nu-wishlist-manual-review h1,
.nu-wishlist-confirmation h1,
.nu-wishlist-page-head h1 {
	font-size: clamp(1.8rem, 3.4vw, 2.6rem);
	line-height: 1.05;
}

.nu-wishlist-create {
	display: grid;
	grid-template-columns: 1fr;
	gap: 1rem;
	max-width: none;
	margin-top: 1.75rem;
}

/* De knop is een accent, geen balk over de volle formulierbreedte. */
.nu-wishlist-create .nu-wishlist-primary {
	justify-self: start;
	padding-inline: 2.1rem;
}

.nu-wishlist-field__label {
	font-size: 0.78rem;
	letter-spacing: 0;
	text-transform: none;
}

.nu-wishlist-field input,
.nu-wishlist-link-row code {
	min-height: 44px;
	border-color: var(--nu-wl-line);
	background: #fff;
	font-size: 0.88rem;
}

.nu-wishlist-paper-note {
	position: relative;
	background: var(--nu-wl-sticky);
	box-shadow: 0 9px 16px rgba(64, 52, 34, 0.13);
	padding: 1.6rem;
	transform: rotate(-1.2deg);
}

.nu-wishlist-paper-note::before {
	content: "";
	position: absolute;
	top: -13px;
	left: 50%;
	width: 78px;
	height: 26px;
	background: var(--nu-tape);
	transform: translateX(-50%) rotate(2deg);
}

/* Omgekrulde hoek rechtsonder. */
.nu-wishlist-paper-note::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	border-style: solid;
	border-width: 0 0 24px 24px;
	border-color: transparent transparent rgba(64, 52, 34, 0.14) transparent;
}

.nu-wishlist-paper-note h2 {
	font-size: 1.15rem;
	margin: 0;
}

.nu-wishlist-paper-note .nu-wishlist-checklist {
	margin-bottom: 0;
}

.nu-wishlist-page-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.nu-wishlist-page-head > div:first-child {
	display: flex;
	align-items: baseline;
	gap: 0.8rem;
	flex-wrap: wrap;
}

.nu-wishlist-page-head h1 {
	margin: 0;
}

/* Familieweergave: kop links, geel briefje rechts in de witruimte. */
.nu-wishlist-page-head--family {
	align-items: flex-start;
	gap: clamp(1.5rem, 5vw, 3.5rem);
	margin-bottom: 2rem;
}

.nu-wishlist-page-head--family > div:first-child {
	flex: 1;
	min-width: 0;
	padding-top: 0.35rem;
}

.nu-wishlist-page-head--family .nu-wishlist-copy {
	flex-basis: 100%;
	margin: 0.55rem 0 0;
	font-size: 0.95rem;
}

.nu-wishlist-family-postit {
	flex: 0 0 auto;
	width: 250px;
	margin-top: 0.4rem;
	padding: 1.25rem 1.35rem;
	transform: rotate(1.4deg);
}

.nu-wishlist-family-postit::before {
	left: 32%;
	transform: rotate(-3deg);
}

.nu-wishlist-family-postit h2 {
	font-size: 1.05rem;
}

.nu-wishlist-family-postit .nu-wishlist-checklist {
	gap: 0.45rem;
	margin: 0.85rem 0 0;
	font-size: 0.86rem;
}

.nu-wishlist-count {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	border: 1px solid var(--nu-wl-line);
	border-radius: 999px;
	color: var(--nu-wl-muted);
	font-size: 0.68rem;
	font-weight: 650;
	letter-spacing: 0;
	padding: 0.25rem 0.55rem;
	text-transform: none;
}

.nu-wishlist-products {
	margin: 0;
	padding: 0;
	border: 0;
	box-shadow: none;
	background: transparent;
}

.nu-wishlist-products::before {
	display: none;
}

.nu-wishlist-empty {
	display: grid;
	place-items: center;
	gap: 0.45rem;
	width: 100%;
	min-height: 235px;
	border: 2px dashed #c9d3ca;
	border-radius: 7px;
	background: rgba(255,255,255,0.35);
	color: var(--nu-wl-ink);
	cursor: pointer;
	padding: 2rem;
}

.nu-wishlist-empty:hover {
	border-color: var(--nu-wl-red);
	background: #fff;
}

.nu-wishlist-empty__plus {
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	background: var(--nu-wl-red);
	color: #fff;
	font-size: 2rem;
	font-weight: 300;
}

.nu-wishlist-empty small {
	color: var(--nu-wl-muted);
}

.nu-wishlist-owner-note {
	position: absolute;
	top: 2.2rem;
	right: clamp(1.25rem, 4vw, 3.25rem);
	width: 160px;
	font-size: 1.05rem;
	line-height: 1.1;
	text-align: right;
	transform: rotate(-4deg);
	pointer-events: none;
}

.nu-wishlist-owner-list {
	border: 1px solid var(--nu-wl-line);
	border-radius: 7px;
	background: #fff;
	overflow: hidden;
}

.nu-wishlist-owner-row {
	display: grid;
	grid-template-columns: 62px minmax(150px, 1.4fr) minmax(80px, 0.35fr) minmax(115px, 0.5fr) auto;
	align-items: center;
	gap: 0.9rem;
	padding: 0.65rem;
	border-bottom: 1px solid var(--nu-wl-line);
}

.nu-wishlist-owner-row:last-child {
	border-bottom: 0;
}

.nu-wishlist-owner-row__image,
.nu-wishlist-confirmation__product figure {
	margin: 0;
	width: 62px;
	height: 62px;
	border-radius: 3px;
	overflow: hidden;
	background: var(--nu-wl-cream);
}

.nu-wishlist-owner-row__image img,
.nu-wishlist-confirmation__product img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.nu-wishlist-owner-row__info {
	display: grid;
	gap: 0.12rem;
}

.nu-wishlist-product__title {
	color: var(--nu-wl-ink);
	font-size: 0.86rem;
	font-weight: 760;
	line-height: 1.25;
	text-decoration: none;
}

.nu-wishlist-product__title:hover {
	color: var(--nu-wl-red);
}

.nu-wishlist-owner-row__meta {
	display: grid;
	gap: 0.12rem;
	min-width: 0;
}

.nu-wishlist-owner-row__meta > span,
.nu-wishlist-owner-row__meta > small {
	color: var(--nu-wl-muted);
	font-size: 0.66rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nu-wishlist-owner-row__price {
	font-size: 0.82rem;
}

.nu-wishlist-owner-row__actions {
	display: flex;
	gap: 0.45rem;
}

.nu-wishlist-icon-button {
	display: grid;
	place-items: center;
	width: 34px;
	height: 34px;
	border: 1px solid var(--nu-wl-line);
	border-radius: 4px;
	background: var(--wp--preset--color--wit, #fff);
	color: var(--nu-wl-muted);
}

.nu-wishlist-icon-button svg {
	width: 17px;
	height: 17px;
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.nu-wishlist-icon-button:hover {
	border-color: var(--nu-wl-ink);
	color: var(--nu-wl-ink);
}

.nu-wishlist-icon-button[aria-expanded="true"] {
	border-color: var(--nu-wl-ink);
	background: var(--nu-wl-cream);
	color: var(--nu-wl-ink);
}

.nu-wishlist-icon-button.is-danger:hover {
	border-color: var(--nu-wl-red);
	color: var(--nu-wl-red);
}

.nu-wishlist-owner-row > .nu-wishlist-edit {
	grid-column: 1 / -1;
	margin: 0.35rem 0 0;
	border-top: 1px dashed var(--nu-wl-line);
	padding-top: 0.85rem;
}

.nu-wishlist-owner-row > .nu-wishlist-edit[hidden] {
	display: none;
}

.nu-wishlist-edit__actions {
	display: flex;
	align-items: center;
	gap: 1rem;
	flex-wrap: wrap;
}

.nu-wishlist-list-footer {
	display: flex;
	justify-content: space-between;
	gap: 1rem;
	margin-top: 0.9rem;
}

.nu-wishlist-price-note {
	margin: 0;
	color: var(--nu-wl-muted);
	font-size: 0.68rem;
	letter-spacing: 0;
}

.nu-wishlist-share-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 1rem;
	margin-top: 1.4rem;
}

.nu-wishlist-share-card {
	border: 1px solid var(--nu-wl-line);
	border-radius: 7px;
	background: #fff;
	padding: 1.1rem;
}

.nu-wishlist-share-card h2 {
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.82rem;
	font-weight: 780;
	margin: 0 0 0.35rem;
}

.nu-wishlist-share-card p {
	margin: 0 0 0.8rem;
	color: var(--nu-wl-muted);
	font-size: 0.7rem;
	line-height: 1.45;
}

.nu-wishlist-link-row {
	display: grid;
	grid-template-columns: 1fr auto;
	margin-bottom: 0.65rem;
}

.nu-wishlist-link-row code {
	display: block;
	min-width: 0;
	overflow: hidden;
	padding: 0.7rem;
	border: 1px solid var(--nu-wl-line);
	border-right: 0;
	border-radius: 4px 0 0 4px;
	color: var(--nu-wl-muted);
	font-family: var(--wp--preset--font-family--body);
	font-size: 0.66rem;
	line-height: 1.2;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.nu-wishlist-link-row .nu-bewaar {
	border-radius: 0 4px 4px 0;
	background: var(--nu-wl-ink);
	color: #fff;
	font-size: 0.65rem;
	padding: 0.55rem 0.7rem;
}

.nu-wishlist-share-card .nu-newsletter__submit {
	display: inline-flex;
	background: transparent;
	box-shadow: none;
	color: var(--nu-wl-ink);
	font-size: 0.7rem;
	padding: 0;
	text-decoration: none;
}

.nu-wishlist-share-card .nu-bewaar--danger {
	border: 0;
	background: transparent;
	color: var(--nu-wl-red-dark);
	font-size: 0.67rem;
	padding: 0;
	text-decoration: underline;
}

/* -------------------------------------------------------------------------
   Familieweergave — dezelfde plakboek-laag als de rest van de site.
   De kaartjes zijn foto's op papier: plakband over de bovenrand, warme
   papierkleur, en een handgeschreven krabbel zodra iets geregeld is.
   Geen kaart draait: de kolommen moeten op mobiel exact uitlijnen.
   ---------------------------------------------------------------------- */

.nu-wishlist-grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1.1rem 0.9rem;
}

.nu-wishlist-product {
	position: relative;
	display: flex;
	flex-direction: column;
	min-width: 0;
	border: 1px solid var(--nu-wl-line);
	border-radius: var(--nu-radius);
	background: var(--nu-wl-card);
	overflow: hidden;
	box-shadow: var(--nu-shadow-card);
	transition: box-shadow 0.18s ease, transform 0.18s ease;
}

.nu-wishlist-product:hover {
	box-shadow: var(--nu-shadow-lifted);
	transform: translateY(-2px);
}

.nu-wishlist-product__image-link {
	position: relative;
	display: block;
	padding: 0.75rem 0.65rem 0;
}

/* Plakband houdt de foto op zijn plek. Per kaart een andere hoek, anders
   oogt de rij machinaal. */
.nu-wishlist-product__image-link::before {
	content: "";
	position: absolute;
	top: 0.1rem;
	left: 50%;
	z-index: 2;
	width: 58px;
	height: 17px;
	background: var(--nu-tape);
	box-shadow: 0 1px 2px rgba(40, 34, 22, 0.12);
	transform: translateX(-50%) rotate(-2.5deg);
}

.nu-wishlist-product:nth-child(2n) .nu-wishlist-product__image-link::before {
	transform: translateX(-58%) rotate(2deg);
}

.nu-wishlist-product:nth-child(3n) .nu-wishlist-product__image-link::before {
	transform: translateX(-42%) rotate(-1deg);
}

.nu-wishlist-product__image {
	margin: 0;
	aspect-ratio: 4 / 3;
	border-radius: 2px;
	overflow: hidden;
	background: var(--wp--preset--color--wit, #fff);
}

.nu-wishlist-product__image img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	mix-blend-mode: multiply;
}

.nu-wishlist-product__placeholder {
	display: grid;
	place-items: center;
	width: 100%;
	height: 100%;
	background: var(--nu-wl-cream);
	font-size: 2rem;
}

.nu-wishlist-product__body {
	display: grid;
	grid-template-rows: auto auto auto;
	gap: 0.25rem;
	flex: 1;
	min-width: 0;
	padding: 0.75rem;
}

.nu-wishlist-product__action {
	margin-top: auto;
	padding: 0 0.75rem 0.75rem;
}

.nu-wishlist-product__price {
	font-size: 0.82rem;
}

.nu-wishlist-product__shop {
	margin: 0;
	color: var(--nu-wl-muted);
	font-size: 0.65rem;
	font-weight: 500;
	letter-spacing: 0;
	text-transform: none;
}

/* Krabbel over de foto: sneller af te lezen dan een knoplabel. */
.nu-wishlist-product__stamp {
	position: absolute;
	top: 0.9rem;
	right: 0.55rem;
	z-index: 3;
	background: var(--nu-wl-sticky);
	box-shadow: 0 3px 7px rgba(40, 34, 22, 0.16);
	color: var(--nu-wl-ink);
	font-size: 1.15rem;
	line-height: 1;
	padding: 0.3rem 0.6rem 0.35rem;
	pointer-events: none;
	transform: rotate(4deg);
}

.nu-wishlist-product.is-taken .nu-wishlist-product__stamp {
	background: var(--nu-wl-cream);
	color: var(--nu-wl-muted);
}

/* Al door iemand anders geregeld: het kaartje zakt naar de achtergrond,
   maar de link naar de winkel blijft bruikbaar. */
.nu-wishlist-product.is-taken {
	background: var(--nu-wl-cream);
	box-shadow: none;
}

.nu-wishlist-product.is-taken .nu-wishlist-product__image {
	filter: grayscale(0.55);
	opacity: 0.72;
}

.nu-wishlist-product.is-mine {
	border-color: var(--nu-wl-red);
	box-shadow: 0 0 0 1px var(--nu-wl-red), var(--nu-shadow-card);
}

.nu-wishlist-reserve {
	align-self: end;
	width: 100%;
	border: 1px solid transparent;
	border-radius: var(--wp--custom--radius--button, 4px);
	background: var(--nu-wl-red);
	color: var(--wp--preset--color--wit, #fff);
	font-size: 0.72rem;
	font-weight: 750;
	letter-spacing: 0;
	padding: 0.7rem 0.55rem;
	text-transform: none;
}

.nu-wishlist-reserve:hover:not(:disabled) {
	background: var(--nu-wl-red-dark);
}

/* Door iemand anders gekozen: papier, geen knop-uitstraling. */
.nu-wishlist-reserve.is-taken {
	border-color: var(--nu-wl-line);
	background: transparent;
	color: var(--nu-wl-muted);
	cursor: not-allowed;
	font-weight: 600;
}

/* Door jou gekozen: omgekeerd rood, zodat "vrijgeven" nooit als
   hoofdactie leest. */
.nu-wishlist-reserve.is-mine {
	border-color: var(--nu-wl-line);
	background: var(--wp--preset--color--wit, #fff);
	color: var(--nu-wl-red-dark);
	font-weight: 700;
}

.nu-wishlist-reserve.is-mine:hover:not(:disabled) {
	border-color: var(--nu-wl-red);
	background: var(--wp--preset--color--wit, #fff);
}

.nu-wishlist-add {
	position: relative;
	min-height: 480px;
	max-width: 850px;
	margin: 0 auto;
	padding-top: 2rem;
}

.nu-wishlist-add__form {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 0.65rem;
	max-width: 650px;
}

.nu-wishlist-add__form .nu-wishlist-manual,
.nu-wishlist-add__form .nu-wishlist-notice {
	grid-column: 1 / -1;
}

.nu-wishlist-add__tip {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
	width: 230px;
}

.nu-wishlist-add__tip p {
	font-family: var(--wp--preset--font-family--hand);
	font-size: 1.25rem;
	line-height: 1.2;
}

.nu-wishlist-manual-review {
	display: grid;
	grid-template-columns: minmax(230px, 0.8fr) minmax(320px, 1.2fr);
	align-items: center;
	gap: clamp(2rem, 5vw, 4rem);
	max-width: 920px;
	min-height: 500px;
	margin: 0 auto;
}

.nu-wishlist-manual-review__preview {
	display: grid;
	gap: 0.8rem;
	padding: 1rem;
	background: #eef3ee;
}

.nu-wishlist-manual-review__preview figure {
	margin: 0;
	aspect-ratio: 4 / 3;
}

.nu-wishlist-manual-review__preview img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.nu-wishlist-confirmation {
	display: grid;
	justify-items: center;
	max-width: 540px;
	min-height: 470px;
	margin: 0 auto;
	padding-top: 2rem;
	text-align: center;
}

.nu-wishlist-error-screen {
	display: grid;
	justify-items: start;
	gap: 1rem;
	max-width: 620px;
	min-height: 360px;
	margin: 0 auto;
	padding-top: 4rem;
}

.nu-wishlist-error-screen .nu-wishlist-primary {
	text-decoration: none;
}

/* Rood vinkje in een met de hand getrokken cirkel — hetzelfde gebaar als de
   rode onderstreping elders op de site. */
.nu-wishlist-confirmation__check {
	display: grid;
	place-items: center;
	width: 64px;
	height: 64px;
	border: 2px solid var(--nu-wl-red);
	border-radius: 52% 48% 47% 53% / 49% 52% 48% 51%;
	background: var(--wp--preset--color--wit, #fff);
	color: var(--nu-wl-red);
	font-size: 2rem;
	transform: rotate(-4deg);
}

.nu-wishlist-confirmation__note {
	margin: -0.4rem 0 0;
	color: var(--nu-wl-muted);
	font-size: 1.3rem;
	transform: rotate(-1.5deg);
}

.nu-wishlist-confirmation__product {
	display: grid;
	grid-template-columns: 74px 1fr;
	align-items: center;
	gap: 1rem;
	width: min(100%, 420px);
	margin: 1.2rem 0;
	padding: 0.8rem;
	border: 1px solid var(--nu-wl-line);
	border-radius: 7px;
	background: #fff;
	text-align: left;
}

.nu-wishlist-confirmation__product > div {
	display: grid;
	gap: 0.2rem;
}

.nu-wishlist-confirmation__product span,
.nu-wishlist-confirmation__product small {
	font-size: 0.75rem;
}

@media (max-width: 900px) {
	.nu-wishlist-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.nu-wishlist-owner-note {
		display: none;
	}

	/* Vanaf hier past het briefje niet meer naast de kop. */
	.nu-wishlist-page-head--family {
		flex-direction: column;
	}

	.nu-wishlist-family-postit {
		width: min(100%, 340px);
		align-self: flex-start;
	}

	/* Winkel en bijwerkdatum schuiven onder de titel. */
	.nu-wishlist-owner-row {
		grid-template-columns: 62px minmax(0, 1fr) auto auto;
	}

	.nu-wishlist-owner-row__image {
		grid-area: 1 / 1 / span 2 / 2;
	}

	.nu-wishlist-owner-row__info {
		grid-area: 1 / 2;
	}

	.nu-wishlist-owner-row__meta {
		grid-area: 2 / 2;
	}

	.nu-wishlist-owner-row__price {
		grid-area: 1 / 3 / span 2 / 4;
	}

	.nu-wishlist-owner-row__actions {
		grid-area: 1 / 4 / span 2 / 5;
	}
}

@media (max-width: 700px) {
	body.nu-verlanglijst-pagina main.wp-block-group,
	body.page-id-756 main.wp-block-group {
		padding: 0.65rem !important;
	}

	#nu-verlanglijst.nu-wishlist-app {
		border-radius: 20px;
	}

	.nu-wishlist-app__topbar {
		min-height: 54px;
	}

	.nu-wishlist-app__content {
		padding: 1.25rem;
	}

	.nu-wishlist-hero,
	.nu-wishlist-create-layout,
	.nu-wishlist-manual-review {
		grid-template-columns: 1fr;
		min-height: auto;
	}

	.nu-wishlist-hero {
		gap: 2.2rem;
		padding: 1rem 0 2rem;
	}

	.nu-wishlist-hero__copy {
		order: -1;
	}

	.nu-wishlist-hero__visual {
		width: min(78%, 330px);
		margin: 0 auto;
	}

	.nu-wishlist-paper-note {
		margin-top: 1rem;
	}

	.nu-wishlist-page-head {
		align-items: flex-start;
		flex-direction: column;
	}

	.nu-wishlist-family-postit {
		width: 100%;
		margin-top: 0.9rem;
		padding: 1.05rem 1.2rem;
		transform: rotate(0.8deg);
	}

	/* Op een telefoon is een knop over de volle breedte juist prettiger. */
	.nu-wishlist-create .nu-wishlist-primary {
		justify-self: stretch;
	}

	.nu-wishlist-owner-row {
		grid-template-columns: 64px minmax(0, 1fr) auto;
		gap: 0.2rem 0.8rem;
	}

	.nu-wishlist-owner-row__image {
		grid-area: 1 / 1 / span 3 / 2;
		align-self: start;
	}

	.nu-wishlist-owner-row__info {
		grid-area: 1 / 2;
	}

	.nu-wishlist-owner-row__price {
		grid-area: 2 / 2;
	}

	.nu-wishlist-owner-row__meta {
		grid-area: 3 / 2;
	}

	.nu-wishlist-owner-row__actions {
		grid-area: 1 / 3 / span 3 / 4;
		align-self: start;
		flex-direction: column;
	}

	.nu-wishlist-share-grid {
		grid-template-columns: 1fr;
	}

	.nu-wishlist-add {
		min-height: 540px;
	}

	.nu-wishlist-add__form {
		grid-template-columns: 1fr;
	}

	.nu-wishlist-add__form .nu-wishlist-manual,
	.nu-wishlist-add__form .nu-wishlist-notice {
		grid-column: 1;
	}

	.nu-wishlist-add__tip {
		right: 0;
		bottom: 0;
	}

	.nu-wishlist-list-footer {
		flex-direction: column;
	}
}

@media (max-width: 480px) {
	.nu-wishlist-grid {
		grid-template-columns: 1fr;
	}

	.nu-wishlist-product {
		display: grid;
		grid-template-columns: 96px minmax(0, 1fr);
		grid-template-rows: auto auto;
	}

	.nu-wishlist-product__image-link {
		grid-column: 1;
		grid-row: 1;
		min-width: 0;
		padding: 0.75rem 0 0 0.75rem;
	}

	/* Liggende kaart: plakband en krabbel horen bij de foto, niet over de
	   titel. De foto begint hier 0.75rem van links, dus het midden ligt
	   rechts van het midden van de kolom. */
	.nu-wishlist-product__image-link::before {
		left: 56%;
		width: 46px;
	}

	.nu-wishlist-product__stamp {
		top: 2.1rem;
		right: auto;
		left: 0.5rem;
		font-size: 1rem;
		padding: 0.2rem 0.45rem 0.25rem;
	}

	.nu-wishlist-product__image {
		width: 100%;
		height: 112px;
		aspect-ratio: auto;
	}

	.nu-wishlist-product__body {
		grid-column: 2;
		grid-row: 1;
		align-content: start;
		padding: 0.75rem;
	}

	.nu-wishlist-product__title {
		display: -webkit-box;
		overflow: hidden;
		font-size: 0.82rem;
		line-height: 1.3;
		overflow-wrap: anywhere;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
	}

	.nu-wishlist-product__price {
		font-size: 0.78rem;
	}

	.nu-wishlist-product__shop {
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.nu-wishlist-product__action {
		grid-column: 1 / -1;
		grid-row: 2;
		min-width: 0;
		padding: 0 0.75rem 0.75rem;
	}

	.nu-wishlist-reserve {
		min-height: 44px;
		font-size: 0.75rem;
	}

	.nu-wishlist-link-row {
		grid-template-columns: minmax(0, 1fr) auto;
	}
}

/* -------------------------------------------------------------------------

/* =========================================================================
   2.0-laag: het verlanglijstje ligt als wit vel op de tafel
   ========================================================================= */

#nu-verlanglijst.nu-wishlist-app {
	--nu-wl-red: #dd3333;
	--nu-wl-red-dark: #b82424;
	--nu-wl-cream: #eef3ee;
	--nu-wl-card: #ffffff;
	--nu-wl-line: rgba(30, 26, 21, 0.16);
	--nu-wl-muted: #5d6b60;
	--nu-wl-ink: #1e1a15;
	--nu-wl-sticky: #fff7c7;
	position: relative;
	overflow: visible;
	border: 0;
	border-radius: 4px;
	box-shadow: 0 30px 50px -30px rgba(20, 40, 25, 0.55);
	font-family: var(--nu-kop);
}

/* Plakband houdt het vel op tafel. */
#nu-verlanglijst.nu-wishlist-app::before {
	content: "";
	position: absolute;
	top: -14px;
	left: 50%;
	z-index: 5;
	width: 120px;
	height: 28px;
	margin-left: -60px;
	background: rgba(232, 185, 58, 0.55);
	transform: rotate(-3deg);
	pointer-events: none;
}


.nu-wishlist-app__topbar {
	border-bottom: 2px solid var(--nu-wl-ink);
}

.nu-wishlist-app__brand {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	font-family: var(--nu-kop);
	font-size: 19px;
	font-weight: 800;
	letter-spacing: -0.03em;
	text-transform: lowercase;
}

.nu-wishlist-app__brand::before {
	content: "";
	width: 28px;
	height: 28px;
	flex: none;
	background: url("../img/logo-icoon.svg") center / contain no-repeat;
}

.nu-wishlist-app__utility {
	font-size: 14px;
	font-weight: 600;
}

.nu-wishlist-app h1,
.nu-wishlist-app h2 {
	font-family: var(--nu-kop);
	font-weight: 800;
	letter-spacing: -0.04em;
}

.nu-wishlist-app p,
.nu-wishlist-app li,
.nu-wishlist-app label {
	font-family: var(--nu-kop);
}

.nu-wishlist-hero__copy > p:first-of-type {
	color: var(--nu-tekst-zacht);
	font-family: var(--nu-lees);
	font-size: clamp(18px, 2vw, 21px);
	line-height: 1.5;
}

/* Knoppen: rond, zoals op de rest van de site. */
.nu-wishlist-primary,
.nu-wishlist-dark-button,
.nu-wishlist-secondary,
.nu-wishlist-reserve,
.nu-wishlist-app .nu-bewaar {
	border-radius: 999px !important;
	font-family: var(--nu-kop);
	letter-spacing: 0;
}

.nu-wishlist-primary {
	min-height: 48px;
	padding: 14px 22px;
	background: var(--nu-wl-red);
	box-shadow: none;
	font-size: 16px;
	font-weight: 600;
}

.nu-wishlist-primary:hover:not(:disabled) {
	background: var(--nu-wl-ink);
	transform: none;
}

.nu-wishlist-dark-button,
.nu-wishlist-secondary {
	min-height: 44px;
	padding: 10px 18px;
	font-size: 15px;
	font-weight: 600;
}

.nu-wishlist-secondary {
	border: 2px solid var(--nu-wl-ink);
}

.nu-wishlist-reserve {
	min-height: 40px;
	font-size: 14px;
	font-weight: 600;
}

.nu-wishlist-text-button {
	font-size: 14px;
	text-decoration-color: var(--nu-wl-red);
}

.nu-wishlist-field input,
.nu-wishlist-app input[type="text"],
.nu-wishlist-app input[type="url"],
.nu-wishlist-app input[type="search"],
.nu-wishlist-app textarea {
	border-radius: 10px;
	font-family: var(--nu-kop);
}

/* Polaroid in de opening: plakband geel, kader wit. */
.nu-wishlist-hero__visual::before {
	background: rgba(232, 185, 58, 0.55) !important;
}

/* Gele briefjes in handschrift. */
.nu-wishlist-paper-note,
.nu-wishlist-family-postit {
	background: var(--nu-wl-sticky);
	box-shadow: 0 12px 20px -14px rgba(20, 40, 25, 0.5);
}

.nu-wishlist-paper-note h2,
.nu-wishlist-family-postit h2 {
	color: var(--nu-wl-red);
	font-family: var(--nu-hand);
	font-weight: 400;
	letter-spacing: 0;
}

.nu-wishlist-add__tip p {
	font-family: var(--nu-hand);
	font-size: 17px;
	line-height: 1.3;
}

/* Cadeaukaartjes: wit, een tikje schuin, geen harde rand. */
.nu-wishlist-product {
	border: 0;
	border-radius: 4px;
	box-shadow: 0 18px 26px -18px rgba(20, 40, 25, 0.55);
}

.nu-wishlist-product__title {
	font-family: var(--nu-kop);
	font-weight: 800;
	letter-spacing: -0.02em;
}

.nu-wishlist-product__price {
	font-family: var(--nu-mono);
}

.nu-wishlist-product__stamp {
	font-family: var(--nu-hand);
	font-weight: 400;
	letter-spacing: 0;
}

.nu-wishlist-share-card {
	border: 0;
	border-radius: 10px;
	background: var(--nu-wl-cream);
}

.nu-wishlist-share-card h2 {
	font-family: var(--nu-kop);
	font-size: 15px;
	font-weight: 800;
	letter-spacing: -0.01em;
}

.nu-wishlist-price-note {
	font-family: var(--nu-mono);
	font-size: 11px;
}

/* =========================================================================
   2.4.1-laag: de verlanglijst hoort bij de tafel
   De gewone kop en voet staan er weer boven en onder. De landingspagina
   volgt de opening van de homepage: rode handgeschreven kop, grote titel,
   intro in de leesletter, de zwarte ronde knop en een geplakte polaroid
   ernaast, direct op de tafel. Formulieren en lijstjes liggen op een wit
   vel met plakband, zoals de rest van de site.
   ========================================================================= */

body.nu-verlanglijst-pagina .wp-block-post-content,
body.page-id-756 .wp-block-post-content {
	max-width: var(--nu-breed) !important;
	font-size: inherit;
}

#nu-verlanglijst {
	margin-top: 40px;
}

/* Landingspagina: geen vel, het ligt los op tafel. */
#nu-verlanglijst.nu-wishlist-app--start {
	background: transparent;
	box-shadow: none;
}

#nu-verlanglijst.nu-wishlist-app--start::before {
	content: none;
}

.nu-wishlist-app--start .nu-wishlist-app__content {
	padding: 0;
}

.nu-wishlist-app--start .nu-wishlist-hero {
	grid-template-columns: minmax(0, 1fr) 400px;
	gap: 56px;
	min-height: 0;
	max-width: none;
	padding: 0 0 64px;
}

.nu-wishlist-hero__copy {
	max-width: none;
}

.nu-wishlist-app .nu-wishlist-hero__copy > p.nu-wishlist-hero__kop {
	margin: 0 0 14px;
	color: var(--nu-rood);
	font-family: var(--nu-hand);
	font-size: 24px;
	line-height: 1.2;
	transform: rotate(-2deg);
	transform-origin: left center;
}

.nu-wishlist-app .nu-wishlist-hero__titel {
	margin: 0 0 20px;
	font-family: var(--nu-kop);
	font-size: clamp(34px, 5.7vw, 68px);
	font-weight: 800;
	letter-spacing: -0.04em;
	line-height: 0.98;
	text-wrap: balance;
}

.nu-wishlist-app .nu-wishlist-hero__intro,
.nu-wishlist-hero__copy > p.nu-wishlist-hero__intro {
	max-width: 560px;
	margin: 0 0 22px;
	color: var(--nu-tekst-zacht);
	font-family: var(--nu-lees);
	font-size: 21px;
	line-height: 1.5;
}

.nu-wishlist-app .nu-wishlist-checklist {
	margin: 0 0 28px;
}

.nu-wishlist-app .nu-wishlist-checklist li {
	font-size: 16px;
}

.nu-wishlist-app .nu-wishlist-checklist li > span {
	color: var(--nu-rood);
}

/* De knop is de .nu-knop van de homepage; een button heeft alleen geen rand. */
.nu-wishlist-app button.nu-knop {
	border: 0;
	cursor: pointer;
}

/* Polaroid: wit kader, plakband, handschrift, licht schuin. */
.nu-wishlist-app--start .nu-wishlist-hero__visual {
	justify-self: center;
	width: 100%;
	max-width: 360px;
	box-sizing: border-box;
	padding: 14px 14px 64px;
	background: var(--nu-wit);
	box-shadow: var(--nu-schaduw);
	filter: none;
	transform: rotate(3deg);
}

.nu-wishlist-app--start .nu-wishlist-hero__visual figcaption {
	bottom: 16px;
	color: var(--nu-tekst);
	font-size: 26px;
	transform: rotate(-1deg);
}

/* Overige schermen: één knopstijl, zwart en rond zoals .nu-knop. */
.nu-wishlist-primary {
	background: var(--nu-inkt);
	color: #f7f2e8;
}

.nu-wishlist-primary:hover:not(:disabled) {
	background: var(--nu-rood);
	color: var(--nu-wit);
}

.nu-wishlist-app:not(.nu-wishlist-app--start) .nu-wishlist-app__content {
	padding: clamp(24px, 4vw, 52px);
}

@media (max-width: 860px) {
	.nu-wishlist-app--start .nu-wishlist-hero {
		grid-template-columns: 1fr;
		gap: 28px;
		padding-bottom: 40px;
	}

	.nu-wishlist-app--start .nu-wishlist-hero__visual {
		max-width: 240px;
		padding: 10px 10px 48px;
	}

	.nu-wishlist-app--start .nu-wishlist-hero__visual figcaption {
		bottom: 10px;
		font-size: 21px;
	}

	.nu-wishlist-app .nu-wishlist-hero__intro {
		font-size: 18px;
	}

	#nu-verlanglijst {
		margin-top: 20px;
	}
}

/* "Kopieer link" gebruikt de oude .nu-bewaar-klasse uit 1.x en kreeg daardoor
   een gekartelde stempelvorm. Hier: een gewone kleine, zwarte, ronde knop. */
.nu-wishlist-app .nu-wishlist-link-row .nu-bewaar {
	flex: none;
	align-self: center;
	height: auto;
	min-height: 40px;
	padding: 9px 16px;
	border: 0;
	outline: 0;
	border-radius: 999px;
	background: var(--nu-inkt);
	box-shadow: none;
	color: #f7f2e8;
	font-family: var(--nu-kop);
	font-size: 14px;
	font-weight: 600;
	line-height: 1.2;
	white-space: nowrap;
	transform: none;
	-webkit-mask: none;
	mask: none;
}

.nu-wishlist-app .nu-wishlist-link-row .nu-bewaar::before,
.nu-wishlist-app .nu-wishlist-link-row .nu-bewaar::after {
	content: none;
}

.nu-wishlist-app .nu-wishlist-link-row .nu-bewaar:hover {
	background: var(--nu-rood);
	color: var(--nu-wit);
}

/* Knoppen nemen het lettertype niet vanzelf over (o.a. het grote plusvak). */
.nu-wishlist-app button {
	font-family: var(--nu-kop);
}
