/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
 */

/* Compact TranslatePress floating switcher on mobile */
@media (max-width: 767px) {
	.trp-language-switcher.trp-floating-switcher {
		right: 12px !important;
		bottom: 12px !important;
		left: auto !important;
		width: 76px !important;
		min-width: 76px !important;
		max-width: 76px !important;
		--switcher-width: 76px !important;
		--switcher-padding: 6px 0 !important;
		--flag-size: 16px !important;
		--font-size: 12px !important;
		--border-radius: 8px !important;
		box-shadow: 0 4px 14px rgba(0, 0, 0, 0.18) !important;
	}

	.trp-language-switcher.trp-floating-switcher .trp-language-switcher-inner,
	.trp-language-switcher.trp-floating-switcher .trp-language-item {
		width: 100% !important;
		min-width: 0 !important;
		box-sizing: border-box !important;
	}

	.trp-language-switcher.trp-floating-switcher .trp-language-item {
		padding: 7px 9px !important;
		gap: 5px !important;
		white-space: nowrap !important;
	}

	.trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name {
		font-size: 0 !important;
	}

	html[lang^="en"] .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after {
		content: "EN";
		font-size: 12px;
	}

	html[lang^="sr"] .trp-language-switcher.trp-floating-switcher .trp-language-item__current .trp-language-item-name::after {
		content: "SR";
		font-size: 12px;
	}
}

/* Keep the switcher visible above the WPVibe mobile preview banner */
@media (max-width: 767px) {
	body:has(#wpvibe-preview-banner) .trp-language-switcher.trp-floating-switcher {
		bottom: 185px !important;
	}
}