/* Touch Device Optimizations */
@media (hover: none) and (pointer: coarse) {
  .nav-link:hover,
  .dropdown-item:hover {
    background-color: rgba(13, 110, 253, 0.1);
  }
  
  .dropdown-toggle::after {
    transition: transform 0.2s ease;
  }
  
  .dropdown.show .dropdown-toggle::after {
    transform: rotate(180deg);
  }
}

/* High DPI Display Support */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .navbar-brand img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
  }
}