/**
 * Controlled visual overrides — font presets and position offsets.
 * Never contains user-authored CSS strings.
 */

.wwb-font-editorial {
	font-family: "Playfair Display", Georgia, serif !important;
	font-weight: 600 !important;
	font-style: normal !important;
	letter-spacing: 0.04em !important;
	line-height: 1.15 !important;
}

.wwb-font-romantic {
	font-family: "Mrs Saint Delafield", "Palatino Linotype", cursive !important;
	font-weight: 400 !important;
	font-style: normal !important;
	letter-spacing: 0.02em !important;
	line-height: 1.2 !important;
}

.wwb-font-classic {
	font-family: "Cormorant Garamond", "Times New Roman", serif !important;
	font-weight: 500 !important;
	font-style: normal !important;
	letter-spacing: 0.06em !important;
	line-height: 1.25 !important;
}

.wwb-has-offset {
	position: relative;
	transform: translate(var(--wwb-tx, 0px), var(--wwb-ty, 0px));
}

@media (max-width: 768px) {
	.wwb-has-offset {
		transform: translate(
			var(--wwb-tx-tablet, var(--wwb-tx, 0px)),
			var(--wwb-ty-tablet, var(--wwb-ty, 0px))
		);
	}
}

@media (max-width: 390px) {
	.wwb-has-offset {
		transform: translate(
			var(--wwb-tx-mobile, var(--wwb-tx-tablet, var(--wwb-tx, 0px))),
			var(--wwb-ty-mobile, var(--wwb-ty-tablet, var(--wwb-ty, 0px)))
		);
	}
}

.wwb-slot {
	margin: 2.5rem auto;
	max-width: 720px;
	padding: 0 1.5rem;
}

.wwb-slot__notice {
	font-size: 0.95rem;
	opacity: 0.8;
}

.wwb-visual-edit .wwb-editable {
	outline: 1px solid transparent;
	cursor: pointer;
	transition: outline-color 0.15s ease;
}

.wwb-visual-edit .wwb-editable:hover,
.wwb-visual-edit .wwb-editable.is-hovered {
	outline-color: rgba(180, 140, 90, 0.55);
}

.wwb-visual-edit .wwb-editable.is-selected {
	outline-color: rgba(140, 90, 40, 0.9);
}

.wwb-edit-chip {
	position: absolute;
	z-index: 9999;
	display: none;
	align-items: center;
	justify-content: center;
	min-width: 1.6rem;
	height: 1.6rem;
	padding: 0 0.35rem;
	border-radius: 999px;
	background: rgba(32, 24, 16, 0.82);
	color: #f7f1e6;
	font-size: 0.7rem;
	pointer-events: none;
	transform: translate(-50%, -120%);
}

.wwb-visual-edit .wwb-edit-chip.is-visible {
	display: flex;
}