/*
 Theme Name:  GeneratePress Child
 Template:     generatepress
 Version:      1.2.0
 Description:  외부 썸네일 + 카드형 목록 + 미니멀 타입그래피 + 위젯/푸터 정리
 Author:       Blogers
*/

/* ========== 기본 변수 ========== */
:root{
  --thumb-radius: 12px;
  --card-radius: 12px;
  --card-border: #eaeaea;
  --card-shadow: 0 1px 4px rgba(0,0,0,.04);
  --card-shadow-hover: 0 6px 16px rgba(0,0,0,.10);
  --brand: #1a73e8;
  --text: #333;
  --muted: #777;
  --bg: #fafafa;
  --widget-border: #f0f0f0;
}

/* ========== 베이스 타이포/배경 ========== */
body{
  font-family: 'Noto Sans KR','Apple SD Gothic Neo',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
  font-size: 17px;
  line-height: 1.8;
  color: var(--text);
  background: var(--bg);
}
a{
  color: #222;
  text-decoration: none;
  transition: color .2s ease, opacity .2s ease;
}
a:hover{ color: var(--brand); }

/* 본문 이미지 기본 라운드 */
.entry-content img,
.wp-block-image img{
  border-radius: 8px;
}

/* 상단 메뉴 라인 정리 */
.main-navigation{
  border-bottom: 1px solid #eaeaea;
  background: #fff;
}
.main-navigation .main-nav ul li a{ font-weight:500; padding:12px 18px; }
.main-navigation .main-nav ul li a:hover{ color:#0073e6; }

/* ========== 목록(블로그/아카이브/검색) 카드형 ========== */
/* 컨텍스트 선택자(우선순위 강화) */
.separate-containers .site-main .inside-article{
  position: relative;
  padding: 18px 18px 14px;
  border: 1px solid var(--card-border);
  border-radius: var(--card-radius);
  box-shadow: var(--card-shadow);
  transition: box-shadow .25s ease, transform .25s ease;
  margin-bottom: 24px;
  background: #fff;
}
.separate-containers .site-main .inside-article:hover{
  box-shadow: var(--card-shadow-hover);
  transform: translateY(-2px);
}

/* 카드 전체 클릭 오버레이(원하면 a.gp-card-overlay를 템플릿에서 출력) */
.gp-card-overlay{ position:absolute; inset:0; z-index:1; }
.inside-article > * { position:relative; z-index:2; } /* 내용 클릭 가능 */

/* 목록 썸네일 – GP 기본 img 규칙 덮어쓰기 */
.separate-containers .site-main .entry-image{ margin: 0 0 12px; }
.separate-containers .site-main .entry-image img{
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--thumb-radius);
  display: block;
}

/* 목록 타이틀/간격 */
.blog .entry-title,
.archive .entry-title,
.search .entry-title{ margin-bottom: 8px; }

/* 메타(작성일 등) 옅게 */
.entry-meta{ opacity:.7; font-size:.92em; }

/* ========== 단일 글(히어로) ========== */
.single .entry-hero{ margin: 0 0 28px; }
.single .entry-hero img{
  width:100%; height:auto; display:block; border-radius: var(--thumb-radius);
}

/* 본문 가독성 보정 */
.entry-content p{ margin: 0 0 1.05em; }
.entry-content h2, .entry-content h3{ margin-top: 1.6em; margin-bottom: .6em; }
.entry-content ul, .entry-content ol{ padding-left: 1.1em; }

/* ========== 사이드바 위젯 ========== */
.right-sidebar .widget-area .widget{
  background:#fff;
  border-radius:10px;
  padding:18px;
  box-shadow: 0 2px 6px rgba(0,0,0,.05);
  border:1px solid var(--widget-border);
  margin-bottom: 24px;
}
/* 위젯 제목(클래식/블록 모두 커버) */
.right-sidebar .widget-area .widget .widget-title,
.right-sidebar .widget-area .wp-block-heading{
  font-size:16px;
  border-bottom:2px solid var(--widget-border);
  padding-bottom:8px; margin-bottom:12px;
}

/* 검색 위젯(WP 블록 마크업) */
.widget_search .wp-block-search__input{
  height:40px; border-radius:8px; border:1px solid #e5e5e5; padding:0 10px;
}
.widget_search .wp-block-search__button{
  height:40px; border-radius:8px; border:1px solid #e5e5e5; background:#fff; cursor:pointer;
}
.widget_search .wp-block-search__button:hover{ border-color: var(--brand); color: var(--brand); }

/* 최신 글/리스트 위젯 */
.widget .wp-block-latest-posts__list{ list-style:none; margin:0; padding:0; }
.widget .wp-block-latest-posts__list li{ border-bottom:1px solid #eee; padding:8px 0; }
.widget .wp-block-latest-posts__list li a{ color:#333; text-decoration:none; }
.widget .wp-block-latest-posts__list li a:hover{ color:#0073e6; }

/* ========== 푸터 ========== */
.site-info{
  text-align:center;
  font-size:13px;
  color: var(--muted);
  padding: 22px 0;
  border-top:1px solid #eee;
  background:#f9f9f9;
}

/* ========== 유틸 ========== */
/* 버튼/링크 강조 */
.entry-content a.button,
.wp-block-button__link{
  background: var(--brand); color:#fff; border-radius:8px; padding:8px 14px;
}
.entry-content a.button:hover,
.wp-block-button__link:hover{ opacity:.9; }

/* 코드/프리태그 */
pre, code{
  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
pre{
  background:#f6f8fa; border:1px solid #eee; padding:12px; border-radius:8px;
  overflow:auto;
}

/* ========== 선택: 포스트 많아지면 2열 그리드 (주석 해제 시 사용) ========== */
/*
@media (min-width: 900px){
  .blog .site-main{ display:grid; grid-template-columns: 1fr 1fr; gap:24px; }
  .blog .site-main .inside-article{ margin-bottom:0; }
}
*/

/* ========== 선택: 본문 폭 살짝 타이트하게(가독성↑) ========== */
/*
.content-area{ max-width:760px; }
}
*/


body {
  font-family: 'Pretendard', 'Noto Sans KR', system-ui, sans-serif;
}

.main-navigation .main-nav ul li a:hover {
  border-bottom: 2px solid #1a73e8;
  color: #1a73e8;
}

/* ===== 푸터 하단 메뉴(가로 정렬 + 작게 + 담백) ===== */
.site-footer .footer-menu,
.site-footer .widget_nav_menu .menu,
.site-footer .wp-block-navigation__container,
.site-footer .wp-block-page-list,
.site-footer .wp-block-list {
  list-style: none;
  margin: 8px auto 0;
  padding: 0;
  display: inline-flex;        /* 가로 줄세우기 */
  gap: 16px;                   /* 항목 간격 */
  align-items: center;
}

.site-footer .footer-menu li,
.site-footer .widget_nav_menu .menu li,
.site-footer .wp-block-navigation__container > li,
.site-footer .wp-block-page-list > li,
.site-footer .wp-block-list > li {
  margin: 0; padding: 0;
}

.site-footer .footer-menu a,
.site-footer .widget_nav_menu .menu a,
.site-footer .wp-block-navigation__container a,
.site-footer .wp-block-page-list a,
.site-footer .wp-block-list a {
  font-size: 14px;
  line-height: 1;
  color: #777;
  text-decoration: none;
  opacity: .9;
}

.site-footer .footer-menu a:hover,
.site-footer .widget_nav_menu .menu a:hover,
.site-footer .wp-block-navigation__container a:hover,
.site-footer .wp-block-page-list a:hover,
.site-footer .wp-block-list a:hover {
  color: #111;
  opacity: 1;
}

/* 푸터 가운데 정렬 */
.site-footer .site-info,
.site-footer .inside-site-info { text-align: center; }

/* (선택) 작은 구분자 넣고 싶으면 주석 해제
.site-footer .footer-menu li + li::before,
.site-footer .widget_nav_menu .menu li + li::before,
.site-footer .wp-block-navigation__container li + li::before,
.site-footer .wp-block-page-list li + li::before {
  content: "·";
  color: #ccc;
  margin-right: 16px;
} */