/* Pharma Icons - Sizing, Colors, Backgrounds, Animations */
.pharma-icon {
	width: 1.25rem;
	height: 1.25rem;
	display: inline-block;
	vertical-align: middle;
	fill: currentColor; /* solid icons use fill */
	/* Don't force stroke:none; allow stroked paths to render properly */
}

/* Sizes */
.pharma-icon--small { width: 1rem; height: 1rem; }
.pharma-icon--large { width: 1.75rem; height: 1.75rem; }
.pharma-icon--xl { width: 2.25rem; height: 2.25rem; }

/* Colors */
.pharma-icon--primary { color: #008c69; }
.pharma-icon--secondary { color: #523db8; }
.pharma-icon--success { color: #00c389; }
.pharma-icon--warning { color: #ffb020; }
.pharma-icon--danger { color: #ff6b6b; }
.pharma-icon--info { color: #008c69; }
.pharma-icon--white { color: #ffffff; }
.pharma-icon--muted { color: #94a3b8; }

/* Background badge style */
.pharma-icon-bg {
	padding: 0.5rem;
	border-radius: 999px;
	background: rgba(0, 140, 105, 0.1);
	box-shadow: 0 2px 8px rgba(0,0,0,0.06);
}
.pharma-icon-bg--primary { background: rgba(0, 140, 105, 0.12); color: #006e53; }
.pharma-icon-bg--success { background: rgba(0, 195, 137, 0.12); color: #00a372; }
.pharma-icon-bg--warning { background: rgba(255, 176, 32, 0.12); color: #d99000; }
.pharma-icon-bg--danger { background: rgba(255, 107, 107, 0.12); color: #e24545; }

/* Simple animations */
@keyframes pharma-pulse {
	0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(103,126,234,0)); }
	50% { transform: scale(1.06); filter: drop-shadow(0 0 8px rgba(103,126,234,0.35)); }
}
.pharma-icon--pulse { animation: pharma-pulse 1.8s ease-in-out infinite; }

@keyframes pharma-bounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-3px); }
}
.pharma-icon--bounce { animation: pharma-bounce 1.4s ease-in-out infinite; }

@keyframes pharma-rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
.pharma-icon--rotate { animation: pharma-rotate 1.2s linear infinite; }

.pharma-icon--glow { filter: drop-shadow(0 0 8px rgba(103,126,234,0.35)); }

/* RTL helper spacing when used with text */
[dir="rtl"] .pharma-icon + span,
[dir="rtl"] span + .pharma-icon { margin-right: 0.375rem; }
[dir="ltr"] .pharma-icon + span,
[dir="ltr"] span + .pharma-icon { margin-left: 0.375rem; }