/* Redigerings-tilstand efter køb */
.bpd-edit-banner {
	background: #eef6ee;
	border: 1px solid #cfe6cf;
	color: #2f5a30;
	border-radius: 8px;
	padding: 10px 12px;
	margin-bottom: 12px;
	font-size: 14px;
}
.bpd-edit-banner .bpd-saved-ok {
	display: inline-block;
	margin-left: 8px;
	color: #4a9d5f;
	font-weight: 600;
}
.bpd-order-edit .button { margin-top: 8px; }
.bpd-expired {
	max-width: 640px;
	margin: 24px auto;
	background: #fdf6ec;
	border: 1px solid #e6d3a3;
	color: #6b4f1d;
	border-radius: 10px;
	padding: 20px 22px;
	font-size: 15px;
	line-height: 1.5;
	text-align: center;
}
/* I redigerings-tilstand skjules produkt-info/køb (kunden har allerede købt) */
.bpd-edit-mode .entry-summary,
.bpd-edit-mode .product-info,
.bpd-edit-mode .single_add_to_cart_button,
.bpd-edit-mode form.cart {
	display: none !important;
}

/* Redigerings-tilstand efter køb -- slut */

/* Håndskrifts-fonts – bundlet lokalt (rammer også i PDF-eksporten) */
@font-face {
	font-family: 'Dancing Script';
	font-style: normal; font-weight: 400; font-display: swap;
	src: url(../fonts/dancing-script-latin-400-normal.woff2) format('woff2');
}
@font-face {
	font-family: 'Dancing Script';
	font-style: normal; font-weight: 700; font-display: swap;
	src: url(../fonts/dancing-script-latin-700-normal.woff2) format('woff2');
}
@font-face {
	font-family: 'Caveat';
	font-style: normal; font-weight: 400; font-display: swap;
	src: url(../fonts/caveat-latin-400-normal.woff2) format('woff2');
}
@font-face {
	font-family: 'Caveat';
	font-style: normal; font-weight: 700; font-display: swap;
	src: url(../fonts/caveat-latin-700-normal.woff2) format('woff2');
}
/* --- Elegante bryllupsfonte (bundtet lokalt, one.com-venligt) --- */
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/cormorant-garamond-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/cormorant-garamond-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/eb-garamond-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'EB Garamond'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/eb-garamond-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/playfair-display-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Playfair Display'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/playfair-display-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/cinzel-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Cinzel'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/cinzel-latin-700-normal.woff2) format('woff2'); }
@font-face { font-family: 'Great Vibes'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/great-vibes-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Parisienne'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/parisienne-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Pinyon Script'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/pinyon-script-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Tangerine'; font-style: normal; font-weight: 400; font-display: swap; src: url(../fonts/tangerine-latin-400-normal.woff2) format('woff2'); }
@font-face { font-family: 'Tangerine'; font-style: normal; font-weight: 700; font-display: swap; src: url(../fonts/tangerine-latin-700-normal.woff2) format('woff2'); }

/* Fuldbredde-designer øverst på bordplan-produkter */
.bpd-top-slot {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto 20px;
}

/* På bordplan-produkter: skjul evt. galleri-kolonne og lad produkt-info fylde fuld bredde,
   så Levering + køb ligger pænt UNDER designeren. Rammer både standard-WooCommerce og Flatsome. */
.bpd-product .woocommerce-product-gallery,
.bpd-product .product-gallery,
.bpd-product .product .images {
	display: none !important;
}
.bpd-product .product .summary,
.bpd-product .product-info,
.bpd-product .single-product .product .summary.entry-summary {
	width: 100% !important;
	max-width: 100% !important;
	float: none !important;
	clear: both !important;
	padding-left: 0 !important;
}
/* Flatsome pakker ofte gallery+summary i en row med kolonner – nulstil kolonnebredden */
.bpd-product .product-page-row > .col,
.bpd-product .product .row > .large-6 {
	width: 100% !important;
	max-width: 100% !important;
	flex: 0 0 100% !important;
}

/* Bordplan Designer – neutral styling der passer ind i Flatsome */

.bpd-app {
	--bpd-accent: #2f7a80;
	--bpd-accent-dark: #235e63;
	--bpd-border: #cfe0e0;
	--bpd-bg: #f0f7f7;
	margin: 24px 0;
	font-family: inherit;
}

.bpd-toolbar {
	background:
		linear-gradient(180deg, rgba(255,255,255,.78), rgba(240,247,247,.55));
	-webkit-backdrop-filter: blur(10px) saturate(1.15);
	backdrop-filter: blur(10px) saturate(1.15);
	border: 1px solid rgba(255,255,255,.65);
	border-radius: 14px;
	padding: 8px 10px;
	margin-bottom: 8px;
	box-shadow:
		0 1px 0 rgba(255,255,255,.95) inset,      /* øvre bevel-highlight */
		0 -1px 0 rgba(47,122,128,.07) inset,      /* nedre indre kant */
		0 10px 26px -10px rgba(35,94,99,.30),     /* blød ydre skygge */
		0 2px 6px -2px rgba(0,0,0,.08);
}

.bpd-toolbar-row {
	display: flex;
	flex-wrap: wrap;
	gap: 5px;
	align-items: flex-end;
}

.bpd-toolbar-row + .bpd-toolbar-row { margin-top: 2px; }

.bpd-field { display: flex; flex-direction: column; gap: 1px; }

.bpd-label {
	font-size: 10.5px;
	font-weight: 600;
	color: #3a5254;
}

.bpd-template-select,
.bpd-title-font,
.bpd-canvas-select,
.bpd-title-size,
.bpd-title-input {
	padding: 4px 6px;
	border: 1px solid var(--bpd-border);
	border-radius: 7px;
	font-size: 12.5px;
	background: #fff;
}

.bpd-occasion {
	text-align: center;
	margin-bottom: 14px;
}
.bpd-occasion-title {
	margin: 0 0 10px;
	font-size: 22px;
	color: #2b3d3e;
	font-weight: 700;
}
.bpd-occasion-buttons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
}
.bpd-occasion-btn {
	appearance: none;
	border: 1px solid var(--bpd-border);
	background: #fff;
	color: #2b3d3e;
	padding: 8px 16px;
	border-radius: 999px;
	font-size: 14px;
	cursor: pointer;
	transition: all .15s;
}
.bpd-occasion-btn:hover {
	border-color: var(--bpd-accent);
	background: #e4f1f1;
}
.bpd-occasion-btn.active {
	background: var(--bpd-accent);
	border-color: var(--bpd-accent);
	color: #fff;
	font-weight: 600;
}

.bpd-toolbar-main {
	display: flex;
	gap: 12px;
	align-items: flex-start;
}
.bpd-toolbar-left {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 2px;
}
.bpd-toolbar-right {
	flex: 0 0 300px;
	display: flex;
	flex-direction: column;
	gap: 5px;
}

.bpd-title-input { flex: 1 1 auto; min-width: 220px; max-width: 600px; align-self: flex-start; width: 100%; }
.bpd-title-row { margin-top: 2px !important; align-items: flex-start; }

.bpd-guest-block .bpd-guest-heading { margin-bottom: 0; }
.bpd-guest-block .bpd-guest-list {
	flex: 1 1 auto;
	width: 100%;
	min-height: 100px;
	box-sizing: border-box;
	resize: vertical;
}
.bpd-guest-block .bpd-assign-guests { width: 100%; }
.bpd-guest-block .bpd-clear-guests { align-self: center; }

/* Mobil: stabl kolonnerne */
@media (max-width: 760px) {
	.bpd-toolbar-main { flex-direction: column; }
	.bpd-toolbar-right { flex: 1 1 auto; }
	.bpd-guest-block .bpd-guest-list { min-height: 90px; }
}


.bpd-actions { border-top: 1px dashed var(--bpd-border); padding-top: 4px; margin-top: 2px; }
.bpd-app .bpd-image-status {
	font-size: 12px;
	color: #6b7a68;
}
.bpd-app .bpd-image-status.err { color: #b0402f; }
/* Knap flugter bund-justeret med skabelon-vælgerne; status står inline til højre. */
.bpd-app .bpd-image-field {
	flex-direction: row;
	align-items: center;
	align-self: flex-end;
	gap: 8px;
}
.bpd-app .bpd-image-field .bpd-add-image { white-space: nowrap; padding: 5px 12px; }

/* Rammeværktøj – overlay hen over gem-kladde/download-rækken + et par mm ned over canvas */
.bpd-app .bpd-canvas-col { position: relative; }
.bpd-app .bpd-frame-bar {
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	z-index: 20;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 4px;
	margin: 0;
	padding: 6px 8px 8px;
	background: #fbfaf6;
	border: 1px solid var(--bpd-border);
	border-radius: 10px;
	box-shadow: 0 5px 16px rgba(0, 0, 0, 0.16);
}
.bpd-app .bpd-frame-bar[hidden] { display: none; }
.bpd-app .bpd-frame-bar-label {
	font-size: 12px;
	font-weight: 600;
	color: #3a5254;
	margin-right: 2px;
}
.bpd-app .bpd-frame-opt {
	appearance: none;
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	gap: 1px;
	width: 46px;
	padding: 3px 2px;
	border: 1.5px solid var(--bpd-border);
	border-radius: 8px;
	background: #fff;
	color: #6b7a68;
	cursor: pointer;
	font-size: 9px;
	line-height: 1.1;
	transition: border-color .15s, color .15s, box-shadow .15s, transform .12s;
}
.bpd-app .bpd-frame-opt svg { width: 20px; height: 20px; }
.bpd-app .bpd-frame-opt:hover { border-color: var(--bpd-accent); transform: translateY(-1px); }
.bpd-app .bpd-frame-opt.active {
	border-color: var(--bpd-accent);
	color: #b89b5e;
	box-shadow: 0 0 0 3px rgba(47, 122, 128, .18);
}
.bpd-app .bpd-frame-opt svg { display: block; }
/* "Tilpas billede" / "Færdig" / "Indenfor" / "Udenfor" er tekst-knapper (uden ikon-kolonne) */
.bpd-app .bpd-frame-opt.bpd-frame-adjust,
.bpd-app .bpd-frame-opt.bpd-frame-done,
.bpd-app .bpd-frame-opt.bpd-frame-side {
	width: auto;
	flex-direction: row;
	padding: 5px 9px;
	font-size: 11px;
	font-weight: 600;
	color: #2b3d3e;
}
.bpd-app .bpd-frame-opt.bpd-frame-side { padding: 5px 8px; }
.bpd-app .bpd-frame-opt.bpd-frame-done {
	background: var(--bpd-accent, #2f7a80);
	color: #fff;
	border-color: var(--bpd-accent, #2f7a80);
}
.bpd-app .bpd-frame-zoom {
	flex: 1 1 120px;
	max-width: 220px;
	accent-color: var(--bpd-accent, #2f7a80);
	cursor: pointer;
}

/* Kant: farve + tykkelse */
.bpd-app .bpd-frame-kant {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 5px;
	padding-left: 8px;
	margin-left: 4px;
	border-left: 1px solid var(--bpd-border);
}
.bpd-app .bpd-frame-swatch {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	min-width: 16px;
	max-width: 16px;
	min-height: 16px;
	max-height: 16px;
	aspect-ratio: 1 / 1;
	padding: 0;
	border-radius: 50%;
	border: 1.5px solid rgba(0, 0, 0, .25);
	cursor: pointer;
	transition: transform .12s, box-shadow .15s;
}
.bpd-app .bpd-frame-swatch:hover { transform: translateY(-1px); }
.bpd-app .bpd-frame-swatch.active {
	box-shadow: 0 0 0 2.5px rgba(47, 122, 128, .35);
	border-color: #2f7a80;
}
.bpd-app .bpd-frame-custom {
	appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	flex: 0 0 auto;
	width: 22px;
	height: 20px;
	padding: 0;
	border: 1px solid var(--bpd-border);
	border-radius: 5px;
	background: #fff;
	cursor: pointer;
}
.bpd-app .bpd-frame-w {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 34px;
	height: 26px;
	padding: 0;
	border: 1.5px solid var(--bpd-border);
	border-radius: 7px;
	background: #fff;
	cursor: pointer;
}
.bpd-app .bpd-frame-w .bpd-frame-w-line {
	display: block;
	width: 18px;
	background: #3a5254;
	border-radius: 4px;
}
.bpd-app .bpd-frame-w.active {
	border-color: #2f7a80;
	box-shadow: 0 0 0 3px rgba(47, 122, 128, .18);
}
.bpd-app .bpd-frame-decor {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	width: 34px;
	height: 34px;
	padding: 2px;
	border: 1.5px solid var(--bpd-border);
	border-radius: 7px;
	/* Skakternet så gennemsigtig midte er synlig i miniaturen. */
	background-color: #fff;
	background-image: linear-gradient(45deg, #eee 25%, transparent 25%), linear-gradient(-45deg, #eee 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #eee 75%), linear-gradient(-45deg, transparent 75%, #eee 75%);
	background-size: 10px 10px;
	background-position: 0 0, 0 5px, 5px -5px, -5px 0;
	cursor: pointer;
	transition: transform .12s, box-shadow .15s;
}
.bpd-app .bpd-frame-decor img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	object-fit: contain;
}
.bpd-app .bpd-frame-decor:hover { transform: translateY(-1px); border-color: var(--bpd-accent); }
.bpd-app .bpd-frame-decor.active {
	border-color: #2f7a80;
	box-shadow: 0 0 0 3px rgba(47, 122, 128, .18);
}

.bpd-btn {
	appearance: none;
	border: 1px solid rgba(47,122,128,.22);
	background: linear-gradient(180deg, #ffffff, #eef4f4);
	color: #2b3d3e;
	padding: 6px 11px;
	border-radius: 8px;
	font-size: 12.5px;
	cursor: pointer;
	transition: transform .12s ease, box-shadow .15s, background .15s, border-color .15s;
	line-height: 1.2;
	box-shadow:
		0 1px 0 rgba(255,255,255,.9) inset,
		0 1px 2px rgba(0,0,0,.06);
}
.bpd-btn:hover {
	background: linear-gradient(180deg, #ffffff, #e4f1f1);
	border-color: var(--bpd-accent);
	transform: translateY(-1px);
	box-shadow:
		0 1px 0 rgba(255,255,255,.9) inset,
		0 5px 12px -3px rgba(35,94,99,.28);
}
.bpd-btn:active {
	transform: translateY(0);
	box-shadow: 0 1px 3px rgba(0,0,0,.14) inset;
}

.bpd-btn.bpd-primary {
	background: linear-gradient(180deg, #3a939a, #235e63);
	border-color: #235e63;
	color: #fff;
	font-weight: 600;
	box-shadow:
		0 1px 0 rgba(255,255,255,.28) inset,
		0 4px 12px -3px rgba(35,94,99,.5);
}
.bpd-btn.bpd-primary:hover {
	background: linear-gradient(180deg, #46a5ac, #2a6f74);
	border-color: #2a6f74;
	transform: translateY(-1px);
	box-shadow:
		0 1px 0 rgba(255,255,255,.3) inset,
		0 7px 16px -4px rgba(35,94,99,.55);
}

.bpd-btn.bpd-green {
	background: linear-gradient(180deg, #58b06d, #3d8650);
	border-color: #3d8650;
	color: #fff;
	font-weight: 600;
	box-shadow:
		0 1px 0 rgba(255,255,255,.28) inset,
		0 4px 12px -3px rgba(61,134,80,.5);
}
.bpd-btn.bpd-green:hover {
	background: linear-gradient(180deg, #63bd78, #357646);
	border-color: #357646;
	transform: translateY(-1px);
}

/* JPG-eksport: tonal teal-variant, sekundær til den solide PDF-knap */
.bpd-btn.bpd-download-jpg {
	background: linear-gradient(180deg, #eaf5f5, #d6eaea);
	border-color: rgba(47,122,128,.38);
	color: #235e63;
	font-weight: 600;
}
.bpd-btn.bpd-download-jpg:hover {
	background: linear-gradient(180deg, #f2fafa, #cbe6e6);
	border-color: var(--bpd-accent);
	transform: translateY(-1px);
}

.bpd-template-select { min-width: 300px; }

.bpd-btn.bpd-danger { color: #b03a2e; border-color: #e6c3bd; }
.bpd-btn.bpd-danger:hover { background: #fbeceb; border-color: #b03a2e; }

.bpd-btn.bpd-link {
	background: none;
	border: none;
	box-shadow: none;
	color: var(--bpd-accent-dark);
	text-decoration: underline;
	padding: 6px 4px;
}
.bpd-btn.bpd-link:hover { background: none; transform: none; box-shadow: none; }

/* Workspace */
.bpd-workspace {
	display: flex;
	gap: 20px;
	align-items: flex-start;
}

.bpd-canvas-col {
	flex: 1 1 auto;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.bpd-canvas-wrap {
	position: relative;
	border: 1px solid var(--bpd-border);
	border-radius: 10px;
	overflow: hidden;
	background:
		linear-gradient(90deg, rgba(0,0,0,.03) 1px, transparent 1px) 0 0 / 40px 40px,
		linear-gradient(rgba(0,0,0,.03) 1px, transparent 1px) 0 0 / 40px 40px,
		#fffdf9;
}

.bpd-stage { width: 100%; }

.bpd-zoom {
	display: grid;
	grid-template-columns: 1fr auto 1fr;
	align-items: center;
	background:
		linear-gradient(180deg, rgba(255,255,255,.72), rgba(240,247,247,.5));
	-webkit-backdrop-filter: blur(10px) saturate(1.15);
	backdrop-filter: blur(10px) saturate(1.15);
	border: 1px solid rgba(255,255,255,.6);
	border-radius: 14px;
	padding: 8px 12px;
	gap: 8px;
	box-shadow:
		0 1px 0 rgba(255,255,255,.95) inset,
		0 -1px 0 rgba(47,122,128,.07) inset,
		0 10px 26px -12px rgba(35,94,99,.28);
}
.bpd-zoom-left { justify-self: start; }
.bpd-zoom-center { justify-self: center; display: flex; gap: 8px; }
.bpd-zoom-right { justify-self: end; display: flex; gap: 8px; align-items: center; }
.bpd-zoom-center button {
	border: 1px solid rgba(47,122,128,.22);
	background: linear-gradient(180deg, #ffffff, #eef4f4);
	height: 32px;
	padding: 0 14px;
	border-radius: 8px;
	cursor: pointer;
	font-size: 13px;
	color: #2b3d3e;
	transition: transform .12s ease, box-shadow .15s, background .15s, border-color .15s;
	box-shadow:
		0 1px 0 rgba(255,255,255,.9) inset,
		0 1px 2px rgba(0,0,0,.06);
}
.bpd-zoom-center button:hover {
	background: linear-gradient(180deg, #ffffff, #e4f1f1);
	border-color: var(--bpd-accent);
	transform: translateY(-1px);
	box-shadow:
		0 1px 0 rgba(255,255,255,.9) inset,
		0 5px 12px -3px rgba(35,94,99,.28);
}
.bpd-zoom-center button:active { transform: translateY(0); box-shadow: 0 1px 3px rgba(0,0,0,.14) inset; }
.bpd-zoom-center button:disabled { opacity: .4; cursor: default; transform: none; box-shadow: none; }

/* Handlingsrække: skub PDF/gem til højre */
.bpd-actions-spacer { flex: 1 1 auto; }

/* Gæsteliste-række i toppen */
.bpd-guest-row { align-items: stretch; }
.bpd-guest-list {
	flex: 1 1 auto;
	min-width: 220px;
	border: 1px solid var(--bpd-border);
	border-radius: 7px;
	padding: 7px 9px;
	font-size: 13px;
	resize: vertical;
	font-family: inherit;
	min-height: 38px;
}
.bpd-guest-actions {
	display: flex;
	flex-direction: column;
	gap: 5px;
	align-items: stretch;
}
.bpd-guest-actions .bpd-assign-guests { white-space: nowrap; }

.bpd-save-status {
	font-size: 13px;
	color: #6a8f4e;
	opacity: 0;
	align-self: center;
	transition: opacity .2s;
}
.bpd-save-status.ok { opacity: 1; }

/* Mobil */
@media (max-width: 760px) {
	.bpd-guest-actions { flex-direction: row; }
}

/* ---------- In-page popup (overlay) ---------- */
.bpd-modal-overlay {
	position: fixed;
	inset: 0;
	background: rgba(30, 24, 16, .45);
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 99999;
	padding: 16px;
}
.bpd-modal-overlay[hidden] { display: none; }

.bpd-modal {
	background: #fff;
	border-radius: 12px;
	padding: 12px 14px;
	width: 100%;
	max-width: 430px;
	box-shadow: 0 18px 50px rgba(0,0,0,.28);
	animation: bpd-pop .16s ease-out;
}
@keyframes bpd-pop {
	from { opacity: 0; transform: translateY(8px) scale(.98); }
	to   { opacity: 1; transform: none; }
}

.bpd-modal-title {
	margin: 0 0 6px;
	font-size: 16px;
	color: #2b3d3e;
}

.bpd-modal-field { margin-bottom: 6px; }
.bpd-modal-field .bpd-label { display: block; margin-bottom: 2px; }

.bpd-type-grid {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 5px;
}
.bpd-type {
	border: 1px solid var(--bpd-border) !important;
	background: #fff;
	padding: 6px 4px !important;
	min-height: 0 !important;
	height: auto !important;
	line-height: 1.15 !important;
	border-radius: 7px;
	cursor: pointer;
	font-size: 11px !important;
	letter-spacing: .01em;
	transition: all .12s;
}
.bpd-type:hover { border-color: var(--bpd-accent); background: #e9f4f4; }
.bpd-type.active {
	border-color: var(--bpd-accent);
	background: var(--bpd-accent);
	color: #fff;
	font-weight: 600;
}

.bpd-stepper {
	display: flex;
	align-items: stretch;
	max-width: 180px;
	border: 1px solid var(--bpd-border);
	border-radius: 8px;
	overflow: hidden;
}
.bpd-stepper button {
	border: none;
	background: #e4f1f1;
	width: 42px;
	font-size: 18px;
	cursor: pointer;
	color: #3a5254;
}
.bpd-stepper button:hover { background: #d3e6e6; }
.bpd-seat-count {
	border: none;
	text-align: center;
	width: 100%;
	font-size: 15px;
	padding: 7px 0;
	-moz-appearance: textfield;
}
.bpd-seat-count::-webkit-outer-spin-button,
.bpd-seat-count::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }

.bpd-modal-inline {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	align-items: flex-end;
	margin-bottom: 6px;
}
.bpd-modal-inline { align-items: flex-start; }
.bpd-modal-inline .bpd-field-name { flex: 1 1 100%; }
.bpd-modal-inline .bpd-field-font { flex: 1 1 100%; }
.bpd-modal-inline > .bpd-field:not(.bpd-field-name):not(.bpd-field-font):not(.bpd-field-seats):not(.bpd-field-top) { flex: 1 1 30%; min-width: 88px; }
.bpd-modal-inline .bpd-field-name .bpd-table-name,
.bpd-modal-inline .bpd-field-name .bpd-table-text { width: 100%; box-sizing: border-box; }
.bpd-modal-inline .bpd-field-name .bpd-table-text { min-height: 130px; }

.bpd-modal-actions {
	display: flex;
	justify-content: flex-end;
	gap: 8px;
	margin-top: 9px;
}

.bpd-modal-textrow {
	display: flex;
	gap: 10px;
	align-items: flex-end;
	flex-wrap: wrap;
}
.bpd-modal-textrow .bpd-field { flex: 1 1 auto; }
.bpd-modal-textrow .bpd-field-font { flex: 1 1 100%; }
.bpd-modal-font,
.bpd-modal-size {
	width: 100%;
	padding: 7px 9px;
	border: 1px solid var(--bpd-border);
	border-radius: 8px;
	font-size: 13px;
	background: #fff;
}
input[type="color"].bpd-modal-color,
input[type="color"].bpd-title-color {
	width: 44px;
	height: 36px;
	padding: 2px;
	border: 1px solid var(--bpd-border);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}
.bpd-table-name {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--bpd-border);
	border-radius: 8px;
	font-size: 14px;
}
.bpd-table-text {
	width: 100%;
	padding: 8px 10px;
	border: 1px solid var(--bpd-border);
	border-radius: 8px;
	font-size: 14px;
	font-family: inherit;
	resize: vertical;
	min-height: 130px;
	line-height: 1.45;
}
.bpd-table-text[hidden], .bpd-table-name[hidden] { display: none; }
input[type="color"].bpd-modal-color,
input[type="color"].bpd-title-color {
	width: 46px;
	height: 40px;
	padding: 2px;
	border: 1px solid var(--bpd-border);
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}

/* ---------- Baggrunds-vælger (v6.0, højre kolonne v6.5) ---------- */
.bpd-app .bpd-bg-section {
	flex: 0 0 15%;
	align-self: flex-start;
	text-align: left;
	margin: 0;
	padding: 12px 14px;
	background: #fff;
	border: 1px solid var(--bpd-border);
	border-radius: 10px;
	box-sizing: border-box;
	overflow-y: auto;
}
.bpd-app .bpd-bg-title {
	margin: 0 0 10px;
	font-size: 16px;
	color: #2b3d3e;
	font-weight: 700;
}
.bpd-app .bpd-bg-picker {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 8px;
}
.bpd-app .bpd-bg-thumb {
	appearance: none;
	padding: 0;
	border: 2px solid var(--bpd-border);
	background: #fff;
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	width: 100%;
	transition: border-color .15s, transform .15s, box-shadow .15s;
	display: flex;
	flex-direction: column;
}
.bpd-app .bpd-bg-thumb img {
	display: block;
	width: 100%;
	height: 68px;
	object-fit: cover;
}
/* "Tom design"-miniature: lille blank A3-side (ingen billedfil). */
.bpd-app .bpd-bg-blank-art {
	display: block;
	height: 68px;
	background:
		repeating-linear-gradient(-45deg, #f4f1ea 0 7px, #fbfaf6 7px 14px);
	position: relative;
}
.bpd-app .bpd-bg-blank-art::before {
	content: "";
	position: absolute;
	top: 10px; bottom: 10px; left: 50%;
	width: 34px;
	transform: translateX(-50%);
	background: #fff;
	border: 1.5px solid var(--bpd-border);
	border-radius: 3px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, .12);
}
.bpd-app .bpd-bg-thumb-label {
	display: block;
	padding: 4px 6px;
	font-size: 12px;
	line-height: 1.2;
	color: #2b3d3e;
	background: #fff;
}
.bpd-app .bpd-bg-thumb:hover {
	border-color: var(--bpd-accent);
	transform: translateY(-1px);
}
.bpd-app .bpd-bg-thumb.active {
	border-color: var(--bpd-accent);
	box-shadow: 0 0 0 3px rgba(47, 122, 128, .22);
}

/* To-kolonne-layout stabler på smalle skærme (canvas over, vælger under) */
@media (max-width: 782px) {
	.bpd-workspace { flex-direction: column; }
	.bpd-app .bpd-bg-section { flex: 1 1 auto; width: 100%; }
}

/* --- Popup: Tilføj sæt tekster --- */
.bpd-textset-hint { margin: 2px 0 14px; font-size: 13.5px; color: #6b6b6b; line-height: 1.5; }
.bpd-textset-grid {
	display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 8px;
}
@media (max-width: 560px) { .bpd-textset-grid { grid-template-columns: repeat(2, 1fr); } }
.bpd-textset-opt {
	display: flex; flex-direction: column; align-items: center; gap: 8px;
	padding: 12px 8px; background: #fff; border: 1.5px solid #d9c9aa; border-radius: 12px;
	cursor: pointer; transition: .15s;
}
.bpd-textset-opt:hover { border-color: #8ba081; background: #f7faf5; transform: translateY(-2px); box-shadow: 0 6px 16px -8px rgba(74,90,74,.4); }
.bpd-textset-opt:focus-visible { outline: 2px solid #8ba081; outline-offset: 2px; }
.bpd-textset-opt .bpd-ts-ico { width: 100%; height: auto; display: block; }
.bpd-textset-opt span { font-size: 14px; font-weight: 600; color: #4a5a4a; }

/* --- Popup: Smart overskrifter --- */
.bpd-head-fields { display: grid; gap: 8px; margin-bottom: 12px; }
.bpd-head-fields .bpd-field { display: flex; flex-direction: column; gap: 3px; }
.bpd-head-fields input { border: 1px solid #cfd8cf; border-radius: 8px; padding: 8px 12px; font-size: 15px; }
.bpd-head-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 8px; }
@media (max-width: 560px) { .bpd-head-grid { grid-template-columns: repeat(2, 1fr); } }
.bpd-head-style { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 12px 8px; background: #fff; border: 1.5px solid #d9c9aa; border-radius: 12px; cursor: pointer; transition: .15s; }
.bpd-head-style:hover { border-color: #8ba081; background: #f7faf5; transform: translateY(-2px); box-shadow: 0 6px 16px -8px rgba(74,90,74,.4); }
.bpd-head-style:focus-visible { outline: 2px solid #8ba081; outline-offset: 2px; }
.bpd-head-style .bpd-hd-ico { width: 100%; height: auto; display: block; }
.bpd-head-style span { font-size: 13.5px; font-weight: 600; color: #4a5a4a; }

/* valgt opstilling i Smart overskrifter */
.bpd-head-style.selected { border-color: #8ba081; background: #eef4ea; box-shadow: 0 0 0 2px rgba(139,160,129,.35); }

/* --- Custom font-vælger (viser fonte i deres egen skrift) --- */
.bpd-fontpick { position: relative; width: 100%; }
.bpd-fontpick-btn { width: 100%; text-align: left; border: 1px solid #cfd8cf; border-radius: 8px; padding: 8px 12px; background: #fff; cursor: pointer; font-size: 16px; color: #3a3a3a; }
.bpd-fontpick-btn:after { content: '▾'; float: right; color: #9aa79a; }
.bpd-fontpick-list { position: absolute; z-index: 60; top: 100%; left: 0; right: 0; max-height: 280px; overflow-y: auto; background: #fff; border: 1px solid #cfd8cf; border-radius: 8px; box-shadow: 0 10px 28px -8px rgba(0,0,0,.28); margin-top: 4px; }
.bpd-fontpick-item { display: block; width: 100%; text-align: left; border: 0; background: none; padding: 9px 12px; font-size: 18px; color: #3a3a3a; cursor: pointer; }
.bpd-fontpick-item:hover { background: #f0f4ee; }

/* Smart overskrifter: lidt bredere modal */
.bpd-heading-overlay .bpd-modal { max-width: 780px; }
/* Smart overskrifter: 2 kolonner (felter | font+stil), demo-billeder i fuld bredde nederst (v7.26). */
.bpd-head-cols { display: flex; gap: 22px; align-items: flex-start; margin-bottom: 6px; }
.bpd-head-col-left, .bpd-head-col-right { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 10px; }
.bpd-head-col-left .bpd-head-fields { display: flex; flex-direction: column; gap: 10px; margin: 0; }
.bpd-head-col-right .bpd-modal-inline { margin: 0; }
.bpd-head-col-right .bpd-text-style { margin: 0; }
@media (max-width: 640px) {
	.bpd-head-cols { flex-direction: column; gap: 12px; }
}

/* Gem/Hent kladde i toolbar */
.bpd-draft-sep { width: 1px; align-self: stretch; background: #dfe6df; margin: 0 6px; }
.bpd-draft-status { font-size: 12.5px; color: #5b8a6a; align-self: center; white-space: nowrap; }
/* Bordplan Preview Popup */
.bpp-preview-overlay,
.bpp-confirm-overlay,
.bpp-loading-overlay {
	position: fixed; inset: 0; z-index: 999990;
	display: flex; align-items: center; justify-content: center;
	background: rgba(40, 45, 42, .55); backdrop-filter: blur(3px);
	padding: 16px;
}
body.bpp-popup-open { overflow: hidden; }

.bpp-preview-modal {
	background: #fff; border-radius: 16px; width: 100%; max-width: 560px;
	max-height: 92vh; overflow: auto; box-shadow: 0 30px 80px -20px rgba(0,0,0,.5);
	padding: 22px 22px 18px; text-align: center;
}
.bpp-preview-modal__title { margin: 0 0 4px; font-size: 22px; color: #3a4a3a; }
.bpp-preview-modal__subtitle { margin: 0 0 14px; font-size: 14px; color: #6b7a68; }

.bpp-slider__img-wrap {
	border: 1px solid #e6e0d4; border-radius: 12px; overflow: hidden;
	background: #faf9f5; cursor: zoom-in; display: inline-block; max-width: 100%;
}
.bpp-slider__img { display: block; width: 100%; height: auto; }
.bpp-slider__zoom-hint { display: block; margin-top: 8px; font-size: 12.5px; color: #8a8a8a; }

.bpp-no-preview, .bpp-not-ready { padding: 24px 10px; color: #6b7a68; }
.bpp-not-ready__icon { font-size: 34px; }
.bpp-not-ready__title { font-size: 18px; font-weight: 700; color: #3a4a3a; margin: 8px 0 4px; }
.bpp-not-ready__text { font-size: 14px; }

.bpp-preview-modal__actions {
	display: flex; gap: 14px; margin-top: 18px; flex-wrap: wrap; justify-content: center;
}
.bpp-preview-modal__action-wrap { display: flex; flex-direction: column; gap: 6px; flex: 1 1 220px; }
.bpp-preview-modal__action-label { font-size: 12px; color: #8a8a8a; line-height: 1.3; }
.bpp-preview-modal__btn {
	border: 0; border-radius: 999px; padding: 13px 18px; font-size: 15px; font-weight: 700;
	cursor: pointer; transition: .15s; display: inline-flex; align-items: center; justify-content: center; gap: 8px;
}
.bpp-preview-modal__btn--back { background: #eef1ea; color: #3a4a3a; }
.bpp-preview-modal__btn--back:hover { background: #e2e8df; }
.bpp-preview-modal__btn--confirm { background: #7aa078; color: #fff; }
.bpp-preview-modal__btn--confirm:hover { background: #6a9068; }

/* Bekræftelse */
.bpp-confirm-modal {
	background: #fff; border-radius: 16px; width: 100%; max-width: 420px;
	padding: 24px; text-align: center; box-shadow: 0 30px 80px -20px rgba(0,0,0,.5);
}
.bpp-confirm-modal__title { margin: 0 0 8px; font-size: 20px; color: #3a4a3a; }
.bpp-confirm-modal__text { margin: 0 0 18px; font-size: 15px; color: #5a6a58; line-height: 1.5; }
.bpp-confirm-modal__actions { display: flex; gap: 12px; justify-content: center; flex-wrap: wrap; }
.bpp-confirm-btn { border: 0; border-radius: 999px; padding: 12px 20px; font-size: 15px; font-weight: 700; cursor: pointer; }
.bpp-confirm-btn--no { background: #eef1ea; color: #3a4a3a; }
.bpp-confirm-btn--yes { background: #7aa078; color: #fff; }

/* Loading */
.bpp-loading-modal { background: #fff; border-radius: 16px; padding: 28px 30px; text-align: center; max-width: 380px; }
.bpp-loading-modal__emoji { font-size: 40px; }
.bpp-loading-modal__title { margin: 8px 0 4px; font-size: 20px; color: #3a4a3a; }
.bpp-loading-modal__text { margin: 0 0 16px; font-size: 14px; color: #6b7a68; }
.bpp-loading-bar { height: 8px; border-radius: 999px; background: #eef1ea; overflow: hidden; }
.bpp-loading-bar__fill { height: 100%; width: 40%; background: #7aa078; border-radius: 999px; animation: bpp-load 1.1s ease-in-out infinite; }
@keyframes bpp-load { 0% { margin-left: -40%; } 100% { margin-left: 100%; } }

/* Lightbox */
.bpp-lightbox {
	position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center;
	background: rgba(0,0,0,.85); padding: 20px;
}
.bpp-lightbox__inner { position: relative; max-width: 96vw; max-height: 92vh; }
.bpp-lightbox__img { max-width: 96vw; max-height: 92vh; border-radius: 8px; box-shadow: 0 10px 40px rgba(0,0,0,.5); }
.bpp-lightbox__close {
	position: absolute; top: -14px; right: -14px; width: 38px; height: 38px; border-radius: 50%;
	border: 0; background: #fff; color: #333; font-size: 18px; cursor: pointer; box-shadow: 0 4px 12px rgba(0,0,0,.3);
}

@media (max-width: 560px) {
	.bpp-preview-modal { padding: 16px; }
	.bpp-preview-modal__actions { flex-direction: column; }
}

/* --- Mobil: stabl canvas og baggrundsvælger, og hold canvas inden for skærmen --- */
@media (max-width: 760px) {
	.bpd-workspace { flex-direction: column; gap: 12px; }
	.bpd-canvas-col { width: 100%; min-width: 0; }
	.bpd-canvas-wrap { max-width: 100%; }
	.bpd-stage { width: 100%; max-width: 100%; }
	.bpd-stage canvas { max-width: 100% !important; }
	.bpd-app .bpd-bg-section {
		flex: 1 1 auto !important;
		width: 100% !important;
		max-height: 220px;
		margin-top: 0 !important;
		height: auto !important;
	}
	.bpd-zoom { flex-wrap: wrap; gap: 6px; }
}

/* Antal design-forslag i baggrundsvælgeren */
.bpd-app .bpd-bg-count {
	font-size: 20px;
	font-weight: 700;
	color: #2b3d3e;
	text-align: center;
	margin: 0 0 6px;
	letter-spacing: .01em;
}

/* Gem/Hent i undo/redo-rækken */
.bpd-zoom-left { display: flex; gap: 6px; align-items: center; justify-self: start; flex-wrap: wrap; }
.bpd-btn-draft { font-size: 12.5px; padding: 5px 10px; }
.bpd-zoom-left .bpd-draft-status { font-size: 12px; color: #5b8a6a; white-space: nowrap; }

/* "Start Her!"-hint: 3 pegende hænder op mod de 3 start-knapper + tekst i midten */
.bpd-start-hint { pointer-events: none; margin: 4px 0 2px; }
.bpd-start-hands {
	display: flex;
	justify-content: space-around;
	width: 452px; max-width: 100%;
	margin: 0 0 -2px 2px;
}
.bpd-hand {
	font-size: 26px; line-height: 1;
	animation: bpd-hand-bounce 1.15s ease-in-out infinite;
	filter: drop-shadow(0 2px 2px rgba(0,0,0,.12));
}
.bpd-hand:nth-child(2) { animation-delay: .16s; }
.bpd-hand:nth-child(3) { animation-delay: .32s; }
@keyframes bpd-hand-bounce {
	0%, 100% { transform: translateY(0); }
	50%      { transform: translateY(-7px); }
}
.bpd-start-label {
	display: block;
	font-family: 'Caveat', cursive;
	font-size: 34px; font-weight: 700; line-height: 1;
	color: #3a4a3a;
	text-align: center;
	width: 452px; max-width: 100%;
	transform: rotate(-2deg);
	margin-top: 2px;
}
@media (max-width: 760px) {
	.bpd-zoom-left { justify-self: stretch; }
	.bpd-start-hint { display: none; }   /* skjul på mobil hvor knapperne ombrydes */
}

/* Gæste-editor i "Rediger bord" */
.bpd-field-guests { margin-top: 6px; }
.bpd-field-guests .bpd-guests-hint { font-weight: 400; color: #888; font-size: 12px; }
.bpd-guests-lines {
	width: 100%; box-sizing: border-box;
	min-height: 128px; padding: 8px 10px;
	border: 1px solid var(--bpd-border); border-radius: 8px;
	font-size: 14px; font-family: inherit; line-height: 1.5; resize: vertical;
}

/* ---------- Rammeværktøj på mobil: UNDER canvas (ikke overlay) + større tryk-flader ---------- */
@media (max-width: 760px) {
	.bpd-app .bpd-frame-bar {
		position: static;
		max-height: none;
		margin: 6px 0 0;
		box-shadow: none;
		gap: 6px;
		padding: 9px 9px 11px;
	}
	.bpd-app .bpd-frame-opt {
		width: 54px;
		font-size: 10px;
		padding: 5px 3px;
	}
	.bpd-app .bpd-frame-opt svg { width: 24px; height: 24px; }
	.bpd-app .bpd-frame-opt.bpd-frame-adjust,
	.bpd-app .bpd-frame-opt.bpd-frame-done,
	.bpd-app .bpd-frame-opt.bpd-frame-side {
		padding: 9px 13px;
		font-size: 12.5px;
	}
	.bpd-app .bpd-frame-swatch {
		width: 24px; height: 24px;
		min-width: 24px; max-width: 24px;
		min-height: 24px; max-height: 24px;
	}
	.bpd-app .bpd-frame-custom { width: 32px; height: 28px; }
	.bpd-app .bpd-frame-w { width: 44px; height: 32px; }
	.bpd-app .bpd-frame-bar-label { font-size: 12px; }
}

/* =========================================================================
 * Smart skabeloner – stor knap, kunde-galleri (scroll-popup) og admin gem-modal.
 * Tilføjet i v7.05.
 * ===================================================================== */

/* Stor "dobbelt" knap øverst i toolbaren. */
.bpd-smart-row { margin-bottom: 4px; }
.bpd-smart-btn {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	cursor: pointer;
	border: 1px solid #b8892f;
	border-radius: 12px;
	padding: 13px 18px;               /* ~dobbelt højde ift. .bpd-btn */
	min-height: 58px;
	background: linear-gradient(180deg, #f6d98a, #e2b856);
	color: #4a370f;
	box-shadow:
		0 1px 0 rgba(255,255,255,.55) inset,
		0 6px 16px -5px rgba(150,110,30,.55);
	transition: transform .12s ease, box-shadow .15s, background .15s, border-color .15s;
}
.bpd-smart-btn:hover {
	background: linear-gradient(180deg, #fbe19a, #e8c063);
	border-color: #a87a26;
	transform: translateY(-1px);
	box-shadow:
		0 1px 0 rgba(255,255,255,.6) inset,
		0 9px 22px -6px rgba(150,110,30,.6);
}
.bpd-smart-btn:active { transform: translateY(0); box-shadow: 0 1px 4px rgba(0,0,0,.14) inset; }
.bpd-smart-btn-star { font-size: 26px; line-height: 1; color: #b0791a; text-shadow: 0 1px 0 rgba(255,255,255,.5); }
.bpd-smart-btn-text { display: flex; flex-direction: column; gap: 1px; }
.bpd-smart-btn-title { font-size: 17px; font-weight: 800; letter-spacing: .01em; }
.bpd-smart-btn-sub { font-size: 12.5px; font-weight: 600; color: #6b511d; opacity: .95; }

/* Galleri-popup (scroll, ét stort billede pr. kolonne). */
.bpd-smart-modal {
	background: #fff;
	border-radius: 14px;
	width: 100%;
	max-width: 560px;
	max-height: 88vh;
	display: flex;
	flex-direction: column;
	overflow: hidden;
	box-shadow: 0 18px 54px rgba(0,0,0,.32);
	animation: bpd-pop .16s ease-out;
	position: relative;
}
.bpd-smart-close {
	position: absolute;
	top: 8px; right: 10px;
	width: 34px; height: 34px;
	border: none; border-radius: 50%;
	background: rgba(0,0,0,.06);
	color: #4a5a4a; font-size: 22px; line-height: 1;
	cursor: pointer; z-index: 2;
	transition: background .15s;
}
.bpd-smart-close:hover { background: rgba(0,0,0,.12); }
.bpd-smart-head {
	padding: 20px 22px 12px;
	text-align: center;
	border-bottom: 1px solid #eee5d0;
	background: linear-gradient(180deg, #fbf8f1, #ffffff);
}
.bpd-smart-title {
	margin: 0 0 4px;
	font-size: 23px;
	line-height: 1.2;
	color: #3a4a3a;
	font-weight: 800;
}
.bpd-smart-subtitle {
	margin: 0 auto;
	max-width: 440px;
	font-size: 14.5px;
	line-height: 1.45;
	color: #6a7268;
}
.bpd-smart-filter {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 6px;
	margin-top: 12px;
}
.bpd-smart-chip {
	border: 1px solid var(--bpd-border);
	background: #fff;
	color: #45564a;
	border-radius: 999px;
	padding: 5px 13px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: all .12s;
}
.bpd-smart-chip:hover { border-color: var(--bpd-accent); background: #eef6f6; }
.bpd-smart-chip.active {
	background: var(--bpd-accent);
	border-color: var(--bpd-accent);
	color: #fff;
}

.bpd-smart-scroll {
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	padding: 16px 22px 22px;
}
.bpd-smart-grid {
	display: grid;
	grid-template-columns: 1fr;   /* ét stort billede pr. kolonne */
	gap: 18px;
}
.bpd-smart-item {
	border: 1px solid #e4ddca;
	border-radius: 12px;
	overflow: hidden;
	background: #fbfaf6;
	cursor: pointer;
	padding: 0;
	text-align: left;
	transition: transform .12s ease, box-shadow .15s, border-color .15s;
	box-shadow: 0 2px 6px rgba(0,0,0,.05);
}
.bpd-smart-item:hover {
	transform: translateY(-2px);
	border-color: #c9a24a;
	box-shadow: 0 10px 24px -8px rgba(120,90,20,.4);
}
.bpd-smart-item img {
	width: 100%;
	height: auto;
	display: block;
	background: #fff;
}
.bpd-smart-item-bar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 11px 15px;
}
.bpd-smart-item-name { font-size: 16px; font-weight: 700; color: #3a4a3a; }
.bpd-smart-item-use {
	flex: none;
	background: linear-gradient(180deg, #58b06d, #3d8650);
	color: #fff;
	border-radius: 8px;
	padding: 7px 14px;
	font-size: 13.5px;
	font-weight: 700;
	white-space: nowrap;
}
.bpd-smart-empty {
	text-align: center;
	color: #7a8278;
	font-size: 15px;
	padding: 30px 10px;
}

/* Admin: "Gem som skabelon"-knap (stjerne-accent, adskilt fra JPG). */
.bpd-btn.bpd-save-template {
	background: linear-gradient(180deg, #efe4fb, #ddc9f3);
	border-color: #b892e0;
	color: #5a338f;
	font-weight: 700;
}
.bpd-btn.bpd-save-template:hover {
	background: linear-gradient(180deg, #f4ecfd, #d3bbef);
	border-color: #8a5cc4;
}

/* Admin gem-modal statuslinje-farver. */
.bpd-savetpl-status.ok { color: #2f8a4d; font-weight: 600; }
.bpd-savetpl-status.err { color: #b00020; font-weight: 600; }

@media (max-width: 640px) {
	.bpd-smart-title { font-size: 20px; }
	.bpd-smart-subtitle { font-size: 13.5px; }
	.bpd-smart-scroll { padding: 14px 14px 18px; }
	.bpd-smart-head { padding: 18px 16px 12px; }
	.bpd-smart-btn-title { font-size: 16px; }
	.bpd-smart-btn-sub { font-size: 12px; }
}

/* Smart skabeloner – orienterings-links + design-type-knapper (v7.13). */
.bpd-smart-orient {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	margin-top: 12px;
	font-size: 14px;
}
.bpd-smart-orient-sep { color: #c9c2ad; }
.bpd-smart-orient-link {
	background: none;
	border: none;
	padding: 2px 2px;
	cursor: pointer;
	font-size: 14px;
	font-weight: 600;
	color: #6a7268;
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-color: #cdd6cc;
	transition: color .12s;
}
.bpd-smart-orient-link:hover { color: var(--bpd-accent); }
.bpd-smart-orient-link.active {
	color: #3a4a3a;
	text-decoration-color: var(--bpd-accent);
	text-decoration-thickness: 2px;
}
.bpd-smart-dtype {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 8px;
	margin-top: 12px;
}
.bpd-smart-dtype-btn {
	border: 1px solid var(--bpd-border);
	background: #fff;
	color: #45564a;
	border-radius: 10px;
	padding: 8px 15px;
	font-size: 13.5px;
	font-weight: 700;
	cursor: pointer;
	transition: all .12s;
}
.bpd-smart-dtype-btn:hover { border-color: var(--bpd-accent); background: #eef6f6; }
.bpd-smart-dtype-btn.active {
	background: linear-gradient(180deg, #58b06d, #3d8650);
	border-color: #3d8650;
	color: #fff;
	box-shadow: 0 4px 12px -5px rgba(60,130,80,.6);
}
@media (max-width: 640px) {
	.bpd-smart-dtype-btn { font-size: 12.5px; padding: 7px 12px; }
	.bpd-smart-orient { font-size: 13px; }
}

/* Tekst-stil kontroller (skygge/fed/kursiv/kontur) i overskrift-modal (v7.18). */
.bpd-text-style { margin: 4px 0 2px; }
.bpd-text-style-row { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 4px; }
.bpd-txt-toggle {
	border: 1px solid var(--bpd-border);
	background: #fff;
	color: #45564a;
	border-radius: 8px;
	padding: 6px 11px;
	font-size: 13px;
	cursor: pointer;
	line-height: 1;
	transition: all .12s;
}
.bpd-txt-toggle:hover { border-color: var(--bpd-accent); background: #eef6f6; }
.bpd-txt-toggle.active {
	background: var(--bpd-accent);
	border-color: var(--bpd-accent);
	color: #fff;
}
.bpd-txt-colorlbl {
	display: none;
	width: 30px; height: 30px;
	border: 1px solid var(--bpd-border);
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer;
	padding: 0;
}
.bpd-txt-colorlbl.show { display: inline-block; }
.bpd-txt-colorlbl input[type="color"] { width: 44px; height: 44px; border: none; padding: 0; margin: -7px; cursor: pointer; background: none; }

/* Transparens-slider for baggrund bag teksten (v7.21). */
.bpd-txt-opacity-wrap { display: none; align-items: center; gap: 6px; }
.bpd-txt-opacity-wrap.show { display: inline-flex; }
.bpd-txt-opacity-wrap input[type="range"] { width: 96px; accent-color: var(--bpd-accent); cursor: pointer; }
.bpd-txt-opacity-val { font-size: 12px; color: #6a7268; min-width: 34px; text-align: right; }

/* Baggrund-gennemsigtigheds-slider i tekst-stil-rækken (v7.21). */
.bpd-txt-bg-opacity-wrap { display: none; align-items: center; gap: 4px; padding: 0 6px; height: 30px; border: 1px solid var(--bpd-border); border-radius: 8px; }
.bpd-txt-bg-opacity-wrap.show { display: inline-flex; }
.bpd-txt-bg-opacity-ico { font-size: 13px; color: #7a8a7a; }
.bpd-txt-bg-opacity { width: 84px; }

/* Toolbar – grupperede sektioner med labels (v7.23). */
.bpd-toolbar-left { display: flex; flex-wrap: wrap; align-items: stretch; gap: 12px; }
.bpd-toolbar-left .bpd-smart-row { align-self: center; }
.bpd-tool-group {
	display: flex;
	flex-direction: column;
	gap: 6px;
	padding: 9px 11px 10px;
	background: #fbfaf6;
	border: 1px solid #ece7d6;
	border-radius: 12px;
}
.bpd-tool-group-label {
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: #a99c77;
}
.bpd-tool-group-btns { display: flex; flex-wrap: wrap; align-items: center; gap: 7px; }
.bpd-tool-group-danger { background: #fdf3f2; border-color: #f1d8d4; }
.bpd-tool-group-danger .bpd-tool-group-label { color: #c07f76; }
@media (max-width: 640px) {
	.bpd-tool-group { flex: 1 1 100%; }
	.bpd-tool-group-btns .bpd-btn { flex: 1 1 auto; }
}

/* Toolbar v7.24: tom-skabelon (venstre, 2 kol.) · Smart (midt) · tilføj (højre, 2 kol.). */
.bpd-toolbar-left { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 14px; }
.bpd-toolbar-left .bpd-smart-row { align-self: center; margin: 0; }
.bpd-tool-group-add { background: none; border: none; padding: 0; }
/* Knap-grupperne i 2 kolonner på desktop (tom-skabelon = 1 række, tilføj = 3 rækker). */
.bpd-tool-group-btns { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; align-items: stretch; }
.bpd-tool-group-btns .bpd-btn { width: 100%; white-space: nowrap; }
/* Mobil: som før – lodret kolonne, grupperne fylder bredden, knapperne flyder frit. */
@media (max-width: 640px) {
	.bpd-toolbar-left { flex-direction: column; align-items: stretch; }
	.bpd-tool-group-btns { display: flex; flex-wrap: wrap; }
	.bpd-tool-group-btns .bpd-btn { width: auto; flex: 1 1 auto; }
}

/* Toolbar v7.28: save/export-gruppen til højre for Smart (2 kol.), tilføj-knapper i lang række nederst. */
.bpd-tool-group-save { background: none; border: none; padding: 0; }
.bpd-tool-group-status { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; font-size: 11px; color: #7a7367; }
.bpd-zoom-add { display: flex; gap: 7px; align-items: center; flex-wrap: wrap; }
.bpd-zoom-add .bpd-btn { flex: 0 0 auto; }

/* Bund-rækken: tilføj-knapperne skal have plads til én lang række (v7.28). */
.bpd-zoom { grid-template-columns: 1fr auto; }
.bpd-zoom .bpd-zoom-right { display: none; }

/* ---------- Generator: "Lav bordplan ud fra mine oplysninger" ---------- */
.bpd-gen-modal {
	max-width: 560px;
	max-height: 88vh;
	overflow-y: auto;
	position: relative;
}
.bpd-gen-close {
	position: absolute; top: 8px; right: 10px;
	border: none; background: transparent; font-size: 26px; line-height: 1;
	color: #8a8378; cursor: pointer; padding: 0 4px;
}
.bpd-gen-close:hover { color: #3a3a3a; }
.bpd-gen-subtitle { margin: 0 0 12px; font-size: 13.5px; color: #5c6a63; line-height: 1.4; }
.bpd-gen-step { margin-bottom: 14px; }
.bpd-gen-step-title { display: block; font-weight: 700; font-size: 14px; color: #2b3d3e; margin-bottom: 6px; }

.bpd-gen-choice { display: flex; gap: 8px; }
.bpd-gen-opt {
	flex: 1; border: 1.5px solid var(--bpd-border); background: #fff;
	padding: 10px 6px; border-radius: 9px; cursor: pointer; font-size: 14px; font-weight: 600;
	color: #33474a; transition: all .12s;
}
.bpd-gen-opt:hover { border-color: var(--bpd-accent); background: #eaf4f4; }
.bpd-gen-opt.active { border-color: var(--bpd-accent); background: var(--bpd-accent); color: #fff; }

.bpd-gen-types { display: flex; gap: 10px; }
.bpd-gen-type {
	flex: 1; border: 1.5px solid var(--bpd-border); background: #fff;
	padding: 8px; border-radius: 10px; cursor: pointer; display: flex; flex-direction: column;
	align-items: center; gap: 7px; transition: all .12s;
}
.bpd-gen-type:hover { border-color: var(--bpd-accent); }
.bpd-gen-type.active { border-color: var(--bpd-accent); box-shadow: 0 0 0 2px rgba(47,122,128,.18); }
.bpd-gen-type-img {
	width: 100%; height: 118px; object-fit: cover; border-radius: 6px;
	background: #f0efe8; border: 1px solid #e6e2d6;
}
.bpd-gen-type-name { font-size: 13px; font-weight: 700; color: #2b3d3e; text-align: center; line-height: 1.25; }

.bpd-gen-fields-modern { display: flex; gap: 14px; flex-wrap: wrap; }
.bpd-gen-num { display: flex; flex-direction: column; gap: 3px; }
.bpd-gen-num .bpd-label,
.bpd-gen-num-sm .bpd-label { font-size: 12.5px; color: #46564f; }
.bpd-gen-num input {
	width: 120px; padding: 8px 10px; border: 1px solid var(--bpd-border); border-radius: 8px;
	font-size: 15px; text-align: center; background: #fff;
}
.bpd-gen-row {
	display: flex; align-items: flex-end; gap: 12px; flex-wrap: wrap;
	padding: 8px 0; border-bottom: 1px dashed var(--bpd-border);
}
.bpd-gen-row:last-child { border-bottom: none; }
.bpd-gen-row-label { flex: 0 0 110px; font-weight: 700; font-size: 13.5px; color: #33474a; align-self: center; }
.bpd-gen-num-sm { display: flex; flex-direction: column; gap: 3px; }
.bpd-gen-num-sm input {
	width: 86px; padding: 7px 8px; border: 1px solid var(--bpd-border); border-radius: 8px;
	font-size: 15px; text-align: center; background: #fff;
}
.bpd-gen-extras { margin-top: 12px; padding-top: 10px; border-top: 1px solid var(--bpd-border); }
.bpd-gen-extras .bpd-label { display: block; font-weight: 700; font-size: 13.5px; color: #2b3d3e; margin-bottom: 6px; }
.bpd-gen-check {
	display: inline-flex; align-items: center; gap: 6px; margin: 0 14px 6px 0;
	font-size: 14px; color: #33474a; cursor: pointer;
}
.bpd-gen-check input { width: 17px; height: 17px; accent-color: var(--bpd-accent); cursor: pointer; }

.bpd-gen-exist {
	margin-top: 12px; padding: 12px; border-radius: 10px;
	background: #fbf6e6; border: 1px solid #e6d8ac;
}
.bpd-gen-exist strong { display: block; color: #7a5c1a; margin-bottom: 3px; }
.bpd-gen-exist p { margin: 0 0 10px; font-size: 13.5px; color: #5c5138; line-height: 1.4; }
.bpd-gen-exist-actions { display: flex; gap: 8px; flex-wrap: wrap; }

@media (max-width: 560px) {
	.bpd-gen-types { flex-direction: column; }
	.bpd-gen-type-img { height: 140px; }
	.bpd-gen-row-label { flex-basis: 100%; }
}

/* Toolbar v7.29: generator-knappen må IKKE skubbe save/eksport-gruppen ned på en ny
   linje. Knappen får en fast, begrænset bredde, og titlen må ombrydes i to linjer. */
.bpd-toolbar-left .bpd-smart-row { flex: 0 1 300px; min-width: 220px; max-width: 320px; }
.bpd-smart-btn { padding: 11px 14px; gap: 9px; }
.bpd-smart-btn-star { font-size: 22px; }
.bpd-smart-btn-text { min-width: 0; }
.bpd-smart-btn-title { font-size: 15px; line-height: 1.2; white-space: normal; }
.bpd-smart-btn-sub { font-size: 11.5px; line-height: 1.2; white-space: normal; }
.bpd-toolbar-left .bpd-tool-group-save { flex: 0 1 auto; min-width: 0; }
.bpd-tool-group-save .bpd-tool-group-btns .bpd-btn { white-space: nowrap; }
@media (max-width: 640px) {
	.bpd-toolbar-left .bpd-smart-row { flex: 1 1 100%; max-width: none; }
}

/* Generator: hjælpetekst + samlet gæstefelt i "borde og stole"-udgaven. */
.bpd-gen-hint { margin: 4px 0 8px; font-size: 12.5px; color: #6b7a72; line-height: 1.35; }
.bpd-gen-total { margin-bottom: 2px; }

/* v7.29 fix: en display:-regel slår "hidden"-attributten ihjel. Skjulte felt-blokke
   (fx den moderne udgaves felter, når man har valgt borde og stole) SKAL være væk. */
.bpd-gen-fields[hidden],
.bpd-gen-overlay [hidden] { display: none !important; }

/* v7.30: toolbaren skal fylde HELE bredden. Generator-knappen strækker sig og
   fylder pladsen mellem retnings-knapperne og save/eksport-gruppen. */
.bpd-toolbar-left { width: 100%; }
.bpd-toolbar-left .bpd-smart-row { flex: 1 1 200px; min-width: 190px; max-width: none; }
.bpd-toolbar-left .bpd-tool-group-save { margin-left: auto; }
.bpd-smart-btn { justify-content: center; }
.bpd-smart-btn-text { flex: 0 1 auto; }
@media (max-width: 640px) {
	.bpd-toolbar-left .bpd-smart-row { flex: 1 1 100%; }
	.bpd-toolbar-left .bpd-tool-group-save { margin-left: 0; }
}

/* ---------- Kontur-tykkelse (tekst-stil) ---------- */
.bpd-txt-outline-w-wrap {
	display: none; align-items: center; gap: 5px;
	padding: 3px 8px; border: 1px solid var(--bpd-border); border-radius: 8px; background: #fff;
}
.bpd-txt-outline-w-wrap.show { display: inline-flex; }
.bpd-txt-outline-w-ico { font-size: 13px; color: #6b7a72; }
.bpd-txt-outline-w { width: 82px; accent-color: var(--bpd-accent); }
.bpd-txt-outline-w-val { font-size: 12px; color: #46564f; min-width: 14px; text-align: right; }

/* ---------- Prik-farve og form ---------- */
.bpd-field-dotcolor { display: flex; flex-direction: column; gap: 3px; }
.bpd-dot-open {
	display: inline-flex; align-items: center; gap: 8px; cursor: pointer;
	padding: 6px 12px; border: 1px solid var(--bpd-border); border-radius: 8px;
	background: #fff; font-size: 14px; color: #33474a;
}
.bpd-dot-open:hover { border-color: var(--bpd-accent); background: #eaf4f4; }
.bpd-dot-preview { display: inline-flex; width: 26px; height: 26px; align-items: center; justify-content: center; }
.bpd-dot-preview svg { display: block; }
.bpd-dot-none-ico { font-size: 15px; line-height: 1; }

.bpd-dot-overlay { z-index: 100050; }              /* ligger oven på bord-modalen */
.bpd-dot-modal { max-width: 520px; max-height: 88vh; overflow-y: auto; }
.bpd-dot-top { display: flex; align-items: flex-end; gap: 14px; flex-wrap: wrap; margin-bottom: 12px; }
.bpd-dot-top .bpd-field { display: flex; flex-direction: column; gap: 3px; }
.bpd-dot-color { width: 70px; height: 36px; padding: 2px; border: 1px solid var(--bpd-border); border-radius: 8px; background: #fff; cursor: pointer; }
.bpd-dot-shapes-label { display: block; font-weight: 700; font-size: 13.5px; color: #2b3d3e; margin-bottom: 6px; }
.bpd-dot-shapes { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.bpd-dot-shape {
	display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 4px;
	padding: 9px 4px; border: 1.5px solid var(--bpd-border); border-radius: 9px; background: #fff;
	cursor: pointer; transition: all .12s; min-height: 62px;
}
.bpd-dot-shape:hover { border-color: var(--bpd-accent); background: #eaf4f4; }
.bpd-dot-shape.active { border-color: var(--bpd-accent); background: #eaf4f4; box-shadow: 0 0 0 2px rgba(47,122,128,.18); }
.bpd-dot-shape svg { display: block; }
.bpd-dot-shape-name { font-size: 10.5px; color: #5c6a63; line-height: 1.1; text-align: center; }
.bpd-dot-shape-none .bpd-dot-none-ico { font-size: 20px; }
@media (max-width: 520px) {
	.bpd-dot-shapes { grid-template-columns: repeat(3, 1fr); }
}

/* Prik: størrelses-vælger i popup'en. */
.bpd-dot-size-field { min-width: 170px; }
.bpd-dot-size-row { display: flex; align-items: center; gap: 8px; }
.bpd-dot-size { width: 110px; accent-color: var(--bpd-accent); }
.bpd-dot-size-val { font-size: 12.5px; color: #46564f; min-width: 38px; }
.bpd-dot-shape svg { transition: width .12s, height .12s; }

/* ---------- Idé-galleri ---------- */
.bpd-ideas-modal { max-width: 720px; max-height: 88vh; overflow-y: auto; position: relative; }
.bpd-ideas-close {
	position: absolute; top: 8px; right: 10px; border: none; background: transparent;
	font-size: 26px; line-height: 1; color: #8a8378; cursor: pointer; padding: 0 4px;
}
.bpd-ideas-close:hover { color: #3a3a3a; }
.bpd-ideas-intro { margin: 0 0 14px; font-size: 14px; color: #5c6a63; line-height: 1.45; }
.bpd-ideas-orient { display: flex; gap: 10px; margin-bottom: 14px; }
.bpd-ideas-ori {
	flex: 1; border: 1.5px solid var(--bpd-border); background: #fff; padding: 11px 8px;
	border-radius: 9px; cursor: pointer; font-size: 14.5px; font-weight: 600; color: #33474a; transition: all .12s;
}
.bpd-ideas-ori:hover { border-color: var(--bpd-accent); background: #eaf4f4; }
.bpd-ideas-ori.active { border-color: var(--bpd-accent); background: var(--bpd-accent); color: #fff; }
.bpd-ideas-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px; }
.bpd-idea-card {
	display: flex; flex-direction: column; gap: 6px; padding: 8px; cursor: pointer;
	border: 1.5px solid var(--bpd-border); border-radius: 10px; background: #fff; transition: all .12s;
}
.bpd-idea-card:hover { border-color: var(--bpd-accent); box-shadow: 0 4px 14px rgba(0,0,0,.08); }
.bpd-idea-thumb {
	width: 100%; height: 170px; object-fit: contain; border-radius: 6px;
	background: #f6f5ef; border: 1px solid #e6e2d6;
}
.bpd-idea-nothumb { display: flex; align-items: center; justify-content: center; font-size: 12px; color: #9aa79a; }
.bpd-idea-card-name { font-size: 13px; font-weight: 600; color: #2b3d3e; line-height: 1.25; text-align: center; }
.bpd-idea-inactive {
	display: inline-block; margin-left: 6px; padding: 1px 6px; border-radius: 20px;
	background: #fbe4e2; color: #8a3227; font-size: 10.5px; font-weight: 700;
}
.bpd-ideas-empty { margin: 10px 0; font-size: 13.5px; color: #8a8378; font-style: italic; }
.bpd-idea-save-btn { background: #fff6dd; border-color: #e6d8ac; }
@media (max-width: 560px) {
	.bpd-ideas-grid { grid-template-columns: 1fr; }
	.bpd-ideas-orient { flex-direction: column; }
}

/* ---------- "Dit billede er på vej ind på bordplanen …" ---------- */
.bpd-canvas-wrap { position: relative; }
.bpd-canvas-loading {
	position: absolute; inset: 0; z-index: 20;
	display: flex; align-items: center; justify-content: center;
	background: rgba(255,255,255,.62); backdrop-filter: blur(1px);
	border-radius: 8px; pointer-events: none;
}
.bpd-canvas-loading[hidden] { display: none; }
.bpd-canvas-loading-box {
	display: flex; align-items: center; gap: 12px;
	padding: 14px 20px; border-radius: 12px;
	background: #fff; border: 1px solid var(--bpd-border);
	box-shadow: 0 6px 22px rgba(0,0,0,.14);
	font-size: 14.5px; color: #2b3d3e; line-height: 1.35; text-align: left;
}
.bpd-canvas-loading-txt small { color: #6b7a72; font-size: 12px; }
.bpd-canvas-spinner {
	flex: 0 0 auto; width: 22px; height: 22px; border-radius: 50%;
	border: 3px solid #dfe6e2; border-top-color: var(--bpd-accent);
	animation: bpd-spin .8s linear infinite;
}
@keyframes bpd-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .bpd-canvas-spinner { animation-duration: 2.4s; } }

/* Gem design: flere anledninger (afkrydsning). */
.bpd-idea-occasions {
	display: grid; grid-template-columns: repeat(2, 1fr); gap: 2px 12px;
	max-height: 170px; overflow-y: auto;
	padding: 8px 10px; border: 1px solid var(--bpd-border); border-radius: 8px; background: #fff;
}
.bpd-idea-occ { display: flex; align-items: center; gap: 6px; font-size: 13.5px; color: #33474a; cursor: pointer; }
.bpd-idea-occ input { accent-color: var(--bpd-accent); cursor: pointer; }

/* v7.41: "Prik-farve og form" må KUN vises ved sæt-tekster – ikke ved "+ Tilføj bord".
   (En display:flex-regel slog "hidden"-attributten ihjel.) */
.bpd-field-dotcolor[hidden] { display: none !important; }