/* Styles for atelier booking slots */
.wp-atelier-booking { margin-top: 1em; }
#atelier-times ul { list-style: none; padding: 0; margin: 0; }
.atelier-slot {
  display: inline-block;
  padding: 8px 12px;
  margin: 6px;
  border-radius: 6px;
  border: 1px solid #ddd;
  background: #fafafa;
  cursor: pointer;
  transition: background-color 150ms ease, box-shadow 150ms ease, transform 120ms ease;
}
.atelier-slot:hover { background: #fff; transform: translateY(-2px); box-shadow: 0 2px 6px rgba(0,0,0,0.06); }
.atelier-slot:focus { outline: none; box-shadow: 0 0 0 3px rgba(52,144,220,0.15); }
.atelier-slot.selected {
  background: linear-gradient(180deg,#2b90ff,#1e6fe8);
  color: #fff;
  border-color: #1760d6;
  box-shadow: 0 6px 18px rgba(30,111,232,0.25);
}
/* Add a checkmark using ::after when selected */
.atelier-slot.selected::after {
  content: '\2713';
  display: inline-block;
  margin-left: 8px;
  font-weight: bold;
}

/* Responsive: stack on small screens */
@media (max-width:480px){
  .atelier-slot { display:block; width:100%; box-sizing:border-box; }
}