/*
Theme Name: AI툴로그
Template: generatepress
Description: AI툴로그 전용 차일드 테마 — 따뜻한 화이트 + 에메랄드 그린, 타이포그래피 중심
Version: 1.0.0
*/

:root {
  --at-bg: #faf8f5;
  --at-bg-elevated: #ffffff;
  --at-text: #1d1b18;
  --at-text-2: #6b6560;
  --at-border: #e8e3dc;
  --at-accent: #0c7a56;
  --at-accent-hover: #086646;
  --at-accent-soft: #e7f3ee;
}

body {
  font-family: "Pretendard Variable", Pretendard, "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
  background-color: var(--at-bg);
  color: var(--at-text);
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
}

/* ── 헤더 ── */
.site-header {
  background-color: rgba(250, 248, 245, 0.95);
  border-bottom: 1px solid var(--at-border);
}
.main-title a {
  font-weight: 800;
  letter-spacing: -0.02em;
  color: var(--at-text);
}
.main-title a:hover { color: var(--at-accent-hover); }
.site-description { color: var(--at-text-2); font-size: 0.85rem; }

/* ── 내비게이션 ── */
.main-navigation,
.main-navigation .main-nav ul li a {
  background-color: transparent;
  color: var(--at-text-2);
  font-weight: 600;
  transition: color 0.2s;
}
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li.current-menu-item a {
  color: var(--at-accent);
}
.main-navigation .main-nav ul li a,
.main-navigation .main-nav ul li a:hover,
.main-navigation .main-nav ul li a:focus,
.main-navigation .main-nav ul li a:active,
.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li.sfHover > a {
  background-color: transparent !important;
}
.main-navigation .main-nav ul li.current-menu-item > a {
  color: var(--at-accent);
  box-shadow: inset 0 -2px 0 var(--at-accent);
}

/* ── 링크/버튼 ── */
a { color: var(--at-accent); transition: color 0.2s; }
a:hover { color: var(--at-accent-hover); }

button, .button, input[type="submit"],
.wp-block-button__link {
  background-color: var(--at-accent);
  color: #fff;
  font-weight: 700;
  border-radius: 6px;
  transition: background-color 0.2s, transform 0.2s;
}
button:hover, .button:hover, input[type="submit"]:hover,
.wp-block-button__link:hover {
  background-color: var(--at-accent-hover);
  color: #fff;
  transform: translateY(-1px);
}

/* ── 글 목록/본문 ── */
.site-main article {
  background-color: var(--at-bg-elevated);
  border: 1px solid var(--at-border);
  border-radius: 10px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.site-main article:hover {
  box-shadow: 0 4px 14px rgba(29, 27, 24, 0.07);
}
.entry-title a { color: var(--at-text); font-weight: 800; letter-spacing: -0.02em; }
.entry-title a:hover { color: var(--at-accent-hover); }
.entry-meta { color: var(--at-text-2); font-size: 0.82rem; }

h1, h2, h3, h4 { letter-spacing: -0.02em; font-weight: 800; color: var(--at-text); }
.entry-content h2 {
  margin-top: 2.4em;
  padding-left: 0.55em;
  border-left: 4px solid var(--at-accent);
}

/* 본문 표 */
.entry-content table {
  border-collapse: collapse;
  border: 1px solid var(--at-border);
  background: var(--at-bg-elevated);
}
.entry-content th {
  background: #f3efe9;
  padding: 0.7em 1em;
  border-bottom: 1px solid var(--at-border);
}
.entry-content td {
  padding: 0.7em 1em;
  border-bottom: 1px solid var(--at-border);
}

/* 인용/팁 박스 */
.entry-content blockquote {
  background: var(--at-accent-soft);
  border-left: 4px solid var(--at-accent);
  border-radius: 6px;
  padding: 1em 1.3em;
  font-style: normal;
  color: var(--at-text);
}

/* ── 푸터 ── */
.site-footer, .site-info {
  background-color: #1d1b18;
  color: #a8a29b;
}
.site-info a { color: #cfc9c1; }
.site-info a:hover { color: #7fd4b5; }