/* Social Contacts — floating icon bar.
   All size/offset values come from CSS custom properties printed
   by the plugin from the saved admin settings. */

.social-contacts {
	position: fixed;
	z-index: 99999;
	display: flex;
	flex-direction: column;
	gap: var(--sc-gap, 10px);
}

/* Horizontal side */
.social-contacts.sc-side-right {
	right: var(--sc-offset-side, 15px);
}

.social-contacts.sc-side-left {
	left: var(--sc-offset-side, 15px);
}

/* Vertical alignment */
.social-contacts.sc-valign-top {
	top: var(--sc-offset-v, 30px);
}

.social-contacts.sc-valign-bottom {
	bottom: var(--sc-offset-v, 30px);
}

.social-contacts.sc-valign-middle {
	top: 50%;
	transform: translateY(-50%);
}

/* Buttons */
.social-contacts .sc-item {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	width: var(--sc-size, 48px);
	height: var(--sc-size, 48px);
	border-radius: var(--sc-radius, 50%);
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.25);
	text-decoration: none;
	transition: transform 0.15s ease, box-shadow 0.15s ease;
}

.social-contacts .sc-item:hover,
.social-contacts .sc-item:focus {
	transform: scale(1.1);
	box-shadow: 0 4px 14px rgba(0, 0, 0, 0.3);
}

.social-contacts .sc-item .dashicons {
	font-size: var(--sc-glyph, 24px);
	width: var(--sc-glyph, 24px);
	height: var(--sc-glyph, 24px);
	line-height: 1;
	color: inherit;
}

.social-contacts .sc-glyph-img {
	width: var(--sc-glyph, 24px);
	height: var(--sc-glyph, 24px);
	object-fit: contain;
	display: block;
}

/* Tooltip label */
.social-contacts .sc-tooltip {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	font-size: 13px;
	line-height: 1;
	padding: 6px 10px;
	border-radius: 4px;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.15s ease;
}

.social-contacts.sc-side-right .sc-tooltip {
	right: calc(100% + 10px);
}

.social-contacts.sc-side-left .sc-tooltip {
	left: calc(100% + 10px);
}

.social-contacts .sc-item:hover .sc-tooltip,
.social-contacts .sc-item:focus .sc-tooltip {
	opacity: 1;
	visibility: visible;
}