/* ==========================================================================
   On-page inline editor (About, Contact, Achievements, Gallery, Download,
   and every other page). Only ever visible to a signed-in admin.
   ========================================================================== */

.site-edit-toggle {
	position: fixed;
	bottom: 24px;
	right: 24px;
	z-index: 99999;
	background: #2f9e44;
	color: #fff;
	border: none;
	padding: 12px 20px;
	border-radius: 30px;
	font-size: 14px;
	font-weight: 600;
	font-family: Arial, Helvetica, sans-serif;
	box-shadow: 0 4px 14px rgba(0,0,0,0.3);
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 8px;
}

.site-edit-toggle:hover {
	background: #237a34;
}

.site-edit-toggle.is-editing {
	background: #e8590c;
}

.site-edit-toolbar {
	position: fixed;
	bottom: 78px;
	right: 24px;
	z-index: 99999;
	background: #fff;
	border-radius: 10px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.25);
	padding: 14px 16px;
	display: flex;
	align-items: center;
	gap: 10px;
	font-family: Arial, Helvetica, sans-serif;
	max-width: 320px;
}

.site-edit-toolbar .btn-save,
.site-edit-toolbar .btn-cancel {
	border: none;
	padding: 9px 16px;
	border-radius: 6px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
}

.site-edit-toolbar .btn-save {
	background: #2f9e44;
	color: #fff;
}

.site-edit-toolbar .btn-cancel {
	background: #f1f3f5;
	color: #333;
}

.site-edit-toolbar .save-msg {
	font-size: 12px;
	color: #2f9e44;
	font-weight: 600;
}

.site-editable-region.editing-region {
	outline: 3px dashed #e8590c;
	outline-offset: 6px;
	background: rgba(232, 89, 12, 0.04);
	cursor: text;
	min-height: 40px;
}

.editing-region [data-editable-img] {
	position: relative;
	cursor: pointer !important;
	outline: 2px dashed #2f9e44;
	outline-offset: 2px;
}

.editing-region [data-editable-img]::after {
	content: "\1F4F7  Click to replace image";
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(47, 158, 68, 0.9);
	color: #fff;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	padding: 3px 0;
	pointer-events: none;
}

.site-edit-hint {
	position: fixed;
	bottom: 78px;
	right: 24px;
	z-index: 99998;
	background: #212529;
	color: #fff;
	padding: 10px 14px;
	border-radius: 8px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	max-width: 260px;
	box-shadow: 0 4px 14px rgba(0,0,0,0.3);
}