/* 헤더 내부 요소들의 순서를 유지하면서 메뉴만 우측으로 정렬 */
.cs-header__col {
    display: flex;
    justify-content: space-between; /* 로고는 왼쪽, 메뉴 영역은 오른쪽 끝으로 배치 */
    width: 100%;
}

/* 메뉴 내부 아이템들을 오른쪽 정렬 */
.main-navigation ul {
    display: flex;
    justify-content: flex-end;
}



/* 1. 기존 Previous Post, Next Post 영어 텍스트 숨기기 */
.cs-entry-prev-next__heading {
    font-size: 0 !important;
}

/* 2. Previous Post 자리에 '이전 글' 넣기 */
.cs-entry__prev .cs-entry-prev-next__heading::before {
    content: "이전 글";
    font-size: 13px;       /* 폰트 크기 (원하는 대로 조절 가능) */
    font-weight: 600;      /* 폰트 두께 */
    color: #111111;        /* 글자 색상 */
    text-transform: uppercase;
}

/* 3. Next Post 자리에 '다음 글' 넣기 */
.cs-entry__next .cs-entry-prev-next__heading::before {
    content: "다음 글";
    font-size: 13px;       /* 폰트 크기 */
    font-weight: 600;      /* 폰트 두께 */
    color: #111111;        /* 글자 색상 */
    text-transform: uppercase;
}




/* 기존 Add a comment 영어 텍스트 숨기기 */
.cs-entry__comments-toggle > span {
    font-size: 0 !important;
}

/* 가상 요소로 '댓글 남기기' 한글 문구 넣기 */
.cs-entry__comments-toggle > span::before {
    content: "댓글 남기기";
    font-size: 16px;       /* 👈 글자 크기 (버튼 크기에 맞춰 조절 가능) */
    font-weight: 600;      /* 글자 두께 */
    color: #ffffff;        /* 흰색 글자 유지 */
    text-transform: none;
}





/* 기존 Load More 영어 텍스트 숨기기 */
.cs-load-more {
    font-size: 0 !important;
}

/* 가상 요소로 '더 보기' 한글 문구 넣기 */
.cs-load-more::before {
    content: "더 보기";
    font-size: 14px;       /* 👈 버튼 크기에 맞춘 글자 크기 */
    font-weight: 600;      /* 글자 두께 */
    color: #ffffff;        /* 흰색 글자 유지 */
    text-transform: none;
}


/* 젯팩의 투박한 기본 디자인은 화면에서 깔끔하게 숨기기 */
#jp-relatedposts {
    display: none !important;
}





/* 오직 가로 1200px 이상의 데스크탑 환경에서만 작동 */
@media screen and (min-width: 1200px) {

    /* 1. 평소 숨김/토글되는 테마의 고유 작동 방식은 그대로 유지하되, 열렸을 때의 상자 너비만 지정 */
    .cs-header__col.cs-col-search .cs-search__form-container {
        width: 500px !important; /* 👈 클릭해서 열렸을 때 가로로 넓어질 크기 */
        max-width: 500px !important;
    }

    /* 2. 내부 폼 구조와 입력창을 지정한 크기에 맞춰 100% 확장 */
    .cs-header__col.cs-col-search .cs-search__form,
    .cs-header__col.cs-col-search .cs-form-group.cs-search__form-group {
        width: 100% !important;
        max-width: 100% !important;
        display: flex !important;
        align-items: center !important;
        position: relative !important; /* 돋보기 아이콘 정렬 기준점 */
    }

    /* 3. 하얀색 입력 상자가 삐져나가지 않도록 마진을 리셋하고 우측 여백 확보 */
    .cs-header__col.cs-col-search .cs-search__input {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        margin: 0 !important;
        font-size: 14px !important;
        padding-left: 15px !important;
        padding-right: 40px !important; /* 돋보기 아이콘과 글자가 겹치지 않는 안전거리 */
        box-sizing: border-box !important;
    }

    /* 4. 구석에서 겉돌던 돋보기 아이콘을 확장된 흰색 상자 우측 안쪽 끝으로 안착 */
    .cs-header__col.cs-col-search .cs-icon-search,
    .cs-header__col.cs-col-search i.cs-icon {
        position: absolute !important;
        right: 15px !important; /* 흰색 상자 오른쪽 끝에서 15px 안쪽 */
        left: auto !important;
        margin: 0 !important;
        pointer-events: none !important;
        z-index: 5 !important;
    }

    /* 5. 불필요한 기본 텍스트 버튼 숨기기 */
    .cs-header__col.cs-col-search .cs-search__submit {
        display: none !important;
    }
}


/*태그에 라인넣기*/
.cs-entry__post-meta .post-categories a:after {
    content: ""; /* 👈 선이 안 보일 때를 대비한 필수 안전장치 */
    border: 1px solid #1fc685;
}


/* 모든 페이지와 세션에서 작성자 프로필 이미지(아바타) 숨기기 */
.cs-entry__author-avatar, 
.avatar, 
.cs-meta-author-link img {
    display: none !important;
}


/* 오직 메인 포스트 슬라이더 내부의 이미지 위에만 20% 검은색 투명 막을 얹습니다 */
.cs-post-slider__item .cs-overlay-background:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.20) !important;
    z-index: 1; /* 기존 테마 그라데이션과 자연스럽게 겹치도록 설정 */
    border-radius: var(--cs-thumbnail-border-radius);
}




/* [커스텀 스타일] 블로그 하단 '댓글 남기기' 버튼 영구 숨김 처리 */
.cs-button.cs-entry__comments-toggle {
    display: none !important;
}


/* [커스텀 스타일] 포스팅(글)화면 ) */

.cs-entry__container {
  padding-top: 60px !important;
  background-color: #fff !important;
}



@media (max-width: 767px) {
  .cs-container {
    padding-left: 14px !important;
    padding-right: 14px !important;
  }

  .cs-entry__container {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
}