/* 사용자 화면의 문서·목록·팝업·입력창에 공통 스크롤바 색을 적용한다. */
:root {
    --site-scrollbar-thumb: #fdac7a;
    --site-scrollbar-track: #fff5f0;
    --site-scrollbar-hover: #fd7e14;
}

/* 운영체제의 고대비 모드에서는 사용자가 선택한 시스템 색상을 따른다. */
@media (forced-colors: none) {
    * {
        /* 페이지의 ID/클래스별 예전 색보다 공통 색상을 우선한다. */
        scrollbar-color: var(--site-scrollbar-thumb) var(--site-scrollbar-track) !important;
    }

    /* 기본 너비만 제공한다. 개별 페이지의 너비·숨김 설정이 우선한다. */
    *::-webkit-scrollbar { width: 8px; height: 8px; }
    *::-webkit-scrollbar-track,
    *::-webkit-scrollbar-corner {
        background: var(--site-scrollbar-track) !important;
    }
    *::-webkit-scrollbar-thumb {
        background: var(--site-scrollbar-thumb) !important;
        border-color: var(--site-scrollbar-track) !important;
        border-radius: 5px;
    }
    *::-webkit-scrollbar-thumb:hover,
    *::-webkit-scrollbar-thumb:active {
        background: var(--site-scrollbar-hover) !important;
    }

    @supports selector(::-webkit-scrollbar) {
        /* 표준 속성이 WebKit의 둥근 모양·호버·기존 픽셀 너비를 덮지 않게 한다. */
        * { scrollbar-color: auto !important; }
        .restaurant_detail_info,
        .restaurant_hashtag_accordion_content.expanded,
        .touristDestination_detail_panel,
        .touristDestination_item_list,
        .touristDestination_detail_info,
        .touristDestination_youtube_thumbnail_list,
        .help_item_list,
        .massage-region-selector,
        .mypage-point-card__history {
            scrollbar-width: auto !important;
        }
        /* scrollbar-width:none인 목록은 그대로 숨긴다. */
    }
}