/* Flowbite Breadcrumb Navigation Styling */
/* Additional custom styles for compliance document control aesthetic */

nav[aria-label="Breadcrumb"] {
  /* Ensure proper spacing and alignment */
}

nav[aria-label="Breadcrumb"] a:focus {
  @apply outline-none ring-2 ring-blue-500 ring-offset-2 rounded transition-all duration-200;
}

/* Enhanced hover states for better UX */
nav[aria-label="Breadcrumb"] a:hover {
  @apply transition-colors duration-200;
}

/* Professional styling for document control context */
nav[aria-label="Breadcrumb"] .text-gray-700:hover {
  @apply text-blue-600;
}

/* Responsive adjustments */
@media (max-width: 768px) {
  nav[aria-label="Breadcrumb"] ol {
    @apply space-x-1;
  }

  nav[aria-label="Breadcrumb"] .md\\:space-x-2>*+* {
    @apply ml-1;
  }
}