/**
 * 헤더 하단: 연한 회색 그라데이션 선 (양끝 페이드)
 * body.header-scroll-border: 스크롤 시 그림자
 */
.boolub-header {
    border-bottom: none;
    /* 하단 선(::after)이 자식 배경(메뉴 행) 아래로 깔리지 않도록 */
    isolation: isolate;
}

.boolub-header::after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: 1px;
    pointer-events: none;
    z-index: 20;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgb(226 232 240) 6%,
        rgb(226 232 240) 94%,
        transparent 100%
    );
}

.dark .boolub-header::after {
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgb(71 85 105) 6%,
        rgb(71 85 105) 94%,
        transparent 100%
    );
}

body.header-scroll-border > header.header-scroll-border--scrolled {
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.06);
}

.dark body.header-scroll-border > header.header-scroll-border--scrolled {
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.35);
}