/*
Theme Name: the-playland Child
Theme URI: https://www.the-playland.com
Template: theplayland
Author: 박종현
Version: 12.6.5.1714947028
Updated: 2025-03-22 00:00:00
*/

/* NanumSquare 웹폰트 - 최적화: @import 제거, font-display swap은 실제 @font-face에 있어야 동작함 */
/* 권장: functions.php에서 wp_enqueue_style() 방식으로 로드 */
body {
  font-family:
      "NanumSquare", /* 한글 기본 */
      -apple-system, BlinkMacSystemFont, /* 맥 */
      "Segoe UI", Roboto, /* 윈도우, 안드로이드 */
      "Helvetica Neue", Arial, sans-serif; /* 기타 */
  font-variant-numeric: tabular-nums;
}

/* 링크 스타일 */
a,
a:hover {
  text-decoration: none;
}

/* 회원 계정 링크 */
.members-account-links {
  font-size: 0.7em;
}
.members-account-links .members-account-link,
.members-account-links .members-register-link,
.members-account-links .members-loginout-link {
  display: inline-block;
  float: left;
  padding-left: 1em;
}

/* 최신 글 - 작성자 정보 */
.wp-block-post .wp-block-group .writer_info {
  display: inline;
  font-size: 0.8em !important;
}

/* 코스모스팝 소셜공유 여백 */
.cosmosfarm-share-buttons {
  margin-top: 3em;
}

/* 댓글창 로그인 메시지 숨김 */
p.logged-in-as {
  display: none;
}

/* 공통 버튼 스타일 */
.wp-element-button {
  border-radius: 0;
  padding: 1em;
  font-size: 0.8em;
  background-color: #363636;
  color: #ffff00;
}

/* 페이지네이션 숫자 링크 사이 간격 설정 */
.wp-block-query-pagination-numbers {
  font-weight: 600;
}
.wp-block-query-pagination-numbers a {
    
    margin-right: 5px;
    letter-spacing: normal;
    text-decoration: none;
}
.wp-block-query-pagination-numbers a:last-child {
    margin-right: 0;
}
.wp-block-query-pagination-numbers .current {
  color: rgba(0, 0, 0, 0.5);
}
/* 게시글 본문 이미지 가운데 정렬오류 수정 */
.wp-block-image .aligncenter, .wp-block-image .alignleft, .wp-block-image .alignright, .wp-block-image.aligncenter, .wp-block-image.alignleft, .wp-block-image.alignright {
  display: inherit;
}

/* 댓글 웹사이트 입력란 숨기기 */
.comment-form-url { display: none; }

/* 갤러리 모바일 보정 */
@media (max-width: 768px) {
  .wp-block-gallery.is-layout-flex {
    flex-wrap: wrap;
  }

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

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