#26 - Loading animation + success message fix

assets/css/components/RsvCalendarStyles.css

@@ -128,16 +128,20 @@
     flex-grow: 1;
 }
 
-.rsv-calendar td {
+.rsv-calendar td.rsv-cal-cell {
     -webkit-user-select:none;user-select:none;
     padding: 0;
     z-index: -1;
 }
 
-.rsv-calendar td label {
+.rsv-calendar td.rsv-cal-cell label {
+    margin-left:auto;
+    margin-right:auto;
+    width: 40px;
+    height: 40px;
+    line-height: 40px;
     display: block;
-    padding: 0.25em;
-    border-radius: var(--s-4);
+    border-radius: 50%;
     transition: background-color 0.3s ease;
 }
 

assets/css/components/RsvFormSummaryStyles.css

@@ -131,3 +131,41 @@ rsv-reservation-summary {
   color: #888;
   margin-left: 2px;
 }
+
+/* ----- Success summary footer (pricing breakdown) ----- */
+.rsv-summary-footer--pricing {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+  padding-top: 10px;
+  border-top: 1px solid #e8f0fe;
+}
+
+.rsv-summary-footer-row {
+    width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.rsv-summary-footer-label {
+  font-size: 12px;
+  color: #888;
+}
+
+.rsv-summary-footer-value {
+  font-size: 14px;
+  font-weight: 600;
+  color: #0f0f0f;
+}
+
+.rsv-summary-total .rsv-summary-footer-label,
+.rsv-summary-total .rsv-summary-footer-value {
+  font-weight: 700;
+  color: #0f0f0f;
+  font-size: 16px;
+}
+
+.rsv-summary-discount .rsv-summary-footer-value {
+  color: #16a34a;
+}

assets/css/components/RsvTimeSlotsStyles.css

@@ -156,4 +156,39 @@ label.rsv-slots-slot-time>input:checked + .content>.capacity {
   color: #fff;
 }
 
+/* Skeleton loading */
+@keyframes rsv-shimmer {
+  0%   { background-position: -400px 0; }
+  100% { background-position:  400px 0; }
+}
+
+.rsv-slots-skeleton {
+  background: linear-gradient(90deg, #f0f0f0 25%, #e0e0e0 50%, #f0f0f0 75%);
+  background-size: 800px 100%;
+  animation: rsv-shimmer 1.4s infinite linear;
+  border-color: transparent !important;
+  color: transparent !important;
+  pointer-events: none;
+}
+
+.rsv-slots-skeleton-label {
+  width: 120px;
+  height: 14px;
+  border-radius: 4px;
+}
+
+.rsv-slots-skeleton-text {
+  width: 90px;
+  height: 13px;
+  border-radius: 4px;
+  display: inline-block;
+}
+
+.rsv-slots-skeleton-badge {
+  width: 46px;
+  height: 18px;
+  border-radius: 6px;
+  display: inline-block;
+}
+
 /* TIMELINE END */