/*
 * Hint.css Theme Overrides for Houseviser
 * Customizes hint.css tooltips to match Houseviser color scheme and dark mode
 */

/* Base tooltip styling - dark mode compatible */
[class*='hint--']:after {
  background-color: rgb(31 41 55);
  color: white;
  text-shadow: none;
  font-size: 0.875rem;
}

[class*='hint--'][class*='--top']:before {
  border-top-color: rgb(31 41 55);
}

[class*='hint--'][class*='--bottom']:before {
  border-bottom-color: rgb(31 41 55);
}

[class*='hint--'][class*='--left']:before {
  border-left-color: rgb(31 41 55);
}

[class*='hint--'][class*='--right']:before {
  border-right-color: rgb(31 41 55);
}

/* Error variant - red-600 */
.hint--error:after {
  background-color: rgb(220 38 38);
}

.hint--error.hint--top:before,
.hint--error.hint--top-left:before,
.hint--error.hint--top-right:before {
  border-top-color: rgb(220 38 38);
}

.hint--error.hint--bottom:before,
.hint--error.hint--bottom-left:before,
.hint--error.hint--bottom-right:before {
  border-bottom-color: rgb(220 38 38);
}

.hint--error.hint--left:before {
  border-left-color: rgb(220 38 38);
}

.hint--error.hint--right:before {
  border-right-color: rgb(220 38 38);
}

/* Success variant - emerald-600 */
.hint--success:after {
  background-color: rgb(5 150 105);
}

.hint--success.hint--top:before,
.hint--success.hint--top-left:before,
.hint--success.hint--top-right:before {
  border-top-color: rgb(5 150 105);
}

.hint--success.hint--bottom:before,
.hint--success.hint--bottom-left:before,
.hint--success.hint--bottom-right:before {
  border-bottom-color: rgb(5 150 105);
}

.hint--success.hint--left:before {
  border-left-color: rgb(5 150 105);
}

.hint--success.hint--right:before {
  border-right-color: rgb(5 150 105);
}

/* Warning variant - amber-600 */
.hint--warning:after {
  background-color: rgb(217 119 6);
}

.hint--warning.hint--top:before,
.hint--warning.hint--top-left:before,
.hint--warning.hint--top-right:before {
  border-top-color: rgb(217 119 6);
}

.hint--warning.hint--bottom:before,
.hint--warning.hint--bottom-left:before,
.hint--warning.hint--bottom-right:before {
  border-bottom-color: rgb(217 119 6);
}

.hint--warning.hint--left:before {
  border-left-color: rgb(217 119 6);
}

.hint--warning.hint--right:before {
  border-right-color: rgb(217 119 6);
}

/* Info variant - blue-600 */
.hint--info:after {
  background-color: rgb(37 99 235);
}

.hint--info.hint--top:before,
.hint--info.hint--top-left:before,
.hint--info.hint--top-right:before {
  border-top-color: rgb(37 99 235);
}

.hint--info.hint--bottom:before,
.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before {
  border-bottom-color: rgb(37 99 235);
}

.hint--info.hint--left:before {
  border-left-color: rgb(37 99 235);
}

.hint--info.hint--right:before {
  border-right-color: rgb(37 99 235);
}