/**
 * RankEffect Widgets - Frontend Styles
 * 
 * @package RankEffect_Widgets
 * @version 1.0.0
 */

/* ==========================================================================
   RankEffect Brand Variables
   ========================================================================== */
:root {
	--re-primary: #0066cc;
	--re-primary-dark: #004fa3;
	--re-secondary: #00cc99;
	--re-accent: #ff6b35;
}

/* ==========================================================================
   Global Widget Styles
   ========================================================================== */
.re-widget {
	position: relative;
}

.re-widget * {
	box-sizing: border-box;
}

/* Smooth animations */
.re-animate {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* ==========================================================================
   Placeholder Styles (werden durch Widget-spezifische Styles ersetzt)
   ========================================================================== */
.re-placeholder {
	padding: 40px;
	text-align: center;
	background: #f9fafb;
	border: 2px dashed #d1d5db;
	border-radius: 8px;
}

.re-placeholder-icon {
	font-size: 48px;
	color: #9ca3af;
	margin-bottom: 16px;
}

.re-placeholder-text {
	font-size: 16px;
	color: #6b7280;
	margin: 0;
}