/*
Theme Name: TwentyTwentyFive Child
Template: twentytwentyfive
Version: 1.0
Description: 랜딩페이지 자식테마. page-landing.php가 실제 디자인을 담당.
*/

/* ═══════════════════════════════════════════════════════════════
   아래는 홈프라이스허브(hph-*)에서 검증된 발행글 디자인 패키지를
   econolifehub 브랜드컬러(네이비#0e2a47+민트그린#00c896)로 이식한 것
   (2026-07-21, 클래스 접두사 eco-로 분리 — 발자국 방지)
   ═══════════════════════════════════════════════════════════════ */
:root{
  --eco-navy:#0e2a47;
  --eco-navy-deep:#081a2e;
  --eco-accent:#00c896;
  --eco-accent-light:#e4f9f3;
  --eco-text:#1c2733;
  --eco-muted:#5c6b7a;
  --eco-border:#cfd9e2;
}

/* 상단 슬림 고정헤더 */
.wp-site-blocks > header.wp-block-template-part{
  position:sticky; top:0; z-index:100;
  background:rgba(255,255,255,.9);
  -webkit-backdrop-filter:saturate(180%) blur(10px);
  backdrop-filter:saturate(180%) blur(10px);
  border-bottom:1px solid var(--eco-border);
}
header.wp-block-template-part .wp-block-site-title{
  font-weight:800; letter-spacing:-.6px; color:var(--eco-navy);
}
header.wp-block-template-part .wp-block-navigation-item__content{ position:relative; font-weight:600; }
header.wp-block-template-part .wp-block-navigation-item__content::after{
  content:; position:absolute; left:0; bottom:-3px; width:0; height:2px;
  background:var(--eco-accent); border-radius:2px; transition:width .22s ease;
}
header.wp-block-template-part .wp-block-navigation-item__content:hover::after{ width:100%; }

/* 글 상단(브레드크럼·뱃지·제목·메타) */
.eco-post-header{ margin-bottom:6px; max-width:1200px !important; width:100% !important; margin-left:auto !important; margin-right:auto !important; }
.eco-breadcrumb{ font-size:13px; color:var(--eco-muted); margin-bottom:20px; letter-spacing:-.2px; }
.eco-breadcrumb a{ color:var(--eco-muted); text-decoration:none; }
.eco-breadcrumb a:hover{ color:var(--eco-accent); }
.eco-cat-pill{
  display:inline-block; background:var(--eco-accent-light); color:var(--eco-navy);
  font-size:12.5px; font-weight:700; letter-spacing:-.2px;
  padding:6px 14px; border-radius:999px; text-decoration:none; margin-bottom:18px;
  transition:background .18s ease, color .18s ease;
}
.eco-cat-pill:hover{ background:var(--eco-accent); color:#fff; }
.eco-post-title{
  font-size:clamp(27px,3.4vw,38px); font-weight:800; line-height:1.34;
  letter-spacing:-.8px; color:var(--eco-text); margin:0 0 20px;
}
.eco-meta{
  display:flex; flex-wrap:wrap; align-items:center; gap:18px;
  font-size:13.5px; color:var(--eco-muted); letter-spacing:-.2px;
  padding-bottom:22px; border-bottom:1px solid var(--eco-border);
}
.eco-meta span{ display:inline-flex; align-items:center; }
.eco-ic{ width:15px; height:15px; margin-right:6px; opacity:.7; }

/* 2단 레이아웃(PC 스티키 목차 사이드바 / 모바일 1단) */
.eco-layout{
  display:grid; grid-template-columns:1fr 300px; gap:40px; align-items:start;
  max-width:1200px !important; margin-left:auto !important; margin-right:auto !important;
}
.eco-sidebar-inner{ position:sticky; top:88px; }
.eco-sidebar-inner .toc{ margin:0 0 20px !important; }
.eco-ad-slot{ display:none; }
@media (max-width:1024px){
  .eco-layout{ grid-template-columns:1fr; gap:0; }
  .eco-sidebar{ display:none; }
}

/* 목차(.toc) 리디자인 — 회색 채움박스 → 흰 카드+얇은 포인트라인 */
.toc{
  background:#fff !important; border:none !important;
  border-left:3px solid var(--eco-accent) !important;
  box-shadow:0 1px 3px rgba(14,42,71,.08), 0 1px 2px rgba(14,42,71,.04) !important;
  border-radius:6px !important;
}
.toc > p:first-child{
  font-size:11.5px !important; font-weight:700 !important; letter-spacing:1.2px !important;
  text-transform:uppercase !important; color:var(--eco-muted) !important;
}
.toc a{ transition:color .15s ease; }
.toc li{ transition:transform .15s ease; }
.toc li:hover{ transform:translateX(2px); }
.toc li[style*=margin-bottom:9px]{ font-size:17px !important; margin-bottom:12px !important; }
.toc li[style*=margin:6px 0 0 18px]{ font-size:15px !important; margin-top:8px !important; }
.toc li[style*=margin-bottom:9px] > a{ color:var(--eco-navy) !important; }
.toc li[style*=margin:6px 0 0 18px] > a{ color:var(--eco-muted) !important; }
.toc a:hover{ color:var(--eco-accent) !important; }
.toc a span{ color:var(--eco-accent) !important; }

/* 관련글 박스 리디자인(기존글) + 인라인카드(신규글, 이미 클래스 있음) */
.related-links-box, .inline-related-card,
div[style*=background:#f7f7f9]{
  background:#fff !important; border:none !important;
  border-left:3px solid var(--eco-accent) !important;
  box-shadow:0 1px 3px rgba(14,42,71,.08), 0 1px 2px rgba(14,42,71,.04) !important;
  border-radius:6px !important;
}
.related-links-box > p:first-child,
div[style*=background:#f7f7f9] > p:first-child{
  font-size:11.5px !important; font-weight:700 !important; letter-spacing:1.2px !important;
  text-transform:uppercase !important; color:var(--eco-muted) !important;
}
.related-links-box ul a, div[style*=background:#f7f7f9] ul a{
  color:var(--eco-navy) !important; font-size:16px !important; font-weight:600 !important;
  transition:color .15s ease;
}
.related-links-box ul a:hover, div[style*=background:#f7f7f9] ul a:hover{ color:var(--eco-accent) !important; }
.inline-related-card .eyebrow2{ color:var(--eco-accent) !important; }

/* 푸터 배경 구분 */
footer.wp-block-template-part{
  background:var(--eco-accent-light);
  border-top:1px solid var(--eco-border);
}

/* 답글 남기기 폼 컴팩트화 */
.wp-block-comments{ margin-top:32px !important; margin-bottom:32px !important; }
.comment-reply-title{ font-size:17px !important; margin-bottom:10px !important; }
#commentform p{ margin:0 0 12px !important; }
#commentform textarea{ height:90px !important; }
#commentform input[type=submit]{ padding:8px 22px !important; font-size:14px !important; }
.wp-block-post-comments-form{ padding-top:16px !important; padding-bottom:16px !important; }