/* ========================================
   기존 이미지 스타일 + 라이트박스 인라인 스타일 무력화
   ======================================== */

/* 🎯 기본 이미지 스타일 (기존과 동일) */
.post-body img[src^="/img/uploads/"] {
    max-width: 70% !important; 
    width: auto !important;
    height: auto !important;
    margin-bottom: 20px !important;
    display: block !important;
    border-radius: 4px !important;
}

/* 🎯 태블릿 (991px 이하) */
@media (max-width: 991px) {
    .post-body img[src^="/img/uploads/"] {
        max-width: 75% !important;
    }
}

/* 🎯 모바일 (576px 이하) */
@media (max-width: 576px) {
    .post-body img[src^="/img/uploads/"] {
        max-width: 75% !important;
    }
}

/* ========================================
   라이트박스 인라인 스타일 무력화 (핵심!)
   ======================================== */

/* 🎯 라이트박스가 추가하는 인라인 스타일을 무력화 */
.post-body img[src^="/img/uploads/"][data-lightbox][style] {
    max-width: 75% !important;
    width: auto !important;
}

@media (max-width: 991px) {
    .post-body img[src^="/img/uploads/"][data-lightbox][style] {
        max-width: 75% !important;
    }
}

@media (max-width: 576px) {
    .post-body img[src^="/img/uploads/"][data-lightbox][style] {
        max-width: 100% !important;
    }
}

/* ========================================
   라이트박스 기능 유지를 위한 스타일
   ======================================== */

/* 🎯 라이트박스 클릭 커서 */
.post-body img[data-lightbox] {
    cursor: pointer;
    transition: all 0.3s ease;
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(1, 255, 117, 0), 
                0 0 10px rgba(1, 255, 117, 0), 
                0 0 20px rgba(1, 255, 117, 0);
}



/* 호버시 네온글로우 */
/* .post-body img[data-lightbox]:hover {
    box-shadow: 0 0 30px rgba(0, 123, 255, 0.8), 
                0 0 60px rgba(0, 123, 255, 0.4);
    filter: brightness(1.1) contrast(1.1);
} */

/* 호버시 NFP 그린 펄스 */
.post-body img[data-lightbox]:hover {
    border-radius: 4px;
    box-shadow: 0 0 5px rgba(1, 255, 117, 0.8), 
                0 0 10px rgba(1, 255, 117, 0.6), 
                0 0 20px rgba(1, 255, 117, 0.4);
                
    animation: electric-pulse 0.5s infinite alternate;
}

@keyframes electric-pulse {
    0% { 
        box-shadow: 0 0 5px rgba(1, 255, 117, 0.8), 
                    0 0 10px rgba(1, 255, 117, 0.6), 
                    0 0 20px rgba(1, 255, 117, 0.4);
                    border-radius: 4px;
    }
    100% { 
        box-shadow: 0 0 8px rgba(1, 255, 117, 1), 
                    0 0 15px rgba(1, 255, 117, 0.8), 
                    0 0 30px rgba(1, 255, 117, 0.6);
                    border-radius: 4px;
    }
}