/*
 Theme Name: Astra Child
 Theme URI: https://soulkeeper.net/
 Description: My custom child theme for Astra
 Author: soulkeeper
 Author URI: https://soulkeeper.net/
 Template: astra
 Version: 1.0.7
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain: astra-child
*/

/* 이미지 박스 하단 마진 추가 */
figure {
	margin-bottom:20px;
}

/* 이미지 캡션 중앙 정렬 */
figure figcaption {
	text-align:center;
}

/* 글 목록 박스 드랍쉐도우 삭제 */
.ast-blog-layout-4-grid .ast-article-inner {
	box-shadow:none;
}

/* 태그 링크 앞에 # 추가 */
.ast-terms-link a::before { /* ast-terms-link 스팬 안에 있는 모든 a 태그 */
    content: "#"; /* 추가할 내용 */
    margin-right: 1px; /* 태그 이름과 # 사이에 약간의 간격 */
}

/* 댓글 이메일, url 필드 숨김 + 이름 늘림 + 안내멘트 삭제 */
p.comment-form-email, p.comment-form-url, p.comment-notes {
    display: none;
}
p.comment-form-author {
    width: 100%;
}

/* 탑 메뉴 드롭다운 쉐도우 삭제 */
.ast-desktop .main-header-menu.ast-menu-shadow .sub-menu {
    box-shadow: none;
}

/* 모바일 화면 브레드크럼 보조바 패딩 */
@media (max-width: 921px) {
    .ast-archive-entry-banner[data-post-type="post"] .ast-container {
        padding-left: 20px;
        padding-right: 20px;
    }
}
/* 모바일 화면 글 목록 패딩 제거 */
/* .ast-separate-container .ast-blog-layout-4-grid .ast-article-post {
    padding: 0;
} */

.ast-archive-description {
    border-bottom: none;
}

/* 탑 메뉴 드롭다운 카테고리, 제목 영역 카테고리+태그 글 수 폰트 조절 */
.category-count,
body.archive .ast-archive-description .ast-archive-title span.category-post-count,
body.archive .ast-archive-description .ast-archive-title span.tag-post-count {
    font-size: 0.75em; /* 폰트 크기를 부모 요소의 75%로 줄임 */
    color: var(--ast-global-color-0);;
}

.main-header-menu .sub-menu {
    width: 200px;
}
.main-header-menu .sub-menu .menu-link {
    padding: 0.7em 1em;
}

/* 글 목록 박스 스타일 조절 */
.ast-article-inner {
    padding: 20px 0;
}
.ast-blog-featured-section {
    margin-bottom: 1.2em;
 }
.entry-header {
    margin-bottom: 0.6em;
}
.entry-title {
    margin-bottom: 0.3em;
}
.entry-title a {
    font-weight: 500;
}
#primary {
    margin: 2em 0 4em 0;
}
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 2em;
}
.ast-blog-layout-5-grid .post-content {
    padding-left: 0;
}
.ast-blog-layout-5-grid .ast-article-inner {
    box-shadow: none;
    padding: 0 0 10px 0;
}
.ast-blog-layout-5-grid .ast-blog-featured-section {
    padding-right: 1.5em;
}
.post-navigation + .comments-area {
    padding-top: 2em;
}
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] {
    padding-bottom: 15px;
    background-color: #fff;
    border-top: none;
}
.site-primary-footer-wrap .ast-builder-html-element p:last-child {
    font-weight: 300;
}
.site-primary-footer-wrap .ast-builder-html-element p:last-child strong {
    font-weight: 400;
}
.post-single-categories.hierarchical {
    margin-bottom: 15px;
}
.category-separator {
    color: #a7ac7f;
    margin: 0 5px;
    font-size: 0.9em;
    font-weight: 300;
}
@media (max-width: 544px) {
    .ast-header-search .astra-search-icon {
        margin-right: 10px;
    }
}

/* 글 목록 상,하단 여백 조절 */
@media (min-width: 993px) {
    .ast-separate-container #primary {
        margin: 2em 0;
    }
}
@media (max-width: 921px) {
    #primary {
        padding: 0;
    }
    .ast-blog-layout-5-grid .ast-blog-featured-section {
        padding-right: 0;
        margin-bottom: 1em;
    }
    .search .entry-header {
        margin-bottom: 0.6em;
    }
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 0;
    }
}
@media (max-width: 992px) {
    .ast-separate-container #primary {
        padding: 2em 0;
    }
}
@media (min-width: 1200px) {
    .ast-plain-container.ast-no-sidebar #primary {
        margin-top: 2em;
        margin-bottom: 2em;
    }
}
.wp-block-gallery.has-nested-images figcaption {
    margin-top: -16px;
}
.ast-mobile-popup-drawer .ast-mobile-popup-inner {
    max-width: 60%;
}

/* 시리즈 박스 css */
.seriesbox {
	margin-top: 3.5em;
    background: #f8f8f8;
}
.seriesbox .center a {
    font-size: 14px;
    font-weight: 500;
    color: var(--ast-global-color-3);
}
.seriesbox a, .seriesmeta a {
    color: var(--ast-global-color-3);
    font-size: 14px;
}
.seriesbox a:hover {
    color: var(--ast-global-color-3);
}
li.serieslist-li-current {
    color: var(--ast-global-color-1);
    font-size: 14px;
}
.seriesbox ul.serieslist-ul {
    list-style: none;
}
li.serieslist-li::before {
    background: var(--ast-global-color-3);
    content: "";
    position: absolute;
    border-radius: 2px;
    width: 3px;
    height: 3px;
    margin-left: -11px;
    margin-top: 11px;
}
li.serieslist-li-current::before {
    background: var(--ast-global-color-1);
    content: "";
    position: absolute;
    border-radius: 2px;
    width: 3px;
    height: 3px;
    margin-left: -11px;
    margin-top: 11px;
}
.ast-pagination .page-numbers {
    font-size: 1rem;
    font-weight: 400;
    /* width: 2em;
    height: 2em;
    line-height: calc(2em - 3px); */
}
.ast-pagination .page-numbers.current {
    font-weight: 500;
}
/* 코멘트 */
.ast-comment-info img {
    box-shadow: none;
}
.ast-comment-list .children {
    margin-left: 4em;
}
.ast-plain-container .ast-comment {
    padding: 1em 0;
}
.comment-respond {
    padding-top: 0;
}
h3.comments-title {
    font-size: 20px;
    font-weight: 500;
    /* display: none; */
}
h3.comment-reply-title {
    display: none;
}
p.comment-form-comment label {
    display: none;
}
@media (max-width: 767px) {
  .wp-block-gallery.is-layout-flex {
    flex-direction: column !important;
    gap: 1rem !important; /* 이미지 간격 여유 */
  }

  .wp-block-gallery.is-layout-flex .wp-block-image {
    width: 100% !important;
    margin: 0 auto;
  }

  .wp-block-gallery.is-layout-flex .wp-block-image img {
    width: 100% !important;
    height: auto;
  }
}