/**
 * 검색 필터 관련 스타일
 * - 계층형 Select 스타일
 */

/* ========================================
   계층형 Select 스타일
   ======================================== */

/* 기본 옵션 스타일 */
.hierarchical-select option,
select[data-hierarchical] option {
    padding: 6px 8px;
}

/* Depth 1 - 최상위 */
.hierarchical-select option[data-depth="1"],
select[data-hierarchical] option[data-depth="1"] {
    font-weight: 600;
}

/* Depth 2 */
.hierarchical-select option[data-depth="2"],
select[data-hierarchical] option[data-depth="2"] {
    padding-left: 24px;
    font-weight: 500;
}

/* Depth 3 */
.hierarchical-select option[data-depth="3"],
select[data-hierarchical] option[data-depth="3"] {
    padding-left: 40px;
    font-weight: 400;
    color: #666;
}

/* Depth 4 */
.hierarchical-select option[data-depth="4"],
select[data-hierarchical] option[data-depth="4"] {
    padding-left: 56px;
    font-weight: 400;
    color: #888;
}

/* Depth 5 */
.hierarchical-select option[data-depth="5"],
select[data-hierarchical] option[data-depth="5"] {
    padding-left: 72px;
    font-weight: 400;
    color: #999;
}

/* Depth 6 */
.hierarchical-select option[data-depth="6"],
select[data-hierarchical] option[data-depth="6"] {
    padding-left: 88px;
    font-weight: 400;
    color: #999;
}

/* Depth 7 */
.hierarchical-select option[data-depth="7"],
select[data-hierarchical] option[data-depth="7"] {
    padding-left: 104px;
    font-weight: 400;
    color: #999;
}

/* Depth 8 */
.hierarchical-select option[data-depth="8"],
select[data-hierarchical] option[data-depth="8"] {
    padding-left: 120px;
    font-weight: 400;
    color: #999;
}

/* Depth 9 */
.hierarchical-select option[data-depth="9"],
select[data-hierarchical] option[data-depth="9"] {
    padding-left: 136px;
    font-weight: 400;
    color: #999;
}

/* Depth 10 */
.hierarchical-select option[data-depth="10"],
select[data-hierarchical] option[data-depth="10"] {
    padding-left: 152px;
    font-weight: 400;
    color: #999;
}

/* 기존 categorySelect 호환성 유지 */
#categorySelect option {
    padding: 6px 8px;
}

#categorySelect option[data-depth="1"] {
    font-weight: 600;
}

#categorySelect option[data-depth="2"] {
    padding-left: 24px;
    font-weight: 500;
}

#categorySelect option[data-depth="3"] {
    padding-left: 40px;
    font-weight: 400;
    color: #666;
}