/*
 Theme Name: GeneratePress Child
 Template: generatepress
 Version: 1.0.0
*/
@import url('https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css');

body {
  background-color: #f5efe8;
  background-image: url("/wp-content/themes/generatepress-child/img/lisbon.svg");
  background-repeat: repeat;
  background-size: 50px 50px;
  background-position: top left;
}



/* ▶︎ 이미지 기본 스타일 */
.entry-content img {
  border-radius: 10px;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 10px 0;
}


/* ▶︎ 콘텐츠 영역 카드 스타일 (카드식 영역 강조) */
.site-content {
  background-color: transparent;; /* 혹은 #fffaf5 로 더 부드럽게 */
}

/* ▶︎ 자동 크기 조절 이미지 */
img.auto-resize {
  width: 100%;
  height: auto;
  object-fit: contain;
}

/* ▶︎ 반응형 유튜브 임베드 */
.responsive-embed {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 16px;
}
.responsive-embed iframe {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

/* ▶︎ 댓글창 */
.comments-box {
  display: none;
  padding: 12px;
  background: #f9f9f9;
}
.comments-box.active,
.comments-box[style*="display: block"] {
  display: block !important;
}

/* ▶︎ 버튼 스타일 (글쓰기, 공감 등) */
button,
.write-btn,
.reaction-box button {
  background-color: #253A59;
  color: #f5efe8;
  border: none;
  border-radius: 20px;
  padding: 6px 16px;
  font-size: 14px;
  cursor: pointer;
}

/* ▶︎ 네비게이션 스타일 */
.main-nav {
  background-color: transparent;
  color: #f5efe8;
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 10px 0;
}

.main-nav a {
  color: #f5efe8;
  text-decoration: none;
  font-weight: 500;
  padding: 4px 12px;
}
.main-nav a:hover {
  color: #D1A054; /* 보조 포인트 컬러 */
}

.card {
  background-color: transparent;
  border-radius: 12px;
  padding: 16px;
}

/* 댓글 작성 시 글쓰기 버튼 숨기기 */
.hide-floating-button {
  display: none !important;
}

/* 페이지네이션 영역 가운데 정렬 */
.nav-links {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin: 30px auto;
  font-size: 16px;
  font-weight: 500;
}

/* 각 페이지 번호 버튼 스타일 */
.nav-links .page-numbers {
  padding: 8px 16px;
  background: #f2f2f2;
  border-radius: 6px;
  color: #333;
  text-decoration: none;
  transition: background 0.3s;
}

/* 현재 페이지 강조 */
.nav-links .page-numbers.current {
  background: #C94D3F ;
  color: white;
}

/* 마우스 호버 효과 */
.nav-links .page-numbers:hover {
  background: #C94D3F ;
  color: white;
}

/* "다음" 버튼 스타일 */
.nav-links .next {
  font-weight: bold;
}

.comments-box {
  background: transparent;
}

.container {
  margin-bottom: 60px; /* 푸터 높이만큼 여유 공간 확보 */
}

body {
  padding-bottom: 40px; /* 푸터 높이만큼 여백 확보 */
}