/* Aux/V tooltip styles tailored for tippy theme fiveo-pastel */
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv {
  display: block;
  font-size: 13px;
  line-height: 1.4;
  color: #2a2a2a;
  /* vertical fine-tuning variables */
  --auxv-icon-shift: 0.25em;   /* positive = down */
  --auxv-title-shift: -0.25em; /* negative = up */
}

/* Enable text selection inside tooltip */
.tippy-box[data-theme~='fiveo-pastel'] .tippy-content,
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv {
  user-select: text;
  -webkit-user-select: text;
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-headline {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  font-weight: 600;
  margin-bottom: 8px;
}

/* Fine-tune vertical alignment in headline */
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-headline i {
  display: inline-block;
  transform: translateY(var(--auxv-icon-shift));
}
/* Preserve FA horizontal flip on the left icon */
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-headline i.fa-flip-horizontal {
  transform: scaleX(-1) translateY(var(--auxv-icon-shift));
  transform-origin: center;
}
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-headline .auxv-title {
  display: inline-block;
  transform: translateY(var(--auxv-title-shift));
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-title {
  white-space: nowrap;
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-cols {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-row {
  margin: 6px 0;
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-labels .auxv-col {
  text-align: center;
  font-weight: 600;
  font-size: 12.5px;
}

/* Examples row: centered and slightly emphasized */
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-examples .auxv-col {
  text-align: center;
}
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-examples .auxv-example {
  display: inline-block;
  font-weight: 400;    /* not bold */
  font-style: italic;  /* italic */
  font-size: 13px;     /* slightly smaller for finesse */
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-descr .auxv-col {
  font-weight: 400;
  font-size: 12.5px;
}

/* Center the description texts */
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-descr .auxv-col-left,
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-descr .auxv-col-right {
  text-align: center;
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-col-left {
  text-align: left;
}

.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-col-right {
  text-align: right;
}

/* Subtle vertical divider between columns */
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-labels .auxv-col-right,
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-examples .auxv-col-right,
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv .auxv-descr .auxv-col-right {
  border-left: 1px dashed rgba(0, 0, 0, 0.15);
  padding-left: 10px;
}

/* Make FA icons inherit tooltip color */
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv i.fas,
.tippy-box[data-theme~='fiveo-pastel'] .fiveo-auxv i.fa-solid {
  color: currentColor;
}