ClickOnPostV1

styles/main.css

@@ -887,3 +887,68 @@ p {
     backdrop-filter: blur(4px);
 }
 
+
+/* --- LIGHTBOX STYLES --- */
+#lightbox-view {
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background: #000;
+    z-index: 9999;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+}
+
+#lightbox-close {
+    position: absolute;
+    top: 20px;
+    right: 20px;
+    z-index: 100;
+    background: rgba(0,0,0,0.5);
+    border-radius: 50%;
+    padding: 10px;
+    cursor: pointer;
+    border: none;
+    color: white;
+}
+
+.lightbox-carousel {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    scrollbar-width: none;
+    align-items: center;
+}
+
+.lightbox-carousel::-webkit-scrollbar {
+    display: none;
+}
+
+.lightbox-slide {
+    min-width: 100vw;
+    height: 100vh;
+    scroll-snap-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+
+.lightbox-slide img, 
+.lightbox-slide video {
+    max-width: 100%;
+    max-height: 100%;
+    object-fit: contain;
+}
+
+
+/* Fix Specificity Conflict */
+#lightbox-view.hidden {
+    display: none !important;
+}
+