/* ═══════════════════════════════════════════════════════════════════════════
   IDD Site Mariage — Éditeur visuel V2 (canvas + sidebars contextuels)
   ═══════════════════════════════════════════════════════════════════════════ */

.wpmedit2 {
	--wpe-brand: var(--wp-brand, #b5637a);
	--wpe-brand-dark: var(--wp-brand-dark, #9a4f64);
	--wpe-brand-soft: var(--wp-brand-soft, rgba(181,99,122,.08));
	--wpe-ink: var(--wp-ink, #1d1819);
	--wpe-soft: var(--wp-soft, #5d5658);
	--wpe-muted: var(--wp-muted, #8a8285);
	--wpe-line: var(--wp-line, #ece4e6);
	--wpe-surface: #fff;
	--wpe-surface-2: #faf5f3;
	--wpe-bg: #f3eeec;
	--wpe-left-w: 280px;
	--wpe-right-w: 340px;

	position: fixed; inset: 0 0 0 0;     /* plein écran (admin bar virée) */
	background: var(--wpe-bg);
	display: flex; flex-direction: column;
	z-index: 9000;
	font-family: var(--wp-font-sans, 'DM Sans', system-ui, sans-serif);
	color: var(--wpe-ink);
}
/* Si la admin bar reste pour une raison X, on s'adapte */
body.admin-bar .wpmedit2 { top: 32px; }
@media (max-width: 782px) { body.admin-bar .wpmedit2 { top: 46px; } }

/* Le body parent ne doit pas scroller (full app) */
body:has(.wpmedit2) { overflow: hidden; }
.wpmedit2 *, .wpmedit2 *::before, .wpmedit2 *::after { box-sizing: border-box; }

/* ─── TOPBAR ─── */
.wpmedit2__top {
	display: grid; grid-template-columns: 1fr auto 1fr;
	align-items: center; gap: 12px;
	padding: 10px 18px; background: var(--wpe-surface);
	border-bottom: 1px solid var(--wpe-line);
	z-index: 10;
	min-height: 56px;
}
@media (max-width: 880px) {
	.wpmedit2__top {
		grid-template-columns: 1fr auto;
		padding: 8px 12px;
		gap: 8px;
	}
	.wpmedit2__top-c { display: none; }            /* status "Synchronisé" caché */
	.wpmedit2__couple { display: none; }           /* nom couple caché (déjà visible dans hero) */
	.wpmedit2__top-l strong { font-size: .9rem; }
	.wpmedit2__top-l .dashicons { display: none; }
}
@media (max-width: 480px) {
	.wpmedit2__top-l strong { display: none; }     /* "Site de mariage" caché */
	.wpmedit2__btn {
		padding: 8px 12px; font-size: .82rem;
	}
	.wpmedit2__btn .dashicons { display: none; }
}
.wpmedit2__top-l { display: flex; align-items: center; gap: 10px; font-size: .92rem; }
.wpmedit2__top-l .dashicons { color: var(--wpe-brand); }
.wpmedit2__top-c { text-align: center; }
.wpmedit2__top-r { display: flex; gap: 8px; justify-content: flex-end; align-items: center; }
.wpmedit2__couple {
	font-family: var(--wp-font-serif, 'Cormorant Garamond', serif);
	font-size: 1.1rem; color: var(--wpe-soft); margin-left: 10px;
}
.wpmedit2__save {
	display: inline-flex; align-items: center; gap: 6px;
	font-size: .82rem; color: var(--wpe-muted);
}
.wpmedit2__save::before {
	content: ''; width: 8px; height: 8px; border-radius: 50%; background: #43a047;
}
.wpmedit2__save[data-save-state="saving"]::before { background: #f59e0b; animation: wpe-pulse 1.2s infinite; }
.wpmedit2__save[data-save-state="error"]::before { background: #c0392b; }
@keyframes wpe-pulse { 0%,100%{opacity:1} 50%{opacity:.3} }

.wpmedit2__btn {
	display: inline-flex; align-items: center; gap: 6px;
	padding: 8px 14px; background: var(--wpe-surface);
	border: 1px solid var(--wpe-line); border-radius: 999px;
	font-size: .85rem; font-weight: 500; color: var(--wpe-ink);
	cursor: pointer; text-decoration: none; transition: all .15s;
}
.wpmedit2__btn:hover { border-color: var(--wpe-brand); color: var(--wpe-brand); }
.wpmedit2__btn--primary { background: var(--wpe-brand); color: #fff; border-color: var(--wpe-brand); }
.wpmedit2__btn--primary:hover { background: var(--wpe-brand-dark); color: #fff; }
.wpmedit2__btn .dashicons { font-size: 14px; width: 14px; height: 14px; }

.wpmedit2__badge {
	padding: 4px 12px; border-radius: 999px;
	font-size: .68rem; font-weight: 600;
	letter-spacing: .12em; text-transform: uppercase;
}
.wpmedit2__badge--live { background: #d4edda; color: #1e7e34; }

/* ─── LAYOUT 3 colonnes (collapsibles) ─── */
.wpmedit2__layout {
	display: grid;
	grid-template-columns: var(--wpe-left-w) 1fr var(--wpe-right-w);
	flex: 1; min-height: 0; gap: 0;
	position: relative;
	transition: grid-template-columns .25s ease;
}
.wpmedit2[data-left-open="0"]  { --wpe-left-w: 0px; }
.wpmedit2[data-right-open="0"] { --wpe-right-w: 0px; }

@media (max-width: 1180px) {
	.wpmedit2 { --wpe-left-w: 240px; --wpe-right-w: 300px; }
}
@media (max-width: 880px) {
	.wpmedit2__layout {
		grid-template-columns: 1fr;
	}
	.wpmedit2__left, .wpmedit2__right {
		position: fixed !important;
		top: 56px;
		bottom: 56px;                 /* laisse place à la mobile bar */
		width: min(330px, 88vw);
		z-index: 22;
		box-shadow: 0 16px 40px rgba(0,0,0,.18);
		transition: transform .25s ease;
		overflow-y: auto;
	}
	.wpmedit2__left  { left: 0;  transform: translateX(-100%); }
	.wpmedit2__right { right: 0; transform: translateX(100%); }
	.wpmedit2[data-left-open="1"]  .wpmedit2__left  { transform: translateX(0); }
	.wpmedit2[data-right-open="1"] .wpmedit2__right { transform: translateX(0); }
}

/* ─── BACKDROP (visible quand une sidebar mobile est ouverte) ─── */
.wpmedit2__backdrop {
	position: fixed; inset: 0;
	background: rgba(0, 0, 0, .42);
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	opacity: 0; visibility: hidden;
	transition: opacity .25s ease, visibility .25s ease;
	z-index: 18;
	pointer-events: none;
	display: none;
}
@media (max-width: 880px) {
	.wpmedit2__backdrop { display: block; }
	.wpmedit2[data-left-open="1"]  .wpmedit2__backdrop,
	.wpmedit2[data-right-open="1"] .wpmedit2__backdrop {
		opacity: 1; visibility: visible; pointer-events: auto;
	}
}

/* ─── MOBILE BAR (toolbar bas, visible < 880px) ─── */
.wpmedit2__mobile-bar {
	display: none;
	position: fixed; left: 0; right: 0; bottom: 0;
	z-index: 25;
	height: 56px;
	background: var(--wpe-surface);
	border-top: 1px solid var(--wpe-line);
	box-shadow: 0 -6px 16px rgba(0, 0, 0, .06);
	padding: 6px 8px env(safe-area-inset-bottom, 6px);
}
@media (max-width: 880px) {
	.wpmedit2__mobile-bar {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 8px;
	}
}
.wpmedit2__mobile-btn {
	display: inline-flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 2px;
	border: 0;
	background: transparent;
	font: inherit;
	font-size: .68rem;
	font-weight: 600;
	color: var(--wpe-soft);
	border-radius: 12px;
	padding: 4px 6px;
	cursor: pointer;
	transition: background .15s, color .15s;
}
.wpmedit2__mobile-btn:active,
.wpmedit2__mobile-btn:hover { background: var(--wpe-brand-soft); color: var(--wpe-brand); }
.wpmedit2__mobile-btn .dashicons {
	font-size: 18px; width: 18px; height: 18px;
}
.wpmedit2[data-left-open="1"]  .wpmedit2__mobile-btn[data-mobile-open="left"]  { background: var(--wpe-brand-soft); color: var(--wpe-brand); }
.wpmedit2[data-right-open="1"] .wpmedit2__mobile-btn[data-mobile-open="right"] { background: var(--wpe-brand-soft); color: var(--wpe-brand); }

/* Sur mobile, on cache les boutons desktop collapse (▾) — la mobile bar prend le relais */
@media (max-width: 880px) {
	.wpmedit2__collapse { display: none !important; }
	/* Ajoute du padding-bottom au canvas pour ne pas être masqué par la mobile bar */
	.wpmedit2__canvas { padding-bottom: 64px; }
}

/* Boutons toggle (entre topbar et sidebars) */
.wpmedit2__collapse {
	position: absolute;
	top: 12px;
	z-index: 15;
	width: 26px; height: 32px;
	border: 1px solid var(--wpe-line);
	background: var(--wpe-surface);
	cursor: pointer;
	display: inline-flex; align-items: center; justify-content: center;
	padding: 0;
	box-shadow: 0 2px 6px rgba(0,0,0,.06);
	transition: left .25s ease, right .25s ease, transform .15s ease;
}
.wpmedit2__collapse:hover { background: var(--wpe-brand-soft); color: var(--wpe-brand); }
.wpmedit2__collapse .dashicons {
	font-size: 16px; width: 16px; height: 16px;
}
.wpmedit2__collapse--left  {
	left: calc(var(--wpe-left-w) - 13px);
	border-radius: 0 8px 8px 0;
}
.wpmedit2__collapse--right {
	right: calc(var(--wpe-right-w) - 13px);
	border-radius: 8px 0 0 8px;
}
.wpmedit2[data-left-open="0"] .wpmedit2__collapse--left .dashicons {
	transform: scaleX(-1);
}
.wpmedit2[data-right-open="0"] .wpmedit2__collapse--right .dashicons {
	transform: scaleX(-1);
}
@media (max-width: 880px) {
	.wpmedit2__collapse { display: none; }
}

.wpmedit2__left, .wpmedit2__right {
	background: var(--wpe-surface);
	border-right: 1px solid var(--wpe-line);
	overflow-y: auto; padding: 0;
}
.wpmedit2__right { border-right: 0; border-left: 1px solid var(--wpe-line); padding: 20px; }

/* ─── SIDEBAR GAUCHE : onglets ─── */
.wpmedit2__tabs {
	display: grid; grid-template-columns: 1fr 1fr 1fr;
	border-bottom: 1px solid var(--wpe-line);
	position: sticky; top: 0; background: var(--wpe-surface); z-index: 2;
}
.wpmedit2__tab {
	display: inline-flex; flex-direction: column; align-items: center; justify-content: center;
	gap: 4px; padding: 12px 6px; background: transparent; border: 0;
	border-bottom: 2px solid transparent;
	font-size: .72rem; font-weight: 500; color: var(--wpe-muted);
	cursor: pointer; transition: all .15s;
}
.wpmedit2__tab:hover { color: var(--wpe-ink); background: var(--wpe-surface-2); }
.wpmedit2__tab.is-active {
	color: var(--wpe-brand); border-bottom-color: var(--wpe-brand);
	background: var(--wpe-surface);
}
.wpmedit2__tab .dashicons { font-size: 16px; width: 16px; height: 16px; }

.wpmedit2__pane { display: none; padding: 16px; }
.wpmedit2__pane.is-active { display: block; }
.wpmedit2__hint { font-size: .78rem; color: var(--wpe-muted); margin: 0 0 14px; line-height: 1.5; }
.wpmedit2__h4 {
	font-family: var(--wp-font-serif, 'Cormorant Garamond', serif);
	font-size: 1.1rem; font-weight: 500; margin: 16px 0 10px;
}
.wpmedit2__h4:first-child { margin-top: 0; }

/* Sections list */
.wpmedit2__sections { list-style: none; padding: 0; margin: 0; }
.wpmedit2__section {
	display: grid; grid-template-columns: 16px 16px 1fr auto;
	gap: 8px; align-items: center;
	padding: 9px 10px; margin-bottom: 4px;
	background: var(--wpe-surface-2); border-radius: 10px;
	transition: background .15s;
}
.wpmedit2__section:hover { background: #f0e3e5; }
.wpmedit2__section[data-vis="off"] { opacity: .5; }
.wpmedit2__section.is-active-block {
	background: var(--wpe-brand-soft);
	box-shadow: inset 3px 0 0 var(--wpe-brand);
}
.wpmedit2__drag {
	cursor: grab; color: var(--wpe-muted);
	font-size: 16px !important; width: 16px; height: 16px;
}
.wpmedit2__sec-icon {
	color: var(--wpe-brand);
	font-size: 14px !important; width: 14px; height: 14px;
}
.wpmedit2__sec-name {
	background: transparent; border: 0; padding: 0;
	font: inherit; font-size: .85rem; text-align: left;
	cursor: pointer; color: inherit; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.wpmedit2__sec-name:hover { color: var(--wpe-brand); }
.wpmedit2__vis {
	width: 28px; height: 18px; border: 0; border-radius: 999px;
	background: #b0a8aa; cursor: pointer; padding: 0;
	font-size: .55rem; font-weight: 700; color: #fff;
	letter-spacing: .02em; transition: background .15s;
}
.wpmedit2__section[data-vis="public"]  .wpmedit2__vis { background: #43a047; }
.wpmedit2__section[data-vis="invites"] .wpmedit2__vis { background: var(--wpe-brand); }
.wpmedit2__section[data-vis="off"]     .wpmedit2__vis::after { content: '○'; }
.wpmedit2__section[data-vis="public"]  .wpmedit2__vis::after { content: '✓'; }
.wpmedit2__section[data-vis="invites"] .wpmedit2__vis::after { content: '🔒'; font-size: .6rem; }

/* Templates cards */
.wpmedit2__tpls { display: grid; gap: 8px; }
.wpmedit2__tpl {
	display: grid; grid-template-columns: 60px 1fr;
	gap: 10px; align-items: center;
	padding: 8px; background: var(--wpe-surface-2);
	border: 2px solid transparent; border-radius: 10px;
	cursor: pointer; text-align: left; transition: all .15s;
}
.wpmedit2__tpl:hover { border-color: var(--wpe-line); }
.wpmedit2__tpl.is-active { border-color: var(--wpe-brand); background: var(--wpe-brand-soft); }
.wpmedit2__tpl-sw { display: flex; height: 32px; border-radius: 6px; overflow: hidden; }
.wpmedit2__tpl-sw span { flex: 1; }
.wpmedit2__tpl strong {
	font-family: var(--wp-font-serif, 'Cormorant Garamond', serif);
	font-size: .98rem; font-weight: 500;
}

/* Modes radio cards */
.wpmedit2__modes { display: grid; gap: 6px; margin-bottom: 14px; }
.wpmedit2__mode {
	display: grid; gap: 1px; padding: 10px 12px;
	border: 1px solid var(--wpe-line); border-radius: 10px;
	cursor: pointer; transition: all .15s;
}
.wpmedit2__mode input { display: none; }
.wpmedit2__mode strong { font-size: .85rem; }
.wpmedit2__mode small { font-size: .7rem; color: var(--wpe-muted); }
.wpmedit2__mode:hover { border-color: var(--wpe-brand); }
.wpmedit2__mode.is-active { border-color: var(--wpe-brand); background: var(--wpe-brand-soft); }

/* Rows */
.wpmedit2__row { display: grid; gap: 4px; margin-bottom: 12px; }
.wpmedit2__row > span { font-size: .75rem; font-weight: 500; color: var(--wpe-soft); }
.wpmedit2__row input[type="text"],
.wpmedit2__row input[type="url"],
.wpmedit2__row textarea,
.wpmedit2__row select {
	width: 100%; padding: 8px 10px;
	border: 1px solid var(--wpe-line); border-radius: 8px;
	font: inherit; font-size: .88rem;
	background: var(--wpe-surface); color: var(--wpe-ink);
}
.wpmedit2__row input:focus, .wpmedit2__row textarea:focus, .wpmedit2__row select:focus {
	outline: none; border-color: var(--wpe-brand);
	box-shadow: 0 0 0 3px var(--wpe-brand-soft);
}
.wpmedit2__row textarea { resize: vertical; min-height: 70px; }
.wpmedit2__row input[type="range"] { width: 100%; }
.wpmedit2__row--toggle { display: flex; gap: 8px; align-items: flex-start; cursor: pointer; }
.wpmedit2__row--toggle input { margin-top: 3px; flex-shrink: 0; }
.wpmedit2__row--toggle span { font-size: .82rem; }

/* Slug */
.wpmedit2__slug {
	display: flex; border: 1px solid var(--wpe-line); border-radius: 8px;
	overflow: hidden; background: var(--wpe-surface);
}
.wpmedit2__slug > span {
	padding: 8px 10px; background: var(--wpe-surface-2);
	font-size: .75rem; color: var(--wpe-muted); white-space: nowrap;
}
.wpmedit2__slug input { flex: 1; border: 0; padding: 8px 10px; font-size: .82rem; }
.wpmedit2__slug input:focus { outline: none; }
.wpmedit2__slug-status { display: block; font-size: .7rem; margin: 4px 0 10px; min-height: 1em; }
.wpmedit2__slug-status[data-state="ok"]    { color: #43a047; }
.wpmedit2__slug-status[data-state="taken"] { color: #c0392b; }

.wpmedit2__copy { display: flex; gap: 6px; margin: 8px 0 14px; }
.wpmedit2__copy input {
	flex: 1; padding: 7px 9px; font-size: .75rem;
	border: 1px solid var(--wpe-line); border-radius: 6px;
	background: var(--wpe-surface-2); color: var(--wpe-soft);
}
.wpmedit2__copy button {
	padding: 7px 12px; border: 1px solid var(--wpe-line);
	background: var(--wpe-surface); border-radius: 6px;
	font-size: .78rem; cursor: pointer;
}

[data-show-if-mode] { display: none; }
[data-show-if-mode].is-shown { display: grid; }

/* ─── CANVAS CENTRAL (WYSIWYG, fidèle au rendu public) ─── */
.wpmedit2__canvas {
	overflow-y: auto;
	overflow-x: hidden;
	padding: 0;
	background:
		linear-gradient(rgba(0,0,0,.04), rgba(0,0,0,.04)),
		var(--wpe-bg);
}
/* Le device frame mime un viewport réel : sans largeur max, sans border-radius
   qui découperaient le rendu. Identique au rendu /m/{slug}/. */
.wpmedit2__device {
	max-width: none;
	margin: 0;
	background: var(--wpm-surface, #fff);
	min-height: 100%;
}

/* Le wrapper .wpm hérite du theme-engine (vars CSS injectées juste avant) */
.wpmedit2__live { isolation: isolate; }

/* Overlay de sélection — sans couper le rendu */
.wpmedit2__block {
	position: relative;
	transition: box-shadow .15s, outline .15s;
	outline: 0;
}
.wpmedit2__block:hover {
	cursor: pointer;
	box-shadow: inset 0 0 0 2px rgba(181,99,122,.35);
}
.wpmedit2__block.is-active-block {
	box-shadow: inset 0 0 0 3px var(--wpe-brand);
}
.wpmedit2__block[data-vis="off"] { display: none; }

/* Toolbar contextuelle au hover */
.wpmedit2__block-toolbar {
	position: absolute; top: 8px; right: 8px; z-index: 5;
	display: none;
	gap: 4px; align-items: center;
	background: rgba(255,255,255,.96); backdrop-filter: blur(6px);
	padding: 4px 8px 4px 12px;
	border: 1px solid var(--wpe-line);
	border-radius: 999px;
	box-shadow: 0 4px 12px rgba(0,0,0,.08);
}
.wpmedit2__block:hover .wpmedit2__block-toolbar,
.wpmedit2__block.is-active-block .wpmedit2__block-toolbar { display: inline-flex; }
.wpmedit2__block-label {
	font-family: var(--wp-font-sans, 'DM Sans', sans-serif);
	font-size: .68rem; font-weight: 600; color: var(--wpe-brand);
	letter-spacing: .12em; text-transform: uppercase;
}
.wpmedit2__block-btn {
	width: 24px; height: 24px; border-radius: 50%;
	border: 0; background: var(--wpe-brand-soft); color: var(--wpe-brand);
	cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
	padding: 0;
}
.wpmedit2__block-btn:hover { background: var(--wpe-brand); color: #fff; }
.wpmedit2__block-btn .dashicons { font-size: 14px; width: 14px; height: 14px; }

/* État "vide" pour les sections sans contenu */
.wpmedit2__block-empty {
	padding: 60px 24px; text-align: center;
	background: repeating-linear-gradient(45deg, transparent 0 8px, var(--wpe-surface-2) 8px 16px);
	border: 1px dashed var(--wpe-line);
	margin: 8px 24px;
	border-radius: 10px;
}
.wpmedit2__block-empty p {
	font-family: var(--wp-font-sans, 'DM Sans', sans-serif);
	font-size: 1rem; font-weight: 500; color: var(--wpe-muted);
	margin: 0 0 4px;
}
.wpmedit2__block-empty small {
	font-family: var(--wp-font-sans, 'DM Sans', sans-serif);
	font-size: .78rem; color: var(--wpe-muted);
}

/* ─── PANNEAU DROIT contextuel ─── */
.wpmedit2__panel-empty {
	text-align: center; padding: 60px 24px;
	color: var(--wpe-muted);
}
.wpmedit2__panel-empty .dashicons {
	font-size: 32px; width: 32px; height: 32px; opacity: .4;
	margin-bottom: 12px;
}
.wpmedit2__panel-empty p { font-size: .88rem; line-height: 1.6; margin: 0; }

.wpmedit2__panel header {
	padding-bottom: 12px; margin-bottom: 16px;
	border-bottom: 1px solid var(--wpe-line);
}
.wpmedit2__panel header h3 {
	font-family: var(--wp-font-serif, 'Cormorant Garamond', serif);
	font-size: 1.3rem; font-weight: 500; margin: 0;
}
.wpmedit2__panel--info p {
	font-size: .88rem; line-height: 1.6; color: var(--wpe-soft);
	background: var(--wpe-surface-2);
	padding: 14px; border-radius: 10px;
}

/* Upload */
.wpmedit2__upload {
	position: relative; min-height: 140px;
	border: 2px dashed var(--wpe-line); border-radius: 10px;
	display: flex; align-items: center; justify-content: center;
	background: var(--wpe-surface-2); overflow: hidden;
}
.wpmedit2__upload:hover { border-color: var(--wpe-brand); }
.wpmedit2__upload img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wpmedit2__upload button {
	position: relative; z-index: 2;
	padding: 8px 14px; border: 0; border-radius: 999px;
	background: rgba(255,255,255,.92); backdrop-filter: blur(4px);
	font-size: .82rem; cursor: pointer;
}
.wpmedit2__upload.is-uploading::before {
	content: ''; position: absolute; inset: 0; z-index: 1;
	background: rgba(0,0,0,.4) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 40 40'><circle cx='20' cy='20' r='15' fill='none' stroke='%23fff' stroke-width='3' stroke-dasharray='30 60' stroke-linecap='round'><animateTransform attributeName='transform' type='rotate' from='0 20 20' to='360 20 20' dur='1s' repeatCount='indefinite'/></circle></svg>") center/32px no-repeat;
}

/* Liste "places" (hébergement / commerces) — éditeur */
.wpmedit2__places { display: grid; gap: 10px; margin-bottom: 10px; }
.wpmedit2__place {
	padding: 12px; background: var(--wpe-surface-2);
	border: 1px solid var(--wpe-line); border-radius: 10px;
	display: grid; gap: 6px;
}
.wpmedit2__place-head { display: flex; align-items: center; gap: 8px; }
.wpmedit2__place-head .dashicons { color: var(--wpe-muted); cursor: grab; }
.wpmedit2__place-title-input {
	flex: 1; padding: 6px 8px; border: 1px solid var(--wpe-line);
	border-radius: 6px; font: inherit; font-size: .9rem; font-weight: 500;
}
.wpmedit2__place-del {
	width: 24px; height: 24px; border: 0; border-radius: 50%;
	background: transparent; color: #c0392b; cursor: pointer; padding: 0;
}
.wpmedit2__place-del:hover { background: rgba(192,57,43,.12); }
.wpmedit2__place-fields { display: grid; gap: 6px; }
.wpmedit2__place-fields input, .wpmedit2__place-fields textarea {
	width: 100%; padding: 6px 8px;
	border: 1px solid var(--wpe-line); border-radius: 6px;
	font: inherit; font-size: .8rem; background: #fff;
}
.wpmedit2__place-fields textarea { resize: vertical; min-height: 50px; }
.wpmedit2__place-img {
	position: relative; min-height: 100px;
	border: 2px dashed var(--wpe-line); border-radius: 8px;
	display: flex; align-items: center; justify-content: center;
	background: #fff; overflow: hidden; cursor: pointer;
}
.wpmedit2__place-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.wpmedit2__place-img span { font-size: .78rem; color: var(--wpe-muted); z-index: 2; padding: 4px 8px; background: rgba(255,255,255,.85); border-radius: 6px; }
.wpmedit2__btn-add {
	width: 100%; padding: 10px;
	border: 1px dashed var(--wpe-brand);
	background: var(--wpe-brand-soft); color: var(--wpe-brand);
	border-radius: 10px; font: inherit; font-size: .85rem;
	font-weight: 500; cursor: pointer; transition: all .15s;
}
.wpmedit2__btn-add:hover { background: var(--wpe-brand); color: #fff; }