/**
 * IMA Social Follow Styles
 *
 * Minimal CSS for social profile follow links.
 * Color is inherited from parent container (use Bootstrap text-* utilities).
 *
 * @package IMA_Shortcodes
 * @since 1.2.0
 */

/* ==========================================================================
   Container
   ========================================================================== */
.ima-social-follow {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* ==========================================================================
   Link Base
   ========================================================================== */
.ima-social-follow-link {
	color: inherit;
	text-decoration: none;
	line-height: 1;
	transition: opacity 0.15s ease-in-out;
}

.ima-social-follow-link:hover,
.ima-social-follow-link:focus {
	opacity: 0.7;
	color: inherit;
}

.ima-social-follow-link:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

/* ==========================================================================
   Size Variants
   ========================================================================== */
.ima-social-follow--sm {
	font-size: 0.875rem;
	gap: 0.5rem;
}

.ima-social-follow--md {
	font-size: 1.125rem;
	gap: 0.75rem;
}

.ima-social-follow--lg {
	font-size: 1.5rem;
	gap: 1rem;
}