/* 뉴스레터 버튼 스타일 */
.tnp-field-button input.tnp-submit {
  display: block;
  width: 80%;           /* 부모 컨테이너 가로폭 전부 차지 */
  max-width: 600px;      /* 검색창의 실제 최대 폭이 예를 들어 600px이라면 */
  margin: 0 auto;        /* 가운데 정렬 */
  box-sizing: border-box;
}

/* 모양 통일 */
.wp-ulike-likers-list img,
.wp_ulike_likers img {
  width: 32px; height: 32px;
  border-radius: 50%;
  border: 1px solid #e5e7eb;
  object-fit: cover;
}

/* 컨테이너: 가로 배치 + 줄바꿈 허용 */
.meta-actions{
  display:flex;
  align-items:center;
  column-gap:12px;        /* 버튼 사이 간격 */
  row-gap:6px;            /* 위/아래 줄 간격 */
  flex-wrap:wrap;
}

/* wp_ulike 래퍼를 '보이지 않는 래퍼'로 만들어 내부를 플렉스 자식처럼 */
.meta-actions .wpulike{ display:contents; }

/* 1줄째: 좋아요 버튼과 공유 아이콘 정렬 */
.meta-actions .wp_ulike_general_class,
.meta-actions .wp_ulike_btn{        /* WP ULike 버튼 박스 */
  display:inline-flex !important;
  align-items:center;
  gap:6px;
  height:32px;                      /* AddToAny와 높이 맞춤 */
  padding:0 10px;
  border:1px solid #e5e7eb;
  border-radius:9999px;
  background:#fff;
  box-shadow:none !important;
}
.meta-actions .a2a_kit{             /* AddToAny 아이콘 모음 */
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 !important;
}
.meta-actions .a2a_svg{ width:32px; height:32px; }

/* 2줄째: likers 목록을 '전체 너비 한 줄'로 내리기 */
.meta-actions .wp_ulike_likers,
.meta-actions .wp_ulike_likers_wrapper{
  order:3;               /* 항상 아래쪽에 */
  flex-basis:100%;       /* 한 줄 전부 차지 */
  display:block;
  margin-top:6px;
}

/* (정돈) 기본 마진 제거 + 세로축 보정 */
.meta-actions .wpulike,
.meta-actions .wpulike *{ margin-bottom:0; vertical-align:middle; }

/* 최신 글 블록 제목 링크 밑줄 제거 */
.wp-block-latest-posts a {
  text-decoration: none !important;
}

/* hover 시에도 밑줄 안 나오게 */
.wp-block-latest-posts a:hover {
  text-decoration: none !important;
}

/* 최신 글 블록 항목을 가로 정렬 */
.wp-block-latest-posts.is-grid li,
.wp-block-latest-posts li {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

/* 제목은 왼쪽 정렬 */
.wp-block-latest-posts li a {
  flex: 1;                 /* 왼쪽 영역 차지 */
  text-align: left;
  color: #111;             /* 필요시 글자색 지정 */
  font-size: 1.2em;
}

.wp-block-latest-posts li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;  /* ← 이게 위아래 간격 */
}

/* 날짜는 오른쪽 정렬 */
.wp-block-latest-posts__post-date {
  margin-left: 1em;        /* 제목과 간격 */
  white-space: nowrap;     /* 줄바꿈 방지 */
  color: #666;             /* 연한 회색 */
  font-size: 1em;        /* 살짝 작게 */
}

.wp-block-latest-posts li:last-child {
  margin-bottom: 0;
}

/* 버튼 가운데 정렬 */
.tnp-field-button {
  text-align: center !important;
  margin-top: 30px; /* 이메일 입력 칸과 버튼 사이 여백 */
}

/* ===== wpDiscuz: 닉네임/아바타/Author 배지 무채색화 ===== */

/* 1) 닉네임(작성자 이름) 컬러를 중성 그레이로 */
#wpdcom .wpd-comment-author,
#wpdcom .wpd-comment-author a {
  color: #666 !important;
  font-weight: 600;
}
#wpdcom .wpd-comment-author a:hover {
  color: #444 !important;
  text-decoration: none;
}

/* 1. 아바타 테두리(작성자/관리자일 때 초록색 원) → 무채색 */
#wpdcom .wpd-avatar img {
  border: 2px solid #ccc !important; /* 연한 회색 테두리 */
  border-radius: 50%;
  box-shadow: none !important;
}

/* wpDiscuz Author 배지 → 무채색 회색 톤 */
#wpdcom .wpd-badge-author,
#wpdcom .wpd-badge.wpd-badge-author,
#wpdcom .wpd-badge[data-role="author"] {
  background-color: #e5e7eb !important; /* 밝은 회색 배경 */
  color: #444 !important;               /* 진한 회색 텍스트 */
  border: 1px solid #d1d5db !important; /* 회색 테두리 */
  box-shadow: none !important;
}

/* 2-1. 혹시 그라데이션/삼각형 장식 있으면 제거 */
#wpdcom .wpd-badge.wpd-badge-author:before,
#wpdcom .wpd-badge.wpd-badge-author:after {
  display: none !important;
}


/* (선택) 기타 링크/구분선도 무채색 톤으로 통일 */
#wpdcom .wpd-control-link,
#wpdcom .wpd-link {
  color: #6b7280 !important;      /* Tailwind의 gray-500 느낌 */
}
#wpdcom .wpd-comment .wpd-comment-header {
  border-bottom: 1px solid #e5e7eb !important;
}

/* 모든 '페이지'의 제목 숨기기 */
body.page h1.entry-title,
body.page .entry-title,
body.page .wp-block-post-title {
  display: none !important;
}

/* 블록에 붙인 클래스명으로 교체 (예: my-cat-list) */
.wp-block-categories-list {
  display: flex;
  justify-content: center;   /* 묶음 자체를 정확히 가운데 */
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

.wp-block-categories-list li {
  /* flex 아이템이면 별도 margin 불필요 */
}

.wp-block-categories-list li + li::before {
  content: "|";              /* 첫 항목 제외, 앞에만 구분자 */
  display: inline-block;
  margin: 0 30px;            /* 좌우 간격 */
}

.wp-block-categories-list a {
  text-decoration: none;     /* 밑줄 제거(이미 적용했으면 생략) */
}

.widget_categories ul,
.wp-block-categories-list {
    list-style: none;   /* 글머리 기호 제거 */
    padding: 0;
    margin: 0;
}

.widget_categories ul li a,
.wp-block-categories-list li a {
    text-decoration: none; /* 밑줄 제거 */
}