/**
 * DaazMarkets PRO � Market Pulse widget
 * Styles for [daaz_gmp_market_pulse]
 *
 * Card appearance (border, shadow, hover, price, change colours) is handled
 * by the existing .gmp-card rules in the FREE plugin's style.css.
 * This file only provides the emoji icon circle override.
 */

/* -- Icon circle � overrides the <img>-specific rules on .gmp-card-icon -- */
span.gmp-card-icon.daaz-mp-icon {
	display: flex !important;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	flex-shrink: 0;
	font-size: 18px;
	line-height: 1;
	font-weight: 700;
	object-fit: unset;
	background: var(--gmp-bg-tertiary, #f1f5f9);
	border: 1px solid var(--gmp-border, #e2e8f0);
	overflow: hidden;
}
.daaz_gmp_widget .gmp-card-icon img,
.daaz_gmp_widget img.gmp-card-icon {
	width: 32px !important;
	height: 32px !important;
	max-width: 32px !important;
	max-height: 32px !important;
	object-fit: cover !important;
	border-radius: 50% !important;
}

.daaz-mp-icon--crypto     { color: #f7931a; background: rgba(247,147,26,.12); }
.daaz-mp-icon--stocks     { color: #0ea5e9; background: rgba(14,165,233,.12); }
.daaz-mp-icon--forex      { color: #10b981; background: rgba(16,185,129,.12); }
.daaz-mp-icon--commodity  { color: #f59e0b; background: rgba(245,158,11,.12); }
.daaz-mp-icon--fear-greed { color: #8b5cf6; background: rgba(139,92,246,.12); }

/* ── Fear & Greed compact gauge card ─────────────────────────────────────── */
.daaz-mp-fng-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 4px;
	padding: 12px !important;
}
.daaz-mp-fng-title {
	font-size: 0.75rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.05em;
	color: var(--gmp-text-secondary, #64748b);
}
.daaz-mp-fng-gauge {
	width: 100%;
	max-width: 200px;
}
.daaz-mp-fng-gauge .daaz-gmp-fng-svg {
	width: 100%;
	height: auto;
	display: block;
}
.daaz-mp-fng-classification {
	font-size: 0.875rem;
	font-weight: 700;
	text-align: center;
}