/* BeatBooker Dark Mode */
/* Applied via .bb-dark class on wrapper */

.bb-dark {
  color: #e0e0e0;
}

.bb-dark .bb-request-form,
.bb-dark .bb-booking-view {
  color: #e0e0e0;
}

/* Form elements */
.bb-dark .bb-input,
.bb-dark .bb-select,
.bb-dark .bb-textarea {
  background: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}

.bb-dark .bb-input:focus,
.bb-dark .bb-select:focus,
.bb-dark .bb-textarea:focus {
  border-color: #d4a94c;
  box-shadow: 0 0 0 2px rgba(212, 169, 76, 0.3);
}

.bb-dark .bb-input::placeholder,
.bb-dark .bb-textarea::placeholder {
  color: #888;
}

/* Labels */
.bb-dark .bb-label {
  color: #ccc;
}

/* Buttons */
.bb-dark .bb-btn-primary {
  background-color: #d4a94c;
  color: #1a1a1a;
}

.bb-dark .bb-btn-primary:hover:not(:disabled) {
  background-color: #e0b85c;
}

.bb-dark .bb-btn-accent {
  background-color: #d4a94c;
  color: #1a1a1a;
}

.bb-dark .bb-btn-accent:hover {
  background-color: #e0b85c;
  color: #1a1a1a;
}

.bb-dark .bb-btn-secondary {
  background-color: #333;
  color: #e0e0e0;
}

.bb-dark .bb-btn-secondary:hover {
  background-color: #444;
}

/* Cards */
.bb-dark .bb-card {
  background: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}

.bb-dark .bb-card:hover {
  border-color: #d4a94c;
}

.bb-dark .bb-card.active {
  border-color: #d4a94c;
  background: #3a2f1a;
  box-shadow: 0 0 0 3px rgba(212, 169, 76, 0.3);
}

/* Slots */
.bb-dark .bb-slot {
  background: #2a2a2a;
  border-color: #444;
  color: #e0e0e0;
}

.bb-dark .bb-slot:hover:not(:disabled) {
  border-color: #d4a94c;
}

.bb-dark .bb-slot.selected {
  border-color: #d4a94c;
  background: #3a2f1a;
}

.bb-dark .bb-slot.booked {
  background: #222;
  color: #555;
  border-color: #333;
}

/* Summary */
.bb-dark .bb-selected-summary {
  background: #2a2a2a;
  border: 1px solid #444;
}

/* Messages */
.bb-dark .bb-success {
  background: #1a2e1a;
  border-color: #2d6b2d;
}

.bb-dark .bb-success h3 {
  color: #4caf50;
}

.bb-dark .bb-error {
  background: #2e1a1a;
  border-color: #6b2d2d;
  color: #ef5350;
}

.bb-dark .bb-loading {
  color: #888;
}

.bb-dark .bb-no-slots {
  background: #2a2a2a;
  color: #888;
}

/* Dividers and misc */
.bb-dark .bb-divider {
  border-top-color: #444;
}

.bb-dark .bb-or-text {
  color: #888;
}

.bb-dark .bb-event-dates {
  color: #999;
}

.bb-dark .bb-date-heading {
  color: #aaa;
}

.bb-dark .bb-section-title {
  border-bottom-color: #d4a94c;
}

/* Radio & checkbox */
.bb-dark .bb-radio,
.bb-dark .bb-checkbox {
  color: #ccc;
}