/* =========================================================
   8530CLOUD — GTRANSLATE COMPONENT
   Native GTranslate bridge

   IMPORTANT
   ---------------------------------------------------------
   The native GTranslate bridge must remain present in the DOM.
   header.js uses these native translation links to trigger
   GTranslate.

   This stylesheet removes the bridge from the visible layout
   without using display:none.
   ========================================================= */


/* =========================================================
   GTRANSLATE — NATIVE BRIDGE
   ========================================================= */

.c8530-gtranslate-bridge,
.c8530-gtranslate-content-bridge {
	position: absolute !important;

	left: -10000px !important;
	top: auto !important;

	width: 1px !important;
	height: 1px !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden !important;

	border: 0 !important;

	white-space: nowrap !important;

	clip: rect(0 0 0 0) !important;
	clip-path: inset(50%) !important;

	pointer-events: none !important;
}


/* =========================================================
   GTRANSLATE — CHILD ELEMENT SAFETY
   ========================================================= */

.c8530-gtranslate-bridge *,
.c8530-gtranslate-content-bridge * {
	max-width: none !important;
	max-height: none !important;
}


/* =========================================================
   GTRANSLATE — LINKS
   Keep native links technically available to JavaScript.
   ========================================================= */

.c8530-gtranslate-bridge a,
.c8530-gtranslate-content-bridge a {
	pointer-events: auto !important;
}


/* =========================================================
   GTRANSLATE — WORDPRESS BLOCK WRAPPERS
   Prevent WordPress block styles from creating layout space.
   ========================================================= */

.c8530-gtranslate-bridge.wp-block-group,
.c8530-gtranslate-content-bridge.wp-block-group {
	position: absolute !important;

	left: -10000px !important;

	width: 1px !important;
	height: 1px !important;

	min-width: 0 !important;
	min-height: 0 !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden !important;
}


/* =========================================================
   GTRANSLATE — EDITOR
   Keep bridge outside the visual editor canvas as well.
   ========================================================= */

.editor-styles-wrapper .c8530-gtranslate-bridge,
.editor-styles-wrapper .c8530-gtranslate-content-bridge {
	position: absolute !important;

	left: -10000px !important;
	top: auto !important;

	width: 1px !important;
	height: 1px !important;

	margin: 0 !important;
	padding: 0 !important;

	overflow: hidden !important;
}


/* =========================================================
   GTRANSLATE — GOOGLE GENERATED ELEMENTS

   Do not use display:none on the native 8530Cloud bridge.
   Generated Google UI may however be visually suppressed.
   ========================================================= */

.goog-te-banner-frame,
.goog-te-banner-frame.skiptranslate,
.goog-te-balloon-frame {
	visibility: hidden !important;
}


/* Prevent Google translation UI from moving the page down. */

html,
body {
	top: 0 !important;
}


/* =========================================================
   GTRANSLATE — ACCESSIBILITY / MOTION
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

	.c8530-gtranslate-bridge *,
	.c8530-gtranslate-content-bridge * {
		transition: none !important;
		animation: none !important;
	}
}