span.select2-selection.select2-selection--single {
  border: 1px solid #dee2e6;
  border-radius: 7px;
  padding: 3px 0px;
  height: 38px;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  margin-top: 3px;
}
label {
  font-weight: 600;
}
.cursor-pointer {
  cursor: pointer;
}

/* Ensure footer stays at the bottom */
html,
body {
  height: 100%;
  margin: 0;
  padding: 0;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}

/* Make main content take available space */
main {
  flex: 1;
}

/* Footer styling to match navbar */
footer {
  background: #f2f2f2;
  border-top: 1px solid #ccc;
  padding: 0.8rem 0;
  color: #555;
  font-size: 0.95rem;
}

footer .container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* Adjust footer text alignment for mobile */
@media (max-width: 768px) {
  footer .container {
    flex-direction: column;
    text-align: center;
    gap: 0.5rem;
  }
}
.workshop-list-note {
  white-space: nowrap;
  overflow: hidden;
  width: 100px;
  text-overflow: ellipsis;
}
.notecolumn-w {
  width: 100px;
}

td.extra-name span:not(:last-child)::after {
  content: ", ";
}

.jobytpe-dependent-sections .mb-3 {
  display: flex;
  align-items: flex-start; /* allows label to wrap */
  gap: 12px;
  margin-bottom: 5px !important;
}

/* Label column */
.jobytpe-dependent-sections .mb-3 > strong {
  flex: 1;
  max-width: 70%; /* control label width */
  white-space: normal; /* allow wrapping */
  line-height: 1.2;
  font-weight: 400;
}

/* Remove <br> */
.jobytpe-dependent-sections .mb-3 > br {
  display: none;
}

/* Yes / No column */
.jobytpe-dependent-sections .mb-3 label {
  white-space: nowrap; /* always one line */
  margin-bottom: 0;
}
.slot-cell.booked {
  background-color: #ffff00;
} /* booked */
.slot-cell.completed {
  background-color: #00ff1e;
} /* green */
.slot-cell.cancelled {
  background-color: #ff4141;
} /* red */

.priority-text {
  font-size: 10px;
  color: #b2b2b2;
  float: right;
}

.photo-sectionp .img-thumbnail{
      width: 250px;
    height: 250px;
    object-fit: cover;
}