/* ============================================================
   Skylark — Shared hover states
   Cards: subtle scale + shadow lift. Buttons: simple brightness/underline.
   No "magnetic" cursor-follow effects — kept clean for a serious institution.
   ============================================================ */

/* Card-style containers (white bg, light border, rounded corners) */
[style*="border-color: #e2e8f0"][style*="border-radius: 12px"],
[style*="border-color: #e2e8f0"][style*="border-radius: 10px"] {
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}
[style*="border-color: #e2e8f0"][style*="border-radius: 12px"]:hover,
[style*="border-color: #e2e8f0"][style*="border-radius: 10px"]:hover {
  transform: scale(1.02);
  box-shadow: 0 10px 30px rgba(9, 30, 58, 0.12);
  z-index: 1;
}

/* Solid-fill CTA buttons wrapped in <a style="text-decoration:none;"> */
a[style*="text-decoration:none"] > div[style*="border-radius: 4px"][style*="background-color: #0288d1"],
a[style*="text-decoration:none"] > div[style*="border-radius: 4px"][style*="background-color: #f4b400"] {
  transition: filter 0.2s ease;
}
a[style*="text-decoration:none"] > div[style*="border-radius: 4px"][style*="background-color: #0288d1"]:hover,
a[style*="text-decoration:none"] > div[style*="border-radius: 4px"][style*="background-color: #f4b400"]:hover {
  filter: brightness(1.08);
}

/* Outline buttons (border, no fill) — simple underline-style feel via color depth */
a[style*="text-decoration:none"] > div[style*="border-color: #0288d1"][style*="border-width: 1px"] {
  transition: background-color 0.2s ease;
}
a[style*="text-decoration:none"] > div[style*="border-color: #0288d1"][style*="border-width: 1px"]:hover {
  background-color: rgba(2, 136, 209, 0.06);
}

/* Nav link hover — color shift + subtle upward lift (no underline) */
#site-nav a[style*="text-decoration:none"],
#site-nav div[role="button"] {
  transition: transform 0.2s ease;
}
#site-nav a[style*="text-decoration:none"]:hover,
#site-nav div[role="button"]:hover {
  transform: translateY(-2px);
}
#site-nav span.text[style*="color: #425466"] {
  transition: color 0.2s ease;
}
#site-nav a[style*="text-decoration:none"]:hover span.text[style*="color: #425466"],
#site-nav div[role="button"]:hover span.text[style*="color: #425466"] {
  color: #0288d1 !important;
}

/* Dropdown menus (About / Academics / NAAC) — fade + slide-down on open */
.dropdown-panel.open {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  pointer-events: auto !important;
}