Poprawki działania pinesek prototypowania

assets/css/comments.css

@@ -104,7 +104,8 @@ input:checked+.slider:before {
     padding: 10px;
     width: 250px;
     box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
-    z-index: 10002;
+    z-index: 100002;
+    /* Musi być wyżej niż marker (100001) i topbar (100000) */
     font-size: 13px;
     color: #333;
 }
@@ -268,4 +269,30 @@ body.comments-hidden .comment-marker {
 
 .comment-list-item:hover {
     background: #f9f9f9;
+}
+
+/* --- FIX DLA MODALI PROTOTYPU --- */
+/* Wymuszamy, aby standardowe modale (Bootstrap) nie chowały się pod paskiem */
+.modal {
+    padding-top: 50px !important;
+    /* Odsuwamy od góry o wysokość paska */
+}
+
+/* Opcjonalnie: Jeśli modal ma backdrop, też go przesuwamy, 
+   albo po prostu upewniamy się że modal-dialog ma margines */
+.modal-dialog {
+    margin-top: 20px !important;
+    /* Dodatkowy margines żeby nie dotykało paska */
+}
+
+/* Jeśli używasz offcanvas lub innych overlayów */
+.offcanvas {
+    top: 50px !important;
+    height: calc(100% - 50px) !important;
+}
+
+/* Poprawka dla backdropu, żeby nie zakrywał paska (jeśli pasek ma być na wierzchu) */
+.modal-backdrop {
+    top: 50px !important;
+    height: calc(100% - 50px) !important;
 }