/*
Theme Name: CelebPick
Theme URI: https://celebpick.kr
Description: 셀럽PICK 올인원 테마
Author: CelebPick
Version: 5.1
Text Domain: celebpick
*/

/* 브레드크럼 */
.breadcrumb{font-size:12px;color:#999;margin-bottom:20px;display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.breadcrumb a{color:#999;text-decoration:none}
.breadcrumb a:hover{color:#E8601C}
.breadcrumb .current{color:#333}

/* 아카이브 */
.archive-celeb{max-width:1280px;margin:0 auto;padding:30px 20px 60px}
.archive-header{text-align:center;margin-bottom:30px}
.archive-header h1{font-size:28px;font-weight:900;letter-spacing:-0.03em}
.archive-header p{font-size:14px;color:#999;margin-top:8px}
.blog-archive-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.blog-archive-card{display:flex;background:#fff;border-radius:14px;overflow:hidden;text-decoration:none;color:inherit;box-shadow:0 2px 12px rgba(0,0,0,0.04);transition:transform 0.2s}
.blog-archive-card:hover{transform:translateY(-3px)}
.blog-archive-card .bac-img{width:120px;flex-shrink:0;overflow:hidden}
.blog-archive-card .bac-img img{width:100%;height:100%;object-fit:cover}
.blog-archive-card .bac-body{padding:14px 16px;flex:1}
.blog-archive-card .bac-meta{font-size:11px;color:#999;display:flex;gap:8px;align-items:center;margin-bottom:6px}
.blog-archive-card .bac-meta .bac-cat{color:#E8601C;font-weight:600}
.blog-archive-card h2{font-size:15px;font-weight:800;line-height:1.4;margin-bottom:6px}
.blog-archive-card p{font-size:12px;color:#999;line-height:1.5}

/* 블로그 상세 */
.single-blog{max-width:800px;margin:0 auto;padding:30px 20px 60px}
.blog-header{text-align:center;margin-bottom:24px}
.blog-header .blog-meta{display:flex;justify-content:center;gap:10px;align-items:center;font-size:12px;color:#999;margin-bottom:10px}
.blog-header .blog-meta .blog-cat{background:#E8601C;color:#fff;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600;text-decoration:none}
.blog-header h1{font-size:clamp(22px,4vw,32px);font-weight:900;line-height:1.35;letter-spacing:-0.03em;margin-bottom:10px}
.blog-featured-img{margin-bottom:30px;border-radius:14px;overflow:hidden}
.blog-featured-img img{width:100%;height:auto;display:block}
.blog-content{font-size:15px;line-height:1.85;color:#333}
.blog-content h2{font-size:22px;font-weight:800;margin:35px 0 14px;color:#1a1a1a}
.blog-content h3{font-size:18px;font-weight:700;margin:28px 0 10px;color:#1a1a1a}
.blog-content p{margin-bottom:16px}
.blog-content img{max-width:100%;border-radius:10px;margin:15px 0}
.blog-content a{color:#E8601C}
.blog-content ul,.blog-content ol{padding-left:20px;margin-bottom:16px}
.blog-content li{margin-bottom:6px}
.blog-nav{display:flex;justify-content:space-between;gap:20px;margin-top:40px;padding-top:30px;border-top:2px solid #eee}
.blog-nav a{text-decoration:none;color:inherit;flex:1;padding:12px;background:#f9f7f4;border-radius:10px;transition:transform 0.2s}
.blog-nav a:hover{transform:translateY(-2px)}
.blog-nav span{font-size:11px;color:#999}
.blog-nav strong{display:block;font-size:14px;font-weight:700;margin-top:4px;line-height:1.4}
.blog-nav-next{text-align:right}
.coupang-disclosure{margin-top:30px;padding:15px;background:#f9f7f4;border-radius:10px;font-size:11px;color:#999;line-height:1.7}

/* 푸터 */
.site-footer{background:#111;color:rgba(255,255,255,0.4);text-align:center;padding:32px 20px;font-size:11px;line-height:1.8}
.site-footer a{color:rgba(255,255,255,0.6)}
.site-footer .footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px;margin:15px 0}
.site-footer .footer-links a{color:rgba(255,255,255,0.5);text-decoration:none;font-size:12px}
.site-footer .footer-links a:hover{color:#fff}
.footer-bottom{margin-top:15px;border-top:1px solid rgba(255,255,255,0.1);padding-top:15px}

/* 반응형 */
@media(max-width:768px){
  .blog-archive-grid{grid-template-columns:1fr}
  .single-blog{padding:20px 14px 100px}
}