/*
Theme Name: DAALDA Calm News
Theme URI: https://daalda.com
Description: Blocksy를 기반으로 한 다알다 생활정보 뉴스형 자식 테마
Author: DAALDA
Template: blocksy
Version: 1.0.3
Text Domain: daalda-blocksy-child
*/

:root {
  --daalda-ink: #23312b;
  --daalda-muted: #68756f;
  --daalda-green: #326b57;
  --daalda-green-dark: #214b3d;
  --daalda-sage: #dfeae4;
  --daalda-sage-light: #eff5f1;
  --daalda-paper: #f7f5ef;
  --daalda-card: #fffefa;
  --daalda-line: #dfe5df;
  --daalda-warm: #efe4d3;
  --daalda-shadow: 0 18px 45px rgba(43, 66, 55, .08);
}

body,
button,
input,
select,
textarea {
  color: var(--daalda-ink);
  background: var(--daalda-paper);
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif;
  line-height: 1.72;
  word-break: keep-all;
}

html body,
html body :where(h1, h2, h3, h4, h5, h6, p, a, li, button, input, select, textarea, label, table, th, td, blockquote, figcaption) {
  font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", sans-serif !important;
}

a { text-underline-offset: .18em; }

#header [data-row="middle"] {
  background: rgba(255, 254, 250, .94);
  border-bottom: 1px solid var(--daalda-line);
  backdrop-filter: blur(12px);
}

.site-title { font-size: clamp(1.35rem, 2vw, 1.65rem); letter-spacing: -.04em; }
.site-title a { color: var(--daalda-green-dark); }
.header-menu-1 .menu > li > a { color: #45534d; font-size: .92rem; }
.header-menu-1 .menu > li > a:hover { color: var(--daalda-green); }

.daalda-home { background: var(--daalda-paper); }
.daalda-wrap { width: min(1160px, calc(100% - 40px)); margin-inline: auto; }

.daalda-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(54px, 8vw, 94px) 0 50px;
  background: linear-gradient(135deg, #e8f0ea 0%, #f7f3e9 62%, #eee4d5 100%);
}

.daalda-hero::before {
  position: absolute;
  inset: auto auto -170px -130px;
  width: 360px;
  height: 360px;
  border-radius: 50%;
  background: rgba(122, 158, 139, .12);
  content: "";
}

.daalda-hero-grid {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 340px);
  gap: clamp(30px, 6vw, 72px);
  align-items: center;
}

.daalda-kicker,
.daalda-section-kicker {
  color: var(--daalda-green);
  font-size: .78rem;
  font-weight: 700;
  letter-spacing: .12em;
}

.daalda-hero h1 {
  max-width: 780px;
  margin: 14px 0 18px;
  color: var(--daalda-green-dark);
  font-size: clamp(2.35rem, 5.5vw, 4.35rem);
  line-height: 1.17;
  letter-spacing: -.055em;
}

.daalda-hero-copy { max-width: 660px; margin: 0; color: #5c6963; font-size: 1.05rem; }
.daalda-search { display: grid; grid-template-columns: 1fr auto; max-width: 680px; margin-top: 28px; padding: 7px; border: 1px solid rgba(50, 107, 87, .14); border-radius: 16px; background: #fffefa; box-shadow: var(--daalda-shadow); }
.daalda-search input { min-width: 0; padding: 11px 14px; border: 0; outline: 0; background: transparent; color: var(--daalda-ink); font: inherit; }
.daalda-search button { min-width: 88px; padding: 0 18px; border: 0; border-radius: 11px; background: var(--daalda-green); color: #fff; font: inherit; font-weight: 700; cursor: pointer; }
.daalda-search button:hover { background: var(--daalda-green-dark); }
.daalda-topics { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 16px; color: var(--daalda-muted); font-size: .82rem; }
.daalda-topics b { color: var(--daalda-green-dark); }
.daalda-topics a:hover { color: var(--daalda-green); text-decoration: underline; }
.daalda-mascot { width: min(100%, 310px); margin-inline: auto; filter: drop-shadow(0 18px 20px rgba(48, 72, 60, .14)); }

.daalda-categories { padding: 28px 0; border-block: 1px solid var(--daalda-line); background: #fffefa; }
.daalda-category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; }
.daalda-category {
  display: flex;
  min-height: 116px;
  padding: 20px;
  flex-direction: column;
  border: 1px solid var(--daalda-line);
  border-radius: 18px;
  background: var(--daalda-card);
  transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}
.daalda-category:hover { transform: translateY(-3px); border-color: #b8cbbf; box-shadow: var(--daalda-shadow); }
.daalda-category b { color: var(--daalda-green); font-size: 1.05rem; }
.daalda-category span { margin-top: auto; color: var(--daalda-muted); font-size: .78rem; }

.daalda-news { padding: clamp(48px, 7vw, 78px) 0; }
.daalda-section-head { display: flex; justify-content: space-between; gap: 24px; align-items: end; margin-bottom: 24px; }
.daalda-section-head h2 { margin: 4px 0 0; color: var(--daalda-green-dark); font-size: clamp(1.8rem, 3.5vw, 2.55rem); letter-spacing: -.035em; }
.daalda-section-head > a { color: var(--daalda-green); font-size: .85rem; font-weight: 700; }
.daalda-news-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr); gap: 24px; }

.daalda-lead,
.daalda-card,
.daalda-desk {
  border: 1px solid var(--daalda-line);
  border-radius: 22px;
  background: var(--daalda-card);
  box-shadow: 0 12px 34px rgba(43, 66, 55, .05);
}
.daalda-lead { display: flex; min-height: 100%; padding: clamp(25px, 4vw, 38px); flex-direction: column; }
.daalda-meta { color: var(--daalda-green); font-size: .78rem; font-weight: 700; }
.daalda-lead h2 { margin: 16px 0 14px; font-size: clamp(1.65rem, 3.2vw, 2.35rem); line-height: 1.36; letter-spacing: -.035em; }
.daalda-lead p { color: var(--daalda-muted); }
.daalda-read { margin-top: auto; padding-top: 22px; color: var(--daalda-green); font-weight: 700; }
.daalda-side-list { display: grid; gap: 14px; }
.daalda-card { padding: 22px; }
.daalda-card h3 { margin: 10px 0 8px; font-size: 1.06rem; line-height: 1.48; }
.daalda-card p { margin: 0; color: var(--daalda-muted); font-size: .84rem; }

.daalda-more { padding: 0 0 clamp(58px, 8vw, 88px); }
.daalda-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.daalda-card-grid .daalda-card { display: flex; min-height: 220px; flex-direction: column; }
.daalda-card-grid .daalda-read { margin-top: auto; }
.daalda-desk { display: grid; grid-template-columns: .72fr 1.28fr; gap: 28px; margin-top: 48px; padding: clamp(26px, 5vw, 44px); background: var(--daalda-sage-light); }
.daalda-desk h2 { margin: 8px 0 0; color: var(--daalda-green-dark); font-size: 1.8rem; }
.daalda-desk ul { display: grid; gap: 11px; margin: 0; padding: 0; list-style: none; color: #53615b; }
.daalda-desk li { padding-left: 18px; position: relative; }
.daalda-desk li::before { position: absolute; left: 0; color: var(--daalda-green); content: "•"; }

.single-post .entry-content,
.page .entry-content {
  color: #28362f;
  font-size: clamp(1.02rem, 1.5vw, 1.1rem);
  line-height: 1.88;
  letter-spacing: -.012em;
}
.single-post .entry-content > p,
.page .entry-content > p { margin-block: 1.15em; }
.single-post .entry-content h2,
.single-post .entry-content h3 {
  color: var(--daalda-green-dark);
  line-height: 1.4;
  letter-spacing: -.035em;
}
.single-post .entry-content h2 {
  margin-top: 2.35em;
  padding-left: 14px;
  border-left: 5px solid var(--daalda-green);
  font-size: clamp(1.45rem, 3vw, 1.82rem);
  font-weight: 800;
}
.single-post .entry-content h3 {
  margin-top: 1.9em;
  font-size: clamp(1.2rem, 2.4vw, 1.42rem);
  font-weight: 750;
}
.single-post .entry-content strong,
.page .entry-content strong {
  color: #174c39;
  font-weight: 800;
}
.single-post .entry-content li,
.page .entry-content li { margin-block: .5em; }
.single-post .entry-content figcaption,
.single-post .entry-content .image-caption {
  color: #64726b;
  font-size: .9rem;
  line-height: 1.65;
}
.single-post .entry-content a { color: var(--daalda-green); text-decoration: underline; }
.single-post .entry-content .official-action {
  margin: 30px 0;
}
.single-post .entry-content .official-action a {
  display: block;
  padding: 18px 22px;
  border: 2px solid var(--daalda-green);
  border-radius: 14px;
  background: var(--daalda-sage-light);
  color: var(--daalda-green-dark);
  font-size: clamp(1.22rem, 2.2vw, 1.42rem);
  font-weight: 700;
  line-height: 1.45;
  text-align: center;
  text-decoration: none;
}
.single-post .entry-content .official-action a:hover,
.single-post .entry-content .official-action a:focus-visible {
  background: var(--daalda-green);
  color: #fff;
}
.single-post .entry-content blockquote {
  margin: 1.8em 0;
  padding: 18px 20px;
  border-left: 5px solid var(--daalda-green);
  border-radius: 0 12px 12px 0;
  background: var(--daalda-sage-light);
  color: var(--daalda-green-dark);
  font-size: 1.08em;
  font-weight: 700;
}
.single-post .entry-content blockquote p { margin: 0; }
#sidebar .ct-sidebar { border-color: var(--daalda-line); background: var(--daalda-card); box-shadow: var(--daalda-shadow); }
#sidebar .wp-block-categories-list a::before { background: var(--daalda-green); }

@media (max-width: 900px) {
  .daalda-hero-grid,
  .daalda-news-grid,
  .daalda-desk { grid-template-columns: 1fr; }
  .daalda-mascot { width: 190px; }
  .daalda-category-grid { grid-template-columns: repeat(2, 1fr); }
  .daalda-card-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 560px) {
  .daalda-wrap { width: min(100% - 28px, 1160px); }
  .daalda-hero { padding-top: 42px; }
  .daalda-hero h1 { font-size: 2.35rem; }
  .daalda-hero-grid { gap: 24px; }
  .daalda-search button { min-width: 76px; padding-inline: 14px; }
  .daalda-category-grid,
  .daalda-card-grid { grid-template-columns: 1fr; }
  .daalda-category { min-height: 98px; }
  .daalda-section-head { align-items: start; flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}