/*
 * Author: Michael Finkenberger
 * @since V2.5.24.0
 * Last change in plugin version: -
 * Date: 21.03.2026
 * Tested with the latest plugin version
*/


.foodle-copy-inline {
  position: relative;
  cursor: pointer;
  color: #4ea1ff;
  text-decoration: underline dotted;
}

.foodle-copy-inline::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%) translateY(4px);
  background: LemonChiffon;
  color: darkgreen;
  padding: 0.25em 0.5em;
  border:1px solid grey;
  border-radius: 6px;
  font-size: 11px;
  line-height: 1.2;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease, transform 0.15s ease;
  z-index: 1000;
}

.foodle-copy-inline:hover::after,
.foodle-copy-inline:focus-visible::after,
.foodle-copy-inline[data-copied="true"]::after {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
}

.foodle-copy-inline:focus {
  outline: none;
}

.foodle-copy-inline:focus-visible {
  outline: 2px solid #4ea1ff;
  outline-offset: 2px;
}
