/* ============================= */
/* .tcv placeholder styling */
.tcv {
  display: inline-block;
  min-width: 60px;
  height: 1em;
  background: rgba(0,0,0,0.05);
  border-radius: 3px;
  text-align: center;
  color: #666;
  font-style: italic;
  padding: 0 4px;
  position: relative;
  overflow: hidden;
}
.tcv::after {
  content: "Loading";
  display: inline-block;
  animation: loadingDots 1.5s infinite;
}
@keyframes loadingDots {
  0%,20% { content: "Loading"; }
  40% { content: "Loading."; }
  60% { content: "Loading.."; }
  80%,100% { content: "Loading..."; }
}

/* ============================= */
/* echte link styling (.tcv-link) */
.tcv-link {
  color: inherit;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  transition: color 0.2s;
  opacity: 0; /* start hidden */
  transform: translateY(10px); /* start iets lager */
}
.tcv-link.visible {
  animation: fadeUp 0.6s forwards;
}
@keyframes fadeUp {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

.tcv-link:hover { color:#007BFF; cursor:pointer; }
.tcv-link .tcv-icon { font-size:0.85em; margin-right:0.25em; opacity:0.6; display:inline-block; }
.tcv-link .fa-whatsapp { color:#25D366; }

/* kleurvarianten */
.tcv-link[data-color="light"] { color:#ccc; }
.tcv-link[data-color="dark"] { color:#444; }

/* contact-lijsten */
.contact-list li { margin-bottom:0.5em; display:flex; align-items:center; }
.contact-list .tcv-link .tcv-icon { margin-right:0.5em; }

/* ============================= */
/* CKEditor/TinyMCE compatibiliteit */
.ck-content .tcv, .mce-content-body .tcv {
  background: rgba(0,0,0,0.05);
  border-radius: 3px;
  padding:0 2px;
  color:#666;
  font-style:italic;
  display: inline-block;
  min-width: 60px;
  height: 1em;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.ck-content .tcv::after, .mce-content-body .tcv::after {
  content: "Loading";
  display: inline-block;
  animation: loadingDots 1.5s infinite;
}