/* Custom tooltip styles for home page to match admin pages */
.tooltip-inner {
  border-radius: 0 !important;
  background: #333333 !important;
  font-size: 0.75rem !important;
  font-weight: 300 !important;
  padding: 0.35rem 0.7rem !important;
}

.bs-tooltip-bottom .arrow::before, 
.bs-tooltip-auto[data-popper-placement^="bottom"] .arrow::before, 
.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
  border-bottom-color: #333333 !important;
}

.bs-tooltip-right .arrow::before, 
.bs-tooltip-auto[x-placement^="right"] .arrow::before {
  border-right-color: #333333 !important;
}

.bs-tooltip-left .arrow::before, 
.bs-tooltip-auto[x-placement^="left"] .arrow::before {
  border-left-color: #333333 !important;
}

.bs-tooltip-top .arrow::before, 
.bs-tooltip-auto[data-popper-placement^="top"] .arrow::before, 
.bs-tooltip-auto[x-placement^="top"] .arrow::before {
  border-top-color: #333333 !important;
}

/* Bootstrap 5 tooltip arrow compatibility */
.bs-tooltip-bottom .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
  border-bottom-color: #333333 !important;
}

.bs-tooltip-end .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
  border-right-color: #333333 !important;
}

.bs-tooltip-start .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
  border-left-color: #333333 !important;
}

.bs-tooltip-top .tooltip-arrow::before, 
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
  border-top-color: #333333 !important;
}