/**
 * ZINPACK Legacy Reset
 * 기존 Masonry/Bootstrap 충돌 스타일 무효화
 * @version 3.0.0
 */

/* Masonry 충돌 스타일 무효화 */
.zp-grid .zp-widget {
    float: none !important;
    position: relative !important;
}

.zp-grid {
    line-height: normal !important;
}

.grid-sizer {
    display: none;
}

/* Bootstrap 3 잔여 스타일 리셋 */
.zp-grid [class*="col-"] {
    width: auto;
    float: none;
    padding-left: 0;
    padding-right: 0;
}

.zp-grid .row {
    margin-left: 0;
    margin-right: 0;
}

/* 기존 scrap-wrap 스타일 오버라이드 */
.zp-widget.scrap-wrap {
    padding: 0;
    margin: 0;
}

/* ========================================
   레거시 w- 클래스 → CSS Grid 매핑
   Phase 3 Fix: 기존 Masonry 너비 클래스 호환성
   ======================================== */

.zp-widget.w-full { 
    grid-column: 1 / -1 !important; 
}

.zp-widget.w-12 { 
    grid-column: span 12 !important; 
}

.zp-widget.w-9 { 
    grid-column: span 9 !important; 
}

.zp-widget.w-8 { 
    grid-column: span 8 !important; 
}

.zp-widget.w-6 { 
    grid-column: span 6 !important; 
}

.zp-widget.w-4 { 
    grid-column: span 4 !important; 
}

.zp-widget.w-3 { 
    grid-column: span 3 !important; 
}

.zp-widget.w-2 { 
    grid-column: span 2 !important; 
}

/* 반응형: 모바일에서는 전체 너비 */
@media (max-width: 575.98px) {
    .zp-widget[class*="w-"] {
        grid-column: 1 / -1 !important;
    }
}