/* NoShow Pro — Frontend slot picker styles
   These are also included in slot-calendar.css for reference.
   This file is enqueued on the frontend only. */

.noshow-date-wrap,
.noshow-slot-wrap {
  display: block;
}

.noshow-slot-date-picker {
  width: 100%;
  padding: 11px 14px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.95rem;
  color: #0f172a;
  background: #fff;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
  cursor: pointer;
  box-sizing: border-box;
}

.noshow-slot-date-picker:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

.noshow-slot-select {
  width: 100%;
  padding: 11px 14px;
  border: 2px solid #e2e8f0;
  border-radius: 10px;
  font-size: 0.95rem;
  color: #0f172a;
  background: #fff;
  cursor: pointer;
  transition:
    border-color 0.15s,
    box-shadow 0.15s;
  -webkit-appearance: none;
  appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 12px center;
  padding-right: 36px;
  box-sizing: border-box;
}

.noshow-slot-select:focus {
  outline: none;
  border-color: #2563eb;
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.1);
}

.noshow-slot-select:disabled {
  background-color: #f8fafc;
  color: #94a3b8;
  cursor: not-allowed;
  border-color: #e2e8f0;
}

.noshow-slot-select.noshow-slot-loaded {
  border-color: #16a34a;
  box-shadow: 0 0 0 4px rgba(22, 163, 74, 0.08);
}

.noshow-slot-loading {
  display: block;
  font-size: 0.8rem;
  color: #64748b;
  padding: 6px 2px;
  font-style: italic;
}