.lightbox {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(243, 227, 219, 1);
            display: none;
            justify-content: center;
            align-items: center;
            z-index: 3000;
            overflow: hidden;
        }

        #lightboxInfo {
            position: fixed;
            bottom: 30px;
            left: 0;
            right: 0;
            padding: 0 20px;
            display: flex;
            justify-content: space-between;
            align-items: flex-end;
            margin: 0 auto;
            color: #e1ae98;
            font-weight: 400;
            font-size: 16px;
            z-index: 9000;
            pointer-events: none;
        }

        .lightbox-content {
            position: relative;
            max-width: 100%;
            max-height: 100%;
            text-align: center;
        }

        #lightboxImage {
            width: 90%;
            height: auto;
            max-height: 90vh;
            object-fit: contain;
        }

        .image-title {
            /* text-align: left; PAS BESOIN ICI, GÉRÉ PAR LE PARENT SI INLINE-BLOCK */
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            font-size: 20px;
            font-weight: 600;
            display: inline-block;
            vertical-align: bottom;
            text-transform: uppercase;
        }

        .image-date {
            text-align: right;
            font-size: 20px;
            font-weight: 400;
            z-index: 9500;
            white-space: nowrap;
            pointer-events: none;
        }

        .image-place {
            text-align: left;
            font-size: 20px;
            font-weight: 400;
            white-space: nowrap;
            pointer-events: none;
            color: #e1ae98;
        }

        .lightbox-left-info,
        .lightbox-right-info {
            flex-shrink: 0;
            pointer-events: auto;
        }

        .lightbox-center-info {
            flex-grow: 1;
            text-align: left; /* MODIFIÉ : Alignera le texte (titre/sous-titre) à gauche à l'intérieur de ce bloc */
            margin: 0 20px;
            pointer-events: auto;
            min-width: 0;
        }

        .scroll-number {
            position: fixed;
            top: 10px;
            left: 10px;
            font-size: 15px;
            color: #e1ae98;
            z-index: 3500;
            display: none;
            font-weight: 600;
        }

        .close-btn {
            position: fixed;
            top: -05px;
            right: 10px;
            font-size: 40px;
            color: #e1ae98;
            cursor: pointer;
            background: none;
            border: none;
        }

        .close-btn:hover {
            color: #804040;
        }

        @media (max-width: 768px) {
                    .scroll-number {
                top: 5px;
                left: 5px;
                font-size: 14px;
                padding: 2px 5px;
                display: block;
                background-color: rgba(243, 227, 219, 1);
                border-radius: 5px;
            }

            .close-btn {
                top: 0px;
                right: 5px;
                font-size: 35px;
            }

            #lightboxInfo {
                bottom: 10px;
                font-size: 14px;
                padding: 0 10px;
            }

            .image-title, .image-date, .image-place {
                font-size: 16px;
            }

            .image-subtitle {
                font-size: 16px;
                margin-left: 5px;
                max-width: 70%;
            }
        }

        /* Styles pour les gestes de navigation (swipes) */
        .hammer-enabled {
            touch-action: pan-y;
        }

        .image-subtitle {
            font-weight: 200;
            display: inline-block;
            font-size: 20px;
            color: #e1ae98;
            /* text-align: left; PAS BESOIN ICI, GÉRÉ PAR LE PARENT */
            margin-left: 5px;
            vertical-align: bottom;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            max-width: 50%;
            text-transform: uppercase;
        }