/* =========================================
   VirtualSchool Hero Mockup Interactions
   Safe hover effects for iframe HTML preview
   ========================================= */

/* Smooth all likely interactive elements */
a,
button,
[role="button"],
[class*="btn"],
[class*="button"],
[class*="card"],
[class*="item"],
[class*="lesson"],
[class*="quiz"],
[class*="course"],
[class*="nav"],
[class*="menu"],
[class*="stat"],
[class*="progress"] {
  transition:
    transform 0.22s ease,
    box-shadow 0.22s ease,
    background-color 0.22s ease,
    border-color 0.22s ease,
    filter 0.22s ease,
    opacity 0.22s ease;
}

/* Cards / lesson / quiz / content blocks */
[class*="card"]:hover,
[class*="item"]:hover,
[class*="lesson"]:hover,
[class*="quiz"]:hover,
[class*="course"]:hover,
[class*="stat"]:hover {
  transform: translateY(-3px);
  box-shadow: 0 16px 34px rgba(37, 99, 235, 0.14);
}

/* Buttons */
a:hover,
button:hover,
[role="button"]:hover,
[class*="btn"]:hover,
[class*="button"]:hover {
  transform: translateY(-2px);
  filter: brightness(1.04);
}

/* Sidebar / navigation items */
[class*="nav"]:hover,
[class*="menu"]:hover,
[class*="sidebar"] *:hover {
  background-color: rgba(37, 99, 235, 0.06);
}

/* Progress / XP bars */
[class*="progress"]:hover,
[class*="xp"]:hover,
[class*="level"]:hover {
  filter: brightness(1.08);
}

/* Slight hover focus for images/icons */
img:hover,
svg:hover {
  filter: brightness(1.04);
}