.dm-mobile-social-tools {
	display: none;
}

@media only screen and (max-width: 768px) {
	.dm-mobile-social-tools {
		display: flex;
		align-items: center;
		gap: 6px;
		position: absolute;
		top: calc(var(--wp-admin--admin-bar--height, 0px) + 108px);
		right: 16px;
		z-index: 99998;
	}

	.dm-mobile-social-tools a {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		width: 34px;
		height: 34px;
		border: 1px solid rgb(20 56 82 / 10%);
		border-radius: 999px;
		background: #fff;
		box-shadow: 0 8px 18px rgb(0 0 0 / 8%);
		color: #143852;
		font: 700 14px/1 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
		text-decoration: none;
	}

	.dm-mobile-social-tools a:focus-visible {
		outline: 2px solid #00b8d9;
		outline-offset: 2px;
	}

	.dm-mobile-social-tools svg {
		display: block;
		width: 18px;
		height: 18px;
		fill: currentColor;
	}

	.dm-mobile-social-tools .dm-mobile-social-tools__youtube {
		color: #f00;
	}
	.dm-mobile-social-tools .dm-mobile-social-tools__instagram {
		color: #e4405f;
	}

	/* Keep TranslatePress' native current-page URL and interaction, but place
	 * its flag next to the social links instead of at the bottom of the screen. */
	body nav.trp-language-switcher.trp-floating-switcher {
		--switcher-width: 34px !important;
		--switcher-padding: 0 !important;
		--border-radius: 999px !important;
		--top: calc(var(--wp-admin--admin-bar--height, 0px) + 108px) !important;
		--right: 216px !important;
		--bottom: auto !important;
		--left: auto !important;
		flex-direction: column !important;
		position: absolute !important;
		width: 34px !important;
		height: 34px;
		padding: 0 !important;
		overflow: visible !important;
		border-radius: 999px !important;
		box-shadow: 0 8px 18px rgb(0 0 0 / 8%);
		z-index: 99999;
	}

	body nav.trp-language-switcher.trp-floating-switcher .trp-language-switcher-inner,
	body nav.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list {
		flex-direction: column !important;
	}

	body nav.trp-language-switcher.trp-floating-switcher .trp-language-item {
		box-sizing: border-box;
		justify-content: center;
		gap: 0;
		width: 34px;
		height: 34px;
		min-height: 34px;
		padding: 0;
	}

	body nav.trp-language-switcher.trp-floating-switcher .trp-language-item-name {
		position: absolute !important;
		width: 1px !important;
		height: 1px !important;
		padding: 0 !important;
		margin: -1px !important;
		overflow: hidden !important;
		clip: rect(0, 0, 0, 0) !important;
		white-space: nowrap !important;
		border: 0 !important;
	}

	body nav.trp-language-switcher.trp-floating-switcher .trp-switcher-dropdown-list {
		position: absolute;
		top: calc(100% + 6px);
		right: 0;
		width: 34px;
		border: 1px solid rgb(20 56 82 / 10%);
		border-radius: 999px;
		background: #fff;
		box-shadow: 0 8px 18px rgb(0 0 0 / 8%);
	}
}

@media only screen and (max-width: 359px) {
	.dm-mobile-social-tools {
		gap: 5px;
		right: 12px;
	}

	.dm-mobile-social-tools a,
	body nav.trp-language-switcher.trp-floating-switcher,
	body nav.trp-language-switcher.trp-floating-switcher .trp-language-item {
		width: 30px !important;
		height: 30px;
		min-height: 30px;
	}

	body nav.trp-language-switcher.trp-floating-switcher {
		--switcher-width: 30px !important;
		--right: 187px !important;
	}
}