/**
 * 파일명: post-promo-c.css
 * 파일경로: /home/thejoagi/corebizflow.com/wp-content/plugins/custom-post/assets/css/post-promo-c.css
 * 기능: post-promo-c.php 포스트 템플릿 전용 스타일 (prmc- 접두사)
 *       따뜻한 틸 팔레트 — 사이트 테마 메인 컬러 #18609C와 조화
 * 작성일: 2026-03-28
 * 수정일: 2026-03-28
 */

/* ── 색상 변수 ───────────────────────────────────────────────── */
:root {
    --prmc-teal:       #1a7a6e;
    --prmc-teal-dark:  #0f504a;
    --prmc-teal-mid:   #21897c;
    --prmc-teal-light: #edfaf8;
    --prmc-teal-line:  #b2dfdb;
    --prmc-teal-row:   #ccede9;
    --prmc-amber:      #e0811f;   /* CTA 버튼 강조 */
    --prmc-amber-dark: #b8610d;
    --prmc-text:       #1c1917;
    --prmc-muted:      #44403c;
}

/* ── 기본 리셋 ───────────────────────────────────────────────── */
.prmc-post { font-family: -apple-system,'Apple SD Gothic Neo','Noto Sans KR',sans-serif; color:var(--prmc-text); line-height:1.75; max-width:860px; margin:0 auto; }
.prmc-post * { box-sizing: border-box; }
.prmc-post h2 { font-size:20px; font-weight:700; color:var(--prmc-text); margin:40px 0 14px; padding-bottom:8px; border-bottom:2px solid var(--prmc-teal-line); }
.prmc-post p { font-size:15px; color:var(--prmc-muted); margin:0 0 16px; }
.prmc-post img { max-width:100%; height:auto; }
.prmc-post a { text-decoration:none; }

/* ── 도입부 — 스토리텔링형 ───────────────────────────────────── */
.prmc-section-intro { margin:0 0 32px; padding:28px 28px 28px 32px; border-left:5px solid var(--prmc-teal); border-radius:0 10px 10px 0; background:#f8fffe; }
.prmc-section-intro h2 { margin-top:0; font-size:22px; color:var(--prmc-teal-dark); border-bottom-color:var(--prmc-teal-line); }
.prmc-intro-text { font-size:16px; color:#292524; line-height:1.9; margin:0; }

/* ── 핵심 요약 callout ───────────────────────────────────────── */
.prmc-summary { background:var(--prmc-teal-dark); color:#fff; border-radius:10px; padding:18px 22px; margin:0 0 28px; display:flex; align-items:flex-start; gap:12px; }
.prmc-summary-label { background:rgba(255,255,255,.18); padding:3px 10px; border-radius:20px; font-size:12px; font-weight:700; white-space:nowrap; flex-shrink:0; }
.prmc-summary p { color:rgba(255,255,255,.92); margin:0; font-size:14px; }

/* ── 콘텐츠 섹션 ─────────────────────────────────────────────── */
.prmc-section-content { margin:0 0 32px; }
.prmc-content-def      { padding:24px; background:#f8fffe; border-radius:10px; border-left:4px solid var(--prmc-teal); }
.prmc-content-criteria { padding:24px; background:var(--prmc-teal-light); border-radius:10px; border-left:4px solid var(--prmc-teal-dark); }
.prmc-content-usage    { padding:24px; background:#f8fffe; border-radius:10px; border-left:4px solid var(--prmc-teal-mid); }
.prmc-section-content h2 { margin-top:0; }

/* ── 제품 그리드 — 3열 균등 ──────────────────────────────────── */
.prmc-section-products { margin:0 0 36px; padding:28px; background:var(--prmc-teal-light); border-radius:12px; border:1px solid var(--prmc-teal-line); }
.prmc-section-products h2 { margin-top:0; border-bottom-color:var(--prmc-teal-line); }
.prmc-showcase { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.prmc-product-card { background:#fff; border-radius:10px; border:1px solid #e7e5e4; overflow:hidden; display:flex; flex-direction:column; }
.prmc-product-img { aspect-ratio:4/3; overflow:hidden; background:#edfaf8; }
.prmc-product-img img { width:100%; height:100%; object-fit:cover; display:block; }
.prmc-product-no-img { display:flex; align-items:center; justify-content:center; color:var(--prmc-teal); font-size:12px; }
.prmc-product-info { padding:14px 16px; flex:1; display:flex; flex-direction:column; gap:8px; align-items:center; }
.prmc-product-name  { font-size:14px; font-weight:600; color:var(--prmc-text); margin:0; line-height:1.4; text-align:center !important; }
.prmc-product-price { font-size:15px; font-weight:700; color:var(--prmc-teal); margin:0; text-align:center !important; }
.prmc-product-btn { display:block !important; width:100% !important; padding:9px 16px !important; background:var(--prmc-amber) !important; color:#fff !important; font-size:13px !important; font-weight:600 !important; border-radius:6px !important; text-decoration:none !important; text-align:center !important; box-sizing:border-box !important; border:none !important; }
.prmc-product-btn:hover { background:var(--prmc-amber-dark) !important; color:#fff !important; }

/* ── FAQ — details/summary ────────────────────────────────────── */
.prmc-section-faq { margin:0 0 32px; }
.prmc-faq-item { border:1px solid var(--prmc-teal-line); border-radius:10px; margin-bottom:10px; overflow:hidden; background:#fff; }
.prmc-faq-item summary { padding:16px 20px; cursor:pointer; font-weight:600; font-size:15px; color:var(--prmc-text); list-style:none; display:flex; align-items:flex-start; gap:8px; }
.prmc-faq-item summary::-webkit-details-marker { display:none; }
.prmc-faq-item summary::before { content:'Q'; display:inline-flex; align-items:center; justify-content:center; width:24px; height:24px; background:var(--prmc-teal); color:#fff; border-radius:50%; font-size:12px; font-weight:800; flex-shrink:0; margin-top:1px; }
.prmc-faq-item[open] summary { color:var(--prmc-teal); background:var(--prmc-teal-light); }
.prmc-faq-ans { padding:14px 20px 18px 52px; font-size:14px; color:#57534e; line-height:1.75; border-top:1px solid var(--prmc-teal-row); }

/* ── 결론 — 다크 블록 ────────────────────────────────────────── */
.prmc-section-conclusion { padding:24px; background:var(--prmc-teal-dark); border-radius:12px; color:#fff; margin:0 0 32px; }
/* generation-core.php의 .cptg-generated-post h2 { color:#1a1a1a !important } 를 !important로 재정의 */
.prmc-section-conclusion h2 { color:#b2f0ea !important; border-bottom:1px solid rgba(255,255,255,.2) !important; background:none !important; box-shadow:none !important; margin-top:0 !important; border-radius:0 !important; }
.prmc-section-conclusion p { color:rgba(255,255,255,.9); margin:0 0 16px; }
.prmc-conclusion-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.prmc-conclusion-list li { display:flex; align-items:flex-start; gap:8px; font-size:14px; color:rgba(255,255,255,.9); }
.prmc-conclusion-list li::before { content:'✓'; color:#80cbc4; font-weight:700; flex-shrink:0; }

/* ── 반응형 ──────────────────────────────────────────────────── */
@media (max-width:768px) {
    .prmc-showcase { grid-template-columns:repeat(2,1fr); gap:12px; }
    .prmc-section-products { padding:20px 16px; }
    .prmc-section-intro { padding:20px 18px 20px 22px; }
    .prmc-content-def,
    .prmc-content-criteria,
    .prmc-content-usage { padding:18px 16px; }
    .prmc-section-conclusion { padding:18px 16px; }
}
@media (max-width:480px) {
    .prmc-showcase { grid-template-columns:repeat(2,1fr); gap:8px; }
    .prmc-summary { flex-direction:column; gap:8px; padding:14px 12px; }
    .prmc-section-products { padding:16px 10px; }
    .prmc-section-intro { padding:16px 14px 16px 18px; }
    .prmc-content-def,
    .prmc-content-criteria,
    .prmc-content-usage { padding:12px 10px; }
    .prmc-section-conclusion { padding:14px 10px; }
    .prmc-faq-item summary { padding:12px 14px; font-size:14px; }
    .prmc-faq-ans { padding:12px 14px 14px 42px; }
    .prmc-post h2 { font-size:18px; margin:28px 0 10px; }
}