@tailwind base;
@tailwind components;
/* Method 1: Minimal Tailwind CSS - Remove @tailwind base, keep only utilities */
@tailwind utilities;



/* Override problematic Tailwind collapse utility that conflicts with Bootstrap accordions */
.collapse { 
  visibility: visible !important; /* Override Tailwind's visibility: collapse */
  display: block !important;
}
/* Bootstrap Accordion Protection - Ensure Bootstrap collapse works properly */
@layer bootstrap-protection {
  /* Protect Bootstrap accordion collapse functionality */
  .accordion .collapse:not(.show) { 
    visibility: hidden !important;
    display: none !important; 
  }
  .accordion .collapse.show { 
    visibility: visible !important;
    display: block !important; 
  }
  .accordion .collapse.collapsing { 
    display: block !important;
    height: 0 !important;
    overflow: hidden !important;
    transition: height 0.35s ease !important;
  }
  .accordion .collapse-horizontal { 
    width: 0 !important; 
    height: auto !important; 
    transition: width 0.35s ease !important; 
  }
  
  /* Protect Bootstrap accordion button behavior */
  .accordion .accordion-button.collapsed::after {
    transform: rotate(0deg) !important;
  }
  .accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(180deg) !important;
  }
  
  /* Protect Bootstrap accordion transitions */
  .accordion .accordion-collapse {
    border: 0 !important;
  }
  .accordion .accordion-body {
    padding: 1rem 1.25rem !important;
  }
}