/**
 * CFM Floating Testimonials - Base Styles
 *
 * The Elementor widget wrapper (.elementor-element) must be positioned
 * absolutely to fill the parent Container. The inner div then fills
 * the wrapper.
 */

/* Elementor widget wrapper — fill the parent Container */
.elementor-widget-cfm-floating-testimonials {
	position: absolute !important;
	inset: 0 !important;
	width: 100% !important;
	height: 100% !important;
	z-index: 0;
	pointer-events: none;
}

.elementor-widget-cfm-floating-testimonials > .elementor-widget-container {
	width: 100%;
	height: 100%;
}

.cfm-floating-testimonials {
	position: relative;
	width: 100%;
	height: 100%;
	pointer-events: none;
	overflow: hidden;
}

.cfm-ft-card {
	position: absolute;
	pointer-events: none;
	opacity: 0;
	max-width: 300px;
	padding: 16px 20px;
	background: rgba(255, 255, 255, 0.95);
	border-radius: 8px;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.12);
}

.cfm-ft-card__text {
	margin: 0 0 8px;
	line-height: 1.5;
}

.cfm-ft-card__name {
	margin: 0;
	font-weight: 600;
	opacity: 0.75;
}

/* Editor preview styles */
.cfm-floating-testimonials--editor {
	position: relative;
	inset: auto;
	min-height: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border: 2px dashed #d5dadf;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.02);
}

.cfm-floating-testimonials--editor .cfm-ft-card--preview {
	position: static;
	opacity: 1;
	pointer-events: auto;
	margin: 12px;
}

.cfm-ft-editor-note {
	margin: 8px 0;
	font-size: 12px;
	color: #93a1af;
	font-style: italic;
}