/* Custom outline button styles */
.btn-outline-primary {
    color: #000000; /* Black text color */
    border-color: #007bff; /* Keep the default blue border */
    border-width: 2px;
}

.btn-outline-primary:hover, 
.btn-outline-primary:focus, 
.btn-outline-primary:active {
    color: #ffffff; /* White text on hover/focus/active */
    background-color: #007bff; /* Blue background on hover/focus/active */
    border-color: #007bff;
}

/* Make only the button trigger the accordion */
.card-header .btn {
    pointer-events: auto;
    width: 100%;
    text-align: left;
  }
  
  /* Allow clicks on links and other interactive elements */
  .card-body a,
  .card-body button,
  .card-body input,
  .card-body select,
  .card-body textarea {
    pointer-events: auto;
    position: relative;
    z-index: 10;
    color: #ffffff;
  }
  /* Prevent the card body from capturing clicks */
  .card-body {
    pointer-events: none;
    padding: 1.25rem;
  }
  
  /* Re-enable pointer events for direct children of card-body */
  .card-body > * {
    pointer-events: auto;
  }
  
  /* Specific fix for the View Live Project button */
  .card-body .btn {
    pointer-events: auto !important;
    position: relative;
    z-index: 20;
  }