/**
 * Junify Public Front-end Styles
 */

.ju-clickable-group {
	cursor: pointer;
	transition: opacity 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

/* Optional: Add a very subtle hover effect if desired, but keep it clean */
.ju-clickable-group:hover {
	/* We don't force heavy visual changes since it could clash with user designs,
	   but having a pointer cursor is the standard way to indicate clickability. */
}

/* Reset cursor for nested interactive elements so they behave normally */
.ju-clickable-group a,
.ju-clickable-group button,
.ju-clickable-group input,
.ju-clickable-group select,
.ju-clickable-group textarea,
.ju-clickable-group [role="button"] {
	cursor: auto;
}

/* Map Block Styling */
.ju-map-block-wrapper {
	margin: 24px 0;
	width: 100%;
}

.ju-map-canvas {
	position: relative;
	z-index: 1; /* Keep map controls below header navigation if any */
}

/* Reset WordPress theme image styles inside Leaflet maps */
.ju-map-canvas img {
	max-width: none !important;
	background: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	padding: 0 !important;
}

/* Custom Marker Pin Animation */
.ju-map-pin-inner {
	transition: transform 0.2s ease, background-color 0.2s ease;
	transform-origin: bottom center;
}

.ju-custom-map-pin:hover .ju-map-pin-inner {
	transform: rotate(-45deg) scale(1.15);
	background-color: #dc2626 !important; /* Slightly darker red on hover */
}

/* Map Label Styling */
.ju-map-pin-label {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.ju-custom-map-pin:hover .ju-map-pin-label {
	transform: translateY(-2px);
	box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05) !important;
}