/* ===============================
 * TRT BENTO HOVER EFFECTS
 * =============================== */

/* Child cards */
.bento-card {
  cursor: pointer;
  box-sizing: border-box;
  transition: transform 0.4s cubic-bezier(0.25, 1, 0.5, 1),
              opacity 0.4s ease,
              filter 0.4s ease,
              box-shadow 0.4s ease,
              border-color 0.4s ease;
  overflow: hidden;
}

/* Label text */
.bento-label,
.bento-label * {
  font-weight: 700;
  font-size: 1.1rem;
  color: inherit;
  margin: 0;
}

/* Hover interaction */
.bento-dashboard:has(.bento-card:hover) .bento-card:not(:hover) {
  opacity: 0.3;
  transform: scale(0.96);
  filter: blur(4px);
}

.bento-card:hover {
  transform: scale(1.02) translateY(-4px);
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
  z-index: 10;
}