:root{ --bubble-bg: url('./assets/img/inde2.png'); }

/* Videobublina: vynutit podklad */
.js-video-bubble {
  background-image: var(--bubble-bg) !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

/* Barva textu bublin */
a.zui, a.zui:link, a.zui:visited, a.zui:hover, a.zui:active { color:#fff !important; text-decoration:none; }
a .zui .label { color:#fff !important } /* požadovaný zápis */
a.zui .label { color:#fff !important }  /* korekce selektoru */

/* Viditelnost a tvar */
.zui { display:inline-flex; align-items:center; justify-content:center; position:absolute; border-radius:50%; overflow:hidden; text-align:center; z-index:50 !important; }
.zui .label { display:block; font-weight:600; padding:0.25rem 0.5rem; }
.zui--big { width: 220px; height: 220px; }
.zui--small { width: 56px; height: 56px; font-size: 12px; }

/* Rohové pozice */
.zui--home { top:16px; left:16px; }
.zui--mail { top:16px; right:16px; }
.zui--pdf  { top:88px; right:16px; }

/* Podklad velkých bublin */
.zui--big.zui--with-bg { background-image: var(--bubble-bg); background-size: cover; background-position: center; }