/* Responsive/mobile usability helpers */

/* Tap targets: increase line-height and padding for touch devices */
@media (max-width: 991.98px) {
  .nav-link, .dropdown-item {
    padding-top: .75rem;
    padding-bottom: .75rem;
  }
  .navbar .dropdown-menu {
    box-shadow: none;
    border: 0;
  }
}

/* Disable hover-based opening on touch widths, rely on Bootstrap collapse */
@media (max-width: 991.98px) {
  .navbar .dropdown:hover > .dropdown-menu { display: none; }
}

/* Make carousels/images fit nicely on small screens */
@media (max-width: 575.98px) {
  .img-fluid, .carousel-item img { width: 100%; height: auto; }
  .container, .container-fluid { padding-left: 1rem; padding-right: 1rem; }
}

/* Title bands and breadcrumbs spacing on mobile */
@media (max-width: 575.98px) {
  .breadcrumb { font-size: .9rem; }
  h1.page-title, .page-title h1 { font-size: 1.5rem; }
}