/*==========================================
📌 [뮤지엄 리스트뷰 스타일]
==========================================*/

/* [1] 컨테이너 초기화 및 배경 제거 */
.notion-callout[class*="pink"]:has(.notion-quote):has(.notion-collection-list) {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    width: 100% !important;
}

/* [2] 인용문 트리거 및 불필요 요소 숨김 */
.notion-callout[class*="pink"]:has(.notion-quote) .notion-quote,
.notion-callout[class*="pink"]:has(.notion-quote) h1 {
    display: none !important;
}

.notion-callout[class*="pink"]:has(.notion-quote) .notion-callout__content {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    margin-top: 0 !important;
}

/* [3] 리스트 아이템 레이아웃 및 구분선 제어 */
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item {
    display: flex !important;
    align-items: left !important;
    padding: 25px 0 !important;
    border-bottom: 1.5px solid #37352f !important;
}

.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item:first-child {
    border-top: 1.5px solid #37352f !important;
}


/*[4] 그룹 헤더 여백 및 패딩 완벽 제거*/
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-group__section-header {
    padding-right: 0 !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
    
    /* 위아래 여백을 0 또는 아주 작은 값으로 조절 */
    padding-top: 0px !important;    
    padding-bottom: 0px !important; 
    margin-top: 0px !important;     
    margin-bottom: 0px !important;  
    
    display: flex !important;
    align-items: center !important;
    min-height: auto !important; /* 노션 기본 높이값 초기화 */
}

/* 그룹 텍스트 상세 스타일 */
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-group__section-header .notion-property {
    padding-right: 0 !important;
    margin-right: 0 !important;
    
    /* 텍스트 스타일 설정 */
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #37352f !important;
    font-family: 'Roboto Flex', 'Noto Sans KR', sans-serif !important;
    line-height: 1.2 !important;
}


/*그룹 첫번째 줄 여백*/
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item:first-child {
    border-top: 1.5px solid #37352f !important;
}


/*그룹 헤더 상단 보더 제거*/
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-group__section-header {
    border-top: none !important;
    margin-top: 0 !important;
}

/* 특정 상황에서 강제로 보더가 나타나는 경우 방지 */
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-group__section-header.not-first {
    border-top: none !important;
}



/* [4] 상세 스타일 (제목 및 속성) */
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property__title {
    font-size: 22px !important;
    font-weight: 600 !important;
    color: #37352f !important;
    font-family: 'Roboto Flex', 'Noto Sans KR', sans-serif !important;
    flex: 2 !important;
}

.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property:not(.notion-property__title):nth-of-type(1) {
    font-size: 40px !important;
    font-weight: 300 !important;
    color: #37352f !important;
    flex: 1 !important;
    text-align: right !important;
}

/*추가 속성 숨김 처리*/
/* 속성 2(nth-of-type(2))부터 숨김 */
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property:not(.notion-property__title):nth-of-type(n+2) {
    display: none !important;
}


/*==========================================
📌 [검색 필터 기능을 보존하며 속성 숨김]
==========================================*/
.notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property:not(.notion-property__title):nth-of-type(n+2) {
    display: block !important;       /* DOM 영역은 확보 */
    opacity: 0 !important;           /* 투명하게 만들어 보이지 않게 함 */
    width: 0 !important;             /* 너비를 0으로 강제 */
    height: 0 !important;            /* 높이를 0으로 강제 */
    padding: 0 !important;           /* 여백 제거 */
    margin: 0 !important;            /* 마진 제거 */
    overflow: hidden !important;     /* 삐져나오는 것 방지 */
    position: absolute !important;   /* 레이아웃에서 이탈시켜 공간 차지 안 함 */
}


/*==========================================
📌 [뮤지엄 리스트뷰 모바일 상세 정렬]
==========================================*/
@media (max-width: 600px) {
    /* 1. 리스트 행 전체를 Flex 컨테이너로 설정 */
    .notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item {
        display: flex !important;
        flex-direction: row !important;
        justify-content: space-between !important; /* 좌우 끝으로 밀착 */
        align-items: center !important;
        padding: 15px 0 !important;
        width: 100% !important;
    }
    
/* 2. 제목(좌측 셀) */
    .notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property__title {
        flex: 1 1 auto !important; /* 공간 확보 */
        text-align: left !important;
        white-space: nowrap !important;
        padding-left: 0 !important;
        margin-left: 0 !important;
    }

    /* 3. 속성1(우측 셀) */
    .notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property:not(.notion-property__title):nth-of-type(1) {
        flex: 0 0 auto !important; /* 고정 너비 유지 */
        text-align: right !important;
        padding-right: 0 !important;
        margin-right: 0 !important;
    }    
    
    
    /* 2. 제목(Title): 좌측 여백 제거 및 밀착 정렬 */
    .notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property__title {
        font-size: 18px !important;
        padding-left: 0 !important; /* 좌측 여백 강제 제거 */
        margin-left: 0 !important;
        flex: 0 1 auto !important;  /* 제목 길이에 맞춰 자동 조절 */
    }

    /* 3. 속성(Property): 우측 끝 정렬 */
    .notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-list__item .notion-property:not(.notion-property__title):nth-of-type(1) {
        font-size: 26px !important;
        padding-right: 0 !important; /* 우측 여백 강제 제거 */
        margin-right: 0 !important;
        text-align: right !important;
        flex: 0 1 auto !important;
    }
    
/*그룹 토글 삭제*/
    .notion-callout[class*="pink"]:has(.notion-quote) .notion-collection-group__section-header .notion-toggle__trigger {
        display: none !important;
    }
    
}