/* Custom studio aesthetic enhancements */
:root {
  color-scheme: dark;
}

body {
  background-color: #121316;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #121316;
}
::-webkit-scrollbar-thumb {
  background: #2a2e37;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #a47833;
}

/* Facility Badge styling matching user screenshots */
.facility-pill {
  display: inline-flex;
  align-items: center;
  border-radius: 4px;
  overflow: hidden;
  font-size: 0.72rem;
  line-height: 1;
  border: 1px solid #333842;
  margin-right: 0.4rem;
  margin-bottom: 0.4rem;
}

.facility-label {
  background-color: #6f151f;
  color: #ffffff;
  font-weight: 700;
  padding: 0.28rem 0.5rem;
  text-transform: capitalize;
}

.facility-value {
  background-color: #1e2129;
  color: #e4e4e7;
  font-weight: 500;
  padding: 0.28rem 0.55rem;
}

/* Slot button states */
.slot-btn {
  transition: all 0.15s ease-in-out;
}
.slot-btn.selected {
  background-color: #6f151f !important;
  color: #ffffff !important;
  font-weight: 700 !important;
  border-color: #a47833 !important;
  box-shadow: 0 0 15px rgba(111, 21, 31, 0.45);
}
.slot-btn.booked {
  opacity: 0.35;
  cursor: not-allowed !important;
  text-decoration: line-through;
  background-color: #181a1f !important;
  border-color: #27272a !important;
}

/* Glassmorphism subtle overlay */
.glass-panel {
  background: rgba(27, 29, 35, 0.85);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 255, 255, 0.08);
}