initial

2026-06-11 19:03:29 +02:00
commit 0d829845c4
150 changed files with 38582 additions and 0 deletions
@@ -0,0 +1,153 @@
+/* TIME SLOTS */
+.rsv-time-slots {
+    padding: 1rem;
+    border-left: var(--border);
+}
+
+.rsv-slots-notice {
+    display: block;
+    text-align: center;
+    grid-column-start: 0;
+    grid-column-end: 1;
+    font-weight: 400;
+    font-size: 0.875rem;
+}
+
+.rsv-slots-slot-time {
+    font-size: 0.875rem;
+    font-weight: 600;
+    padding: 0.5rem;
+    -webkit-user-select:none;user-select:none;
+}
+
+.rsv-slots-slot-time>.content {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+    align-content: center;
+
+    width: 100%;
+    padding: 0.5rem 1.5rem;
+}
+
+.rsv-slots-slot-time .capacity {
+    font-size: 1rem;
+    color: var(--color-gray-400);
+}
+
+.rsv-slots-slot-time .capacity>* {
+    display: block;
+    text-align: center;
+    width: 100%;
+}
+
+label.rsv-slots-slot-time>input:checked + .content>.capacity {
+    color: rgba(255, 255, 255, 0.7);
+}
+
+.reservation-block.blocked>.rsv-slots-slot-time>.content {
+    opacity: 0.8;
+    color: var(--color-gray-500);
+    text-decoration: line-through;
+
+}
+
+.rsv-slots-label {
+  font-size: 11px;
+  font-weight: 600;
+  color: #999;
+  text-transform: uppercase;
+  letter-spacing: .06em;
+  margin-bottom: 12px;
+  padding-top: 0.5rem;
+}
+
+.rsv-slots-list {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  list-style: none;
+  padding: 1rem;
+  margin: 0;
+}
+
+/* Base slot */
+.rsv-slots-slot {
+    margin-top: 0.375rem;
+  border: 1.5px solid #e8e8e8;
+  border-radius: 10px;
+  padding: 9px 12px;
+  cursor: pointer;
+  transition: border-color .12s, background .12s, color .12s;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  font-size: 13px;
+  font-weight: 600;
+}
+
+.rsv-slots-slot:hover:not(.rsv-slots-slot-full):not(.rsv-slots-slot-selected) {
+  border-color: #2563eb;
+  background: #f5f8ff;
+}
+
+/* Available — plenty of spots */
+.rsv-slots-slot-available {
+  background: #f0fdf4;
+  border-color: #86efac;
+  color: #166534;
+}
+
+/* Few spots left */
+.rsv-slots-slot-few {
+  background: #fff8f0;
+  border-color: #f59e0b;
+  color: #92400e;
+}
+
+/* Fully booked */
+.rsv-slots-slot-full {
+  background: #fafafa;
+  border-color: #e8e8e8;
+  color: #bbb;
+  text-decoration: line-through;
+  cursor: not-allowed;
+}
+
+/* Selected */
+.rsv-slots-slot-selected {
+  background: #2563eb;
+  border-color: #2563eb;
+  color: #fff;
+}
+
+/* Availability badge (small pill inside slot) */
+.rsv-slots-slot-badge {
+  font-size: 10px;
+  font-weight: 600;
+  border-radius: 6px;
+  padding: 2px 7px;
+}
+
+.rsv-slots-slot-badge-available {
+  background: #dcfce7;
+  color: #166534;
+}
+
+.rsv-slots-slot-badge-few {
+  background: #fef3c7;
+  color: #92400e;
+}
+
+.rsv-slots-slot-badge-full {
+  background: #f3f4f6;
+  color: #9ca3af;
+}
+
+.rsv-slots-slot-badge-selected {
+  background: rgba(255, 255, 255, .2);
+  color: #fff;
+}
+
+/* TIMELINE END */