/* Wrapper */
.pp-tb-wrap {
  display: flex;
  gap: .5rem;
  margin: .35rem 0 0;
  position: relative;
  z-index: 10;
}

/* Badge buttons */
.pp-tb-badge {
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  padding: .5rem .8rem;
  border-radius: 18px;
  background: var(--pp-bg, #2BAAE1);
  color: #fff;
  font-weight: 700;
  border: none;
  cursor: help;
  box-shadow: 0 2px 14px rgba(0,0,0,.15);
  transition: transform .1s ease;
  line-height: 1;
}
.pp-tb-badge:hover {
  transform: translateY(-1px);
}
.pp-tb-emoji { font-size: 1rem; line-height: 1; }
.pp-tb-text { font-size: .95rem; letter-spacing: .2px; }

/* Disable old CSS ::after tooltips */
.pp-tb-badge::after { display: none !important; }

/* Portal tooltip element */
.pp-tb-tip {
  position: fixed;
  z-index: 999999;
  background: #111;
  color: #fff;
  padding: .6rem .8rem;
  border-radius: 10px;
  box-shadow: 0 8px 20px rgba(0,0,0,.22);
  max-width: min(360px, 90vw);
  line-height: 1.4;
  font-size: 14px;
  font-weight: 500;
  pointer-events: none;
  display: none;
  white-space: pre-line; /* preserve line breaks */
}