@tailwind base;
@tailwind components;
@tailwind utilities;

@layer components {
  .breadcrumbs {
    @apply flex flex-wrap items-center;
  }

  .breadcrumbs-item {
    @apply relative text-gray-400 truncate max-w-[160px] sm:max-w-[220px];
  }

  .breadcrumbs-item:not(:first-child) {
    @apply pl-6;
  }

  .breadcrumbs-item:not(:first-child)::before {
    @apply content-['/'] absolute left-2 top-1/2 -translate-y-1/2;
  }

  .breadcrumbs-item a {
    @apply text-black underline underline-offset-[10px] decoration-1 decoration-gray-400;
  }

  /* Error message styling */
  .error {
    @apply text-oxide-500 font-medium text-sm mt-1 block;
  }
  
  /* Autocomplete styling */
  .autocomplete-wrapper {
    @apply relative;
  }
  
  .autocomplete-input {
    @apply block w-full rounded-md border-gray-300 shadow-sm focus:border-navy-300 focus:ring focus:ring-navy-200 focus:ring-opacity-50;
  }
  
  .autocomplete-results {
    @apply absolute z-10 mt-1 w-full bg-white rounded-md shadow-lg max-h-60 overflow-auto border border-gray-200;
  }

  /* Mobile optimized card styles */
  .mobile-card {
    @apply bg-white rounded-lg shadow-sm border border-gray-100 p-4;
  }

  /* Responsive text utilities */
  .text-responsive {
    @apply text-sm md:text-base;
  }

  .heading-responsive {
    @apply text-lg md:text-xl lg:text-2xl font-bold;
  }

  /* Mobile-friendly button layouts */
  .btn-container {
    @apply flex flex-wrap gap-2 md:flex-nowrap md:gap-4;
  }

  .btn-full-mobile {
    @apply w-full sm:w-auto justify-center;
  }
}
.digg_pagination {
  background: white;
  cursor: default;
  margin-top: 1rem;
  /* self-clearing method: */ }
  .digg_pagination a, .digg_pagination span, .digg_pagination em {
    padding: 0.3em 0.5em;
    display: block;
    float: left;
    margin-right: 4px;
    border-radius: 0; }
  .digg_pagination .disabled {
    color: #999999;
    border: 1px solid #e5e5e5; }
  .digg_pagination .current {
    font-style: normal;
    font-weight: bold;
    background: #333333;
    color: white;
    border: 1px solid #e5e5e5; }
  .digg_pagination a {
    text-decoration: none;
    color: #333333;
    border: 1px solid #e5e5e5; }
    .digg_pagination a:hover, .digg_pagination a:focus {
      color: #4d4d4d;
      border-color: #cccccc;
      background: #f3f4f6; }
  .digg_pagination .page_info {
    background: #333333;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center; }
    .digg_pagination .page_info b {
      color: #ffffff;
      padding: 0.1em 0.25em; }
  .digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; }
  * html .digg_pagination {
    height: 1%; }
  *:first-child + html .digg_pagination {
    overflow: hidden; }
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *


 */