/**
 * rc1001/theme/basic/css/main.css 와 동일 (703~757행)
 * 스코프만 .rc-custom-select-root 로 감싸 재사용 시 충돌 방지
 */

.rc-custom-select-root .custom-select {
    position: relative;
    width: 120px;
}

.rc-custom-select-root .custom-select .select-trigger {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    padding: 0 12px;
    border: 1px solid #c5ccd4;
    border-radius: 8px;
    background: #fff;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.rc-custom-select-root .custom-select .select-trigger .arrow {
    transition: transform .25s ease;
}

/* 열렸을 때 화살표 회전 */
.rc-custom-select-root .custom-select.active .select-trigger .arrow {
    transform: rotate(180deg);
}

.rc-custom-select-root .custom-select .select-options {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    width: 100%;
    max-height: 200px;
    /* ✅ 스크롤 영역 높이 */
    overflow-y: auto;
    /* ✅ 스크롤 */
    border: 1px solid #c5ccd4;
    border-radius: 8px;
    background: #fff;
    z-index: 10;
}

.rc-custom-select-root .custom-select .select-options li {
    padding: 10px 12px;
    cursor: pointer;
    font-size: 14px;
}

.rc-custom-select-root .custom-select .select-options li:hover {
    background: #f1f3f5;
}