/*
Theme Name: 바닐라타이거 (Vanilla Tiger)
Theme URI: https://blog.naver.com/vanillatiger
Author: 손짓
Description: 평범함 속 여유를 찾는 개인 블로그용 워드프레스 테마. 왼쪽 프로필+카테고리 사이드바와 오른쪽 썸네일 그리드(최신 글 / 나의 일상 / 부안 지역 소식) 구조. 바닐라·카라멜 톤.
Version: 1.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 7.4
Text Domain: vanillatiger
*/

:root{
  --vanilla:#FBF6EA;
  --cream:#FFFDF8;
  --espresso:#2B221A;
  --caramel:#B26A1B;
  --tiger:#E08A2E;
  --taupe:#8C8073;
  --line:#EBE1CE;
  --shadow:0 4px 18px rgba(120,86,40,.08);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  background:var(--vanilla);color:var(--espresso);
  font-family:"Noto Sans KR",sans-serif;font-weight:400;line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}

/* ---------- Top bar ---------- */
.topbar{background:var(--cream);border-bottom:1px solid var(--line)}
.topbar-in{
  max-width:1160px;margin:0 auto;padding:16px 24px;
  display:flex;align-items:center;justify-content:space-between;gap:16px;
}
.blog-title{
  font-family:"Gowun Batang",serif;font-size:22px;font-weight:700;
  letter-spacing:-.5px;display:flex;align-items:center;gap:10px;color:var(--espresso);
}
.blog-title .mark{
  width:30px;height:30px;border-radius:50%;flex-shrink:0;
  background:repeating-linear-gradient(115deg,var(--caramel) 0 4px,transparent 4px 9px),linear-gradient(135deg,#F6D8A6,#E8A85A);
}
.search-box{
  display:flex;align-items:center;gap:8px;background:var(--vanilla);
  border:1px solid var(--line);border-radius:999px;padding:8px 14px;
  font-size:13px;color:var(--taupe);
}
.search-box input{border:none;background:none;outline:none;font-family:inherit;font-size:13px;width:130px;color:var(--espresso)}

/* ---------- Layout: sidebar + main ---------- */
.layout{
  max-width:1160px;margin:0 auto;padding:28px 24px 60px;
  display:grid;grid-template-columns:236px 1fr;gap:32px;align-items:start;
}

/* ---------- Profile widget ---------- */
.profile{
  background:var(--espresso);border-radius:14px;overflow:hidden;
  color:#E4D9C8;margin-bottom:20px;
}
.profile-photo{
  height:150px;background-size:cover;background-position:center;
  background-image:linear-gradient(160deg,#5B6B7A,#2E3A46 55%,#20303C);
  position:relative;
}
.profile-photo::after{
  content:"";position:absolute;inset:0;
  background:radial-gradient(120px 80px at 60% 40%,rgba(226,150,63,.35),transparent 70%);
}
.profile-body{padding:20px 18px 22px}
.profile-body .name{font-size:16px;font-weight:700;color:#fff;letter-spacing:-.3px}
.profile-body .id{font-size:12px;color:#9A8E7C;margin:2px 0 14px}
.profile-body .bio{font-size:12.5px;line-height:1.85;color:#C6BAA8}
.profile-body .bio p{margin-bottom:11px}
.profile-link{display:inline-block;font-size:12px;color:var(--tiger);margin:4px 0 16px}
.subscribe-btn{
  display:flex;align-items:center;justify-content:center;gap:7px;
  background:var(--tiger);color:#2B221A;border-radius:8px;padding:11px;
  font-size:13px;font-weight:700;transition:background .2s;border:none;cursor:pointer;width:100%;
}
.subscribe-btn:hover{background:#EE9B3D}
.social-row{display:flex;gap:8px;margin-top:12px}
.social-row a{
  flex:1;display:flex;align-items:center;justify-content:center;
  height:34px;border:1px solid rgba(255,255,255,.2);border-radius:8px;
  color:#C6BAA8;transition:color .2s,border-color .2s;
}
.social-row a:hover{color:var(--tiger);border-color:rgba(226,150,63,.5)}
.social-row svg{width:16px;height:16px}

/* ---------- Category tree ---------- */
.cat-tree{
  background:var(--cream);border:1px solid var(--line);border-radius:14px;
  padding:8px 6px 14px;
}
.cat-all{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px 12px;margin-bottom:4px;
  font-weight:700;font-size:14.5px;border-bottom:1px solid var(--line);
}
.cat-all a{color:var(--espresso)}
.cat-all .cnt{font-size:12px;color:var(--taupe);font-weight:400}
.cat-tree ul{list-style:none}
.cat-group{border-bottom:1px dashed var(--line)}
.cat-group:last-child{border-bottom:none}
.cat-parent{
  display:flex;align-items:center;gap:7px;
  padding:10px 12px;font-size:13.5px;font-weight:500;
  transition:color .18s;
}
.cat-parent:hover{color:var(--caramel)}
.cat-parent .fold{color:var(--caramel);font-size:12px}
.cat-parent .cat-name{flex:1}
.cat-parent .cat-name a{color:inherit}
.cat-count{font-size:11px;color:var(--taupe);font-weight:400}
.new-dot{
  width:6px;height:6px;border-radius:50%;background:var(--tiger);
  flex-shrink:0;box-shadow:0 0 0 3px rgba(226,150,63,.18);
}
.cat-children{padding:0 0 8px 6px}
.cat-children li a{
  display:flex;align-items:center;gap:6px;
  padding:6px 12px 6px 20px;font-size:13px;color:#6A5F50;
  transition:color .18s;
}
.cat-children li a::before{content:"└";color:#C9BBA2;font-size:11px;margin-right:2px}
.cat-children li a:hover{color:var(--caramel)}
.cat-children .c-name{flex:1}
.cat-children .cat-count{font-size:10px}

/* ---------- Main content ---------- */
.main{min-width:0}
.block{margin-bottom:44px}
.block-head{
  display:flex;align-items:center;justify-content:space-between;
  margin-bottom:18px;padding-bottom:12px;border-bottom:2px solid var(--espresso);
}
.block-title{display:flex;align-items:center;gap:12px}
.stripes{display:flex;gap:3px}
.stripes i{display:block;width:5px;height:22px;border-radius:3px;background:linear-gradient(var(--tiger),var(--caramel));transform:skewX(-14deg)}
.stripes i:nth-child(2){height:17px;opacity:.75}
.stripes i:nth-child(3){height:12px;opacity:.5}
.block-title h2{font-family:"Gowun Batang",serif;font-size:21px;font-weight:700;letter-spacing:-.5px}
.more-link{font-size:13px;color:var(--caramel);font-weight:500;transition:opacity .2s}
.more-link:hover{opacity:.7}

/* ---------- Post grid ---------- */
.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{display:flex;flex-direction:column;transition:transform .22s}
.post:hover{transform:translateY(-3px)}
.post .thumb{
  aspect-ratio:1/1;border-radius:12px;overflow:hidden;position:relative;
  box-shadow:var(--shadow);
}
.post .thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.post .thumb .ph{
  position:absolute;inset:0;display:flex;align-items:center;justify-content:center;
  font-size:11px;color:rgba(43,34,26,.35);letter-spacing:1px;font-weight:500;
}
.post .thumb .tag{
  position:absolute;top:10px;left:10px;background:rgba(43,34,26,.75);color:#fff;
  font-size:10px;padding:3px 9px;border-radius:999px;font-weight:500;backdrop-filter:blur(2px);z-index:1;
}
.post h3{
  font-size:14.5px;font-weight:500;line-height:1.5;margin:12px 2px 6px;
  letter-spacing:-.3px;color:var(--espresso);
  display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.post .date{font-size:12px;color:var(--taupe);padding:0 2px}
.post .date .cmt{color:var(--tiger);font-weight:700;margin-left:5px}

/* thumbnail fallback hues (대표이미지 없을 때) */
.h1{background:linear-gradient(135deg,#F3D9AE,#E3A96b)}
.h2{background:linear-gradient(135deg,#BFD8CE,#7FB0A0)}
.h3{background:linear-gradient(135deg,#F0C9C0,#D99383)}
.h4{background:linear-gradient(135deg,#D8CBE6,#A992C6)}
.h5{background:linear-gradient(135deg,#EBDDA6,#C9AE63)}
.h6{background:linear-gradient(135deg,#C7DAE8,#8FB2CE)}
.h7{background:linear-gradient(135deg,#F2CBA0,#DC9E58)}
.h8{background:linear-gradient(135deg,#D6E3C4,#A6C077)}
.h9{background:linear-gradient(135deg,#E9D2D8,#C99AA8)}

/* ---------- Single / Page content ---------- */
.entry{background:var(--cream);border:1px solid var(--line);border-radius:16px;padding:34px 38px;box-shadow:var(--shadow)}
.entry .entry-cat{font-size:12px;color:var(--caramel);font-weight:700}
.entry h1.entry-title{font-family:"Gowun Batang",serif;font-size:28px;line-height:1.4;margin:10px 0 8px;letter-spacing:-.5px}
.entry .entry-meta{font-size:12.5px;color:var(--taupe);padding-bottom:20px;margin-bottom:24px;border-bottom:1px solid var(--line)}
.entry .entry-content{font-size:15px;line-height:1.9;color:#3a3128}
.entry .entry-content p{margin-bottom:18px}
.entry .entry-content h2,.entry .entry-content h3{font-family:"Gowun Batang",serif;margin:26px 0 12px}
.entry .entry-content img{border-radius:12px;margin:18px 0}
.entry .entry-content a{color:var(--caramel);text-decoration:underline}

/* ---------- Pagination ---------- */
.pagination{display:flex;gap:8px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.pagination .page-numbers{
  display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;
  background:var(--cream);border:1px solid var(--line);border-radius:9px;font-size:13px;color:var(--espresso);transition:all .2s;
}
.pagination .page-numbers:hover{border-color:var(--caramel);color:var(--caramel)}
.pagination .page-numbers.current{background:var(--caramel);color:#fff;border-color:var(--caramel)}

/* ---------- Footer ---------- */
.site-footer{background:var(--espresso);color:#8A7E6C;padding:26px 24px;text-align:center;font-size:12px}
.site-footer a{color:#B7AA97}

/* ---------- Responsive ---------- */
@media(max-width:900px){
  .layout{grid-template-columns:1fr;gap:24px}
  .profile{margin-bottom:14px}
  .post-grid{grid-template-columns:repeat(2,1fr)}
  .search-box{display:none}
  .entry{padding:26px 22px}
}
@media(max-width:520px){
  .layout{padding:20px 16px 44px}
  .topbar-in{padding:14px 16px}
  .post-grid{grid-template-columns:1fr 1fr;gap:16px}
  .post h3{font-size:13.5px}
}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
a:focus-visible,input:focus-visible,button:focus-visible{outline:2px solid var(--caramel);outline-offset:3px;border-radius:4px}