/**
 * Social SVG Icons Styling
 * Replaces font icons with SVG and increases size by 1.5x
 */

/* SVG icon base styles */
.dfd-social-icon.dfd-social-svg {
	position: relative;
	overflow: visible;
	margin-right: 3px;
	text-align: center;
	float: left;
	z-index: 1;
	/* Increased size from 20px to 30px (1.5x) */
	font-size: 30px;
	width: 2.5em;
	height: 2.5em!important;
    
	line-height: 2.5em;
	display: inline-block;
	background: transparent;
	border-radius: 4px;
}

.dfd-social-icon.dfd-social-svg svg {
	/* SVG fills the entire container */
	width: 100%;
	height: 100%;
	vertical-align: middle;
	display: block;
	transition: transform 0.3s ease;
	background: transparent;
}

/* Debug: ensure SVG is visible with outline */
.dfd-social-icon.dfd-social-svg:hover {
	opacity: 1;
}

/* Ensure SVG path elements inherit proper fill */
.dfd-social-icon.dfd-social-svg svg path,
.dfd-social-icon.dfd-social-svg svg circle,
.dfd-social-icon.dfd-social-svg svg rect {
	vector-effect: non-scaling-stroke;
}

.dfd-social-icon.dfd-social-svg:hover svg {
	transform: scale(1.1);
}

.dfd-social-icon.dfd-social-svg:last-child {
	margin-right: 0 !important;
}

/* RTL Support */
.rtl .dfd-social-icon.dfd-social-svg {
	margin-left: 3px;
	margin-right: 0;
	float: right;
}

.rtl .dfd-social-icon.dfd-social-svg:last-child {
	margin-left: 0 !important;
}

/* Responsive adjustments */
@media (max-width: 767px) {
	.dfd-social-icon.dfd-social-svg {
		font-size: 24px; /* 1.5x from mobile base 16px */
	}
}

/* Maintain compatibility with existing icon font styles for networks without SVG */
.dfd-soc-icon a:not(.dfd-social-svg) {
	/* Existing font icon styles remain unchanged for backwards compatibility */
	font-size: 30px; /* Increased from 20px (1.5x) */
}

.dfd-soc-icon a:not(.dfd-social-svg):before {
	/* Existing font icon before pseudo-element */
	font-size: 30px; /* Increased from 20px (1.5x) */
}