/* 1. 사이드바 및 메뉴 컨테이너 제약 해제 */
.site-header, 
.site-nav-container, 
.main-navigation,
.wp-block-navigation {
    overflow: visible !important;
}

/* 2. 하위 메뉴(PDF Store) 스크롤바 및 디자인 정교화 */
.main-navigation ul ul,
.wp-block-navigation__submenu-container {
    max-height: 250px !important;    /* 쾌적한 가독성을 위한 높이 제한 */
    overflow-y: auto !important;     /* 필요할 때만 스크롤 생성 */
    overflow-x: hidden !important;   /* 가로 잘림 방지 */
    position: absolute !important;
    display: block !important;
    
    /* 디자인 요소: 테두리를 없애고 은은한 그림자 추가 */
    background-color: #ffffff !important;
    border: none !important;         /* 빨간 테두리 제거 */
    box-shadow: 0 10px 25px rgba(0,0,0,0.1) !important; /* 세련된 입체감 */
    padding: 10px 0 !important;      /* 상하 여백 추가 */
}

/* 3. 스크롤바를 얇고 미니멀하게 변경 (애플 스타일) */
.main-navigation ul ul::-webkit-scrollbar,
.wp-block-navigation__submenu-container::-webkit-scrollbar {
    width: 5px !important;           /* 얇은 스크롤바 */
}

.main-navigation ul ul::-webkit-scrollbar-thumb,
.wp-block-navigation__submenu-container::-webkit-scrollbar-thumb {
    background: #dddddd !important;  /* 눈에 띄지 않는 연한 회색 */
    border-radius: 10px !important;
}

.main-navigation ul ul::-webkit-scrollbar-track {
    background: transparent !important;
}

/* 1. 모바일 및 태블릿 공통 영역 (가로 1024px 이하) */
@media screen and (max-width: 1024px) {
    .main-navigation ul ul,
    .wp-block-navigation__submenu-container {
        position: relative !important; 
        width: 100% !important;
        max-height: none !important; 
        box-shadow: none !important; 
        background-color: #f9f9f9 !important; 
        margin-top: 5px !important;
        font-size: 14px !important; /* 태블릿/모바일 가독성을 위해 글자 크기 조정 */
    }
    
    /* 메뉴 항목 간격 조정 */
    .main-navigation li,
    .wp-block-navigation__submenu-container li {
        padding: 8px 0 !important; /* 터치하기 좋게 간격 확보 */
    }
}

.entry-content img {
  max-width: 100% !important;
  height: auto !important;
  display: block;
  margin: 0 auto;
}