[data-target='tooltip'][data-popper-placement^='top'] > [data-popper-arrow] {
  bottom: -4px;
}

[data-target='tooltip'][data-popper-placement^='bottom'] > [data-popper-arrow] {
  top: -4px;
}

[data-target='tooltip'][data-popper-placement^='left'] > [data-popper-arrow] {
  right: -0px;
}

[data-target='tooltip'][data-popper-placement^='right'] > [data-popper-arrow] {
  left: -4px;
}

/* Add modern tooltip positioning with CSS logical properties */
[data-target='tooltip'][data-popper-placement^='block-start'] > [data-popper-arrow] {
  inset-block-end: -4px;
}

[data-target='tooltip'][data-popper-placement^='block-end'] > [data-popper-arrow] {
  inset-block-start: -4px;
}

[data-target='tooltip'][data-popper-placement^='inline-start'] > [data-popper-arrow] {
  inset-inline-end: -0px;
}

[data-target='tooltip'][data-popper-placement^='inline-end'] > [data-popper-arrow] {
  inset-inline-start: -4px;
}