.bd-placeholder-img {
font-size: 1.125rem;
text-anchor: middle;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}

@media (min-width: 768px) {
.bd-placeholder-img-lg {
  font-size: 3.5rem;
}
}

button:focus:not(:focus-visible) {
  box-shadow: none;
  outline: none;
}

#starRating svg {
  stroke: gray;
  fill: none;
  stroke-width: 2;
  margin-right: 4px;
  cursor: pointer;
  transition: fill 0.2s ease, stroke 0.2s ease;
}

#starRating svg.active,
#starRating-x svg.active {
  stroke: gray;
  fill: gold;
}

.tooltip-inner {
  text-align: left;
}

@media (max-width: 767.98px) {
  .table-responsive.col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

#toggle-events {
  min-width: 100px; /* Adjust to fit longest text */
}

html {
  scroll-behavior: smooth;
}

/* Prevent small horizontal scroll on tables */
@media (min-width: 768px) {
  .table-responsive {
    overflow-x: visible;
  }

  body {
    overflow-x: hidden;
  }
}


/* Let pagination wrap on narrow screens */
.dataTables_paginate .pagination {
  flex-wrap: wrap;
}

/* Slight spacing between wrapped rows */
.dataTables_paginate .pagination .page-item {
  margin-bottom: .25rem;
}

/* Tighter buttons on phones */
@media (max-width: 576px) {
  .dataTables_paginate .pagination .page-link {
    padding: .375rem .5rem;
    font-size: .9rem;
  }
}

/* Optional: prefer no wrap on wider screens */
@media (min-width: 768px) {
  .dataTables_paginate .pagination {
    flex-wrap: nowrap;
  }
}