/**
 * Divi Swiss Cheese Frontend Styles
 */

/* Alignment helpers for shortcodes & builder modules */
.divi-swiss-cheese-align-center {
	text-align: center !important;
	float: none !important;
	display: block !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

.divi-swiss-cheese-align-center li {
	float: none !important;
	display: inline-block !important;
}

.divi-swiss-cheese-align-left {
	text-align: left !important;
	float: left !important;
}

.divi-swiss-cheese-align-right {
	text-align: right !important;
	float: right !important;
}

/* Embedded SVG icons styling for modern networks */
.et-social-icon .divi-swiss-cheese-svg-icon {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	line-height: 1;
	vertical-align: middle;
}

.et-social-icon .divi-swiss-cheese-svg-icon svg {
	width: 1em;
	height: 1em;
	fill: currentColor;
	transition: fill 0.3s ease, transform 0.2s ease;
}

/* When SVG is present, suppress default :before pseudo-element icon */
.et-social-threads a.icon:before,
.et-social-bluesky a.icon:before,
.et-social-discord a.icon:before {
	display: none !important;
	content: "" !important;
}

/* Smooth Icon Hover Transitions */
.divi-swiss-cheese-icons li a {
	transition: color 0.3s ease, fill 0.3s ease, transform 0.2s ease !important;
}

.divi-swiss-cheese-icons li a:hover {
	transform: translateY(-2px);
}

/* Custom Per-Icon Colors */
.et-social-icon[style*="--swiss-icon-color"] a.icon {
	color: var(--swiss-icon-color) !important;
}

.et-social-icon[style*="--swiss-icon-color"] a.icon .divi-swiss-cheese-svg-icon svg {
	fill: var(--swiss-icon-color) !important;
}

/* Fallback icons for custom links */
.et-social-custom a.icon:before {
	content: "\e089"; /* Link icon in ETmodules */
	font-family: "ETmodules" !important;
}

/* Explicit ETmodules Font Glyphs to bypass Divi Dynamic CSS stripping */
#footer-bottom .et-social-icon.et-social-linkedin a.icon:before,
#top-header .et-social-icon.et-social-linkedin a.icon:before,
.et-social-icons .et-social-icon.et-social-linkedin a.icon:before,
.et-social-icon.et-social-linkedin a.icon:before {
	content: "\e09d" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-instagram a.icon:before,
#top-header .et-social-icon.et-social-instagram a.icon:before,
.et-social-icons .et-social-icon.et-social-instagram a.icon:before,
.et-social-icon.et-social-instagram a.icon:before {
	content: "\e09a" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-facebook a.icon:before,
#top-header .et-social-icon.et-social-facebook a.icon:before,
.et-social-icons .et-social-icon.et-social-facebook a.icon:before,
.et-social-icon.et-social-facebook a.icon:before {
	content: "\e093" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-twitter a.icon:before,
#top-header .et-social-icon.et-social-twitter a.icon:before,
.et-social-icons .et-social-icon.et-social-twitter a.icon:before,
.et-social-icon.et-social-twitter a.icon:before {
	content: "\e094" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-youtube a.icon:before,
#top-header .et-social-icon.et-social-youtube a.icon:before,
.et-social-icons .et-social-icon.et-social-youtube a.icon:before,
.et-social-icon.et-social-youtube a.icon:before {
	content: "\e0a3" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-tiktok a.icon:before,
#top-header .et-social-icon.et-social-tiktok a.icon:before,
.et-social-icons .et-social-icon.et-social-tiktok a.icon:before,
.et-social-icon.et-social-tiktok a.icon:before {
	content: "\e0b8" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-whatsapp a.icon:before,
#top-header .et-social-icon.et-social-whatsapp a.icon:before,
.et-social-icons .et-social-icon.et-social-whatsapp a.icon:before,
.et-social-icon.et-social-whatsapp a.icon:before {
	content: "\e0b6" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-pinterest a.icon:before,
#top-header .et-social-icon.et-social-pinterest a.icon:before,
.et-social-icons .et-social-icon.et-social-pinterest a.icon:before,
.et-social-icon.et-social-pinterest a.icon:before {
	content: "\e095" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-spotify a.icon:before,
#top-header .et-social-icon.et-social-spotify a.icon:before,
.et-social-icons .et-social-icon.et-social-spotify a.icon:before,
.et-social-icon.et-social-spotify a.icon:before {
	content: "\e0b1" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-github a.icon:before,
#top-header .et-social-icon.et-social-github a.icon:before,
.et-social-icons .et-social-icon.et-social-github a.icon:before,
.et-social-icon.et-social-github a.icon:before {
	content: "\e0aa" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

#footer-bottom .et-social-icon.et-social-rss a.icon:before,
#top-header .et-social-icon.et-social-rss a.icon:before,
.et-social-icons .et-social-icon.et-social-rss a.icon:before,
.et-social-icon.et-social-rss a.icon:before {
	content: "\e09e" !important;
	font-family: "ETmodules" !important;
	display: inline-block !important;
}

/* Header & Footer inline alignment */
#top-header .divi-swiss-cheese-icons {
	display: inline-block;
}

#top-header .divi-swiss-cheese-icons li {
	display: inline-block;
	vertical-align: middle;
}

#footer-bottom .divi-swiss-cheese-icons {
	display: inline-block;
}

#footer-bottom .divi-swiss-cheese-icons li {
	display: inline-block;
	vertical-align: middle;
}
