/* Custom tooltip */
img[title]:hover::after {
  content: attr(title);
  position: absolute;
  bottom: 110%; /* appears above image */
  left: 50%;
  transform: translateX(-50%);
  
  /* Bunny theme colors */
  background: #fff;
  color: #b62a2a;
  border: 2px solid #a30c32;
  
  font-family: "Verdana", sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  
  padding: 0.4em 0.6em;
  border-radius: 12px;
  white-space: nowrap;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
  
  z-index: 99;
  pointer-events: none; /* so hover doesn’t break */
}

img[data-title] {
  position: relative;
  cursor: help;
}

img[data-title]:hover::after {
  content: attr(data-title);
  position: absolute;
  bottom: 110%;
  left: 50%;
  transform: translateX(-50%);
  
  background: #fff;
  color: #c71585;
  border: 2px solid #ff3366;
  
  font-family: "Verdana", sans-serif;
  font-size: 0.9rem;
  font-weight: bold;
  
  padding: 0.4em 0.6em;
  border-radius: 12px;
  white-space: nowrap;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.15);
  
  z-index: 99;
  pointer-events: none;
}