/* =========================================================================
   TraslatorSE — frontend styles
   ========================================================================= */

/* Hide the top-of-page Google Translate banner that normally appears.
   We manage display ourselves via the widget element. */
body > .skiptranslate {
	display: none !important;
}

/* Prevent the 3-px body offset Google Translate adds when the banner shows. */
body {
	top: 0 !important;
}

/* -------------------------------------------------------------------------
   Wrapper element
   ------------------------------------------------------------------------- */
#traslator-se-wrap {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	font-size: 14px;
	z-index: 9999;
}

/* -------------------------------------------------------------------------
   Floating position (default)
   ------------------------------------------------------------------------- */
#traslator-se-wrap.traslator-se-floating {
	position: fixed;
	bottom: 20px;
	right: 20px;
	background: #fff;
	border: 1px solid #d0d0d0;
	border-radius: 8px;
	padding: 8px 12px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, .15);
}

/* -------------------------------------------------------------------------
   Header position
   ------------------------------------------------------------------------- */
#traslator-se-wrap.traslator-se-header {
	width: 100%;
	background: #f8f8f8;
	border-bottom: 1px solid #e0e0e0;
	padding: 6px 16px;
	text-align: right;
}

/* -------------------------------------------------------------------------
   Footer position
   ------------------------------------------------------------------------- */
#traslator-se-wrap.traslator-se-footer {
	width: 100%;
	background: #f8f8f8;
	border-top: 1px solid #e0e0e0;
	padding: 8px 16px;
	text-align: center;
}

/* -------------------------------------------------------------------------
   Google Translate combo-box tweaks
   ------------------------------------------------------------------------- */
#traslator-se-wrap .goog-te-combo {
	padding: 4px 8px;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #fff;
	color: #333;
	font-size: 13px;
	cursor: pointer;
}

#traslator-se-wrap .goog-te-gadget {
	color: transparent; /* hide "Powered by" text colour */
	font-size: 0 !important;
}

#traslator-se-wrap .goog-te-gadget a,
#traslator-se-wrap .goog-te-gadget > span {
	display: none !important; /* hide the "Powered by Google Translate" link */
}

#traslator-se-wrap .goog-te-gadget .goog-te-combo {
	font-size: 13px !important;
}