/**
 * 파일명: post-promo-b.css
 * 파일경로: /home/thejoagi/corebizflow.com/wp-content/plugins/custom-post/assets/css/post-promo-b.css
 * 기능: post-promo-b.php 포스트 템플릿 전용 스타일 (prmb- 접두사)
 *       사이트 테마 메인 컬러 #18609C(블루) 기준 팔레트 적용
 * 작성일: 2026-03-28
 * 수정일: 2026-03-28
 */

/* ── 색상 변수 ───────────────────────────────────────────────── */
/* 사이트 --theme-main-color(#18609C) 와 조화 */
:root {
    --prmb-blue:       #18609C;   /* 메인 블루 */
    --prmb-blue-dark:  #0f3d63;   /* 다크 블루 (summary·conclusion 배경) */
    --prmb-blue-mid:   #1d6fa5;   /* 미드 블루 (버튼·뱃지) */
    --prmb-blue-light: #eff6ff;   /* 연블루 (섹션 배경) */
    --prmb-blue-line:  #bfdbfe;   /* 보더 블루 */
    --prmb-blue-row:   #dbeafe;   /* 테이블 짝수행 */
    --prmb-text:       #1c1917;
    --prmb-muted:      #44403c;
}

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

/* ── 핵심 요약 ───────────────────────────────────────────────── */
.prmb-summary { background:var(--prmb-blue-dark); color:#fff; border-radius:10px; padding:18px 22px; margin:0 0 28px; display:flex; align-items:flex-start; gap:12px; }
.prmb-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; }
.prmb-summary p { color:rgba(255,255,255,.92); margin:0; font-size:14px; }

/* ── 도입부 ──────────────────────────────────────────────────── */
.prmb-section-intro { margin:0 0 28px; }
.prmb-intro-text { font-size:16px; color:#292524; line-height:1.85; margin:0; }

/* ── 제품 쇼케이스 ───────────────────────────────────────────── */
.prmb-section-products { margin:0 0 36px; padding:28px; background:var(--prmb-blue-light); border-radius:12px; border:1px solid var(--prmb-blue-line); }
.prmb-section-products h2 { margin-top:0; border-bottom-color:var(--prmb-blue-line); }
.prmb-showcase { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.prmb-product-card { background:#fff; border-radius:10px; border:1px solid #e7e5e4; overflow:hidden; display:flex; flex-direction:column; }
.prmb-product-featured { grid-column:span 3; display:grid; grid-template-columns:1.5fr 1fr; }
.prmb-product-img { aspect-ratio:4/3; overflow:hidden; background:#f0f7ff; }
.prmb-product-featured .prmb-product-img { aspect-ratio:auto; }
.prmb-product-img img { width:100%; height:100%; object-fit:cover; display:block; }
.prmb-product-no-img { display:flex; align-items:center; justify-content:center; color:var(--prmb-blue); font-size:12px; }
.prmb-product-info { padding:14px 16px; flex:1; display:flex; flex-direction:column; gap:8px; align-items:center; }
.prmb-product-name { font-size:14px; font-weight:600; color:var(--prmb-text); margin:0; line-height:1.4; text-align:center !important; }
.prmb-product-price { font-size:15px; font-weight:700; color:var(--prmb-blue); margin:0; text-align:center !important; }
.prmb-product-btn { display:block !important; width:100% !important; padding:9px 16px !important; background:var(--prmb-blue) !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; }
.prmb-product-btn:hover { background:var(--prmb-blue-dark) !important; color:#fff !important; }

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

/* ── 비교표 ──────────────────────────────────────────────────── */
.prmb-compare-wrap { margin:0 0 32px; }
.prmb-compare-wrap h2 { margin-top:0; }
.prmb-compare-table { width:100%; border-collapse:collapse; font-size:14px; border-radius:10px; overflow:hidden; border:1px solid var(--prmb-blue-line); }
.prmb-compare-table thead tr { background:var(--prmb-blue); }
.prmb-compare-table thead th { color:#fff; font-weight:700; padding:12px 16px; text-align:center; }
.prmb-compare-table thead th:first-child { text-align:left; }
.prmb-compare-table tbody tr:nth-child(even) { background:var(--prmb-blue-row); }
.prmb-compare-table tbody td { padding:10px 16px; text-align:center; color:var(--prmb-muted); }
.prmb-compare-table tbody th[scope='row'] { text-align:left; font-weight:600; color:var(--prmb-blue-dark); padding:10px 16px; }
.prmb-compare-table tbody tr:hover { background:#c7e0f4; }
.prmb-compare-mobile { display:none; gap:12px; }
.prmb-compare-mcard { background:#fff; border:1px solid var(--prmb-blue-line); border-radius:10px; overflow:hidden; flex:1; min-width:140px; }
.prmb-compare-mcard-head { background:var(--prmb-blue); color:#fff; padding:10px 14px; font-size:13px; font-weight:700; }
.prmb-compare-mrow { display:flex; justify-content:space-between; padding:8px 12px; border-bottom:1px solid var(--prmb-blue-row); font-size:13px; }
.prmb-compare-mrow:last-child { border-bottom:none; }
.prmb-compare-mdt { color:#78716c; }
.prmb-compare-mdd { font-weight:600; color:var(--prmb-text); }
.prmb-sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }

/* ── 결론 ────────────────────────────────────────────────────── */
.prmb-section-conclusion { padding:24px; background:var(--prmb-blue-dark); border-radius:12px; color:#fff; margin:0 0 32px; }
/* generation-core.php의 .cptg-generated-post h2 { color:#1a1a1a !important } 를 !important로 재정의 */
.prmb-section-conclusion h2 { color:#cce4f7 !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; }
.prmb-section-conclusion p { color:rgba(255,255,255,.9); margin:0 0 16px; }
.prmb-conclusion-list { list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:8px; }
.prmb-conclusion-list li { display:flex; align-items:flex-start; gap:8px; font-size:14px; color:rgba(255,255,255,.9); }
.prmb-conclusion-list li::before { content:'✓'; color:#93c5fd; font-weight:700; flex-shrink:0; }

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

/* ── 반응형 ──────────────────────────────────────────────────── */
@media (max-width:768px) {
    .prmb-showcase { grid-template-columns:repeat(2,1fr); gap:12px; }
    .prmb-product-featured { grid-column:span 2; grid-template-columns:1fr; }
    .prmb-compare-table { display:none; }
    .prmb-compare-mobile { display:flex; flex-wrap:wrap; }
    .prmb-compare-mcard { min-width:calc(50% - 6px); }
    .prmb-section-products { padding:20px 16px; }
    .prmb-content-def,
    .prmb-content-criteria,
    .prmb-content-usage { padding:18px 16px; }
    .prmb-section-conclusion { padding:18px 16px; }
}
@media (max-width:480px) {
    .prmb-showcase { grid-template-columns:repeat(2,1fr); gap:8px; }
    .prmb-product-featured { grid-column:span 2; grid-template-columns:1fr; }
    .prmb-summary { flex-direction:column; gap:8px; padding:14px 12px; }
    .prmb-compare-mcard { min-width:100%; }
    .prmb-section-products { padding:16px 10px; }
    .prmb-content-def,
    .prmb-content-criteria,
    .prmb-content-usage { padding:14px 10px; }
    .prmb-section-conclusion { padding:14px 10px; }
    .prmb-faq-item summary { padding:12px 14px; font-size:14px; }
    .prmb-faq-ans { padding:12px 14px 14px 42px; }
    .prmb-post h2 { font-size:18px; margin:28px 0 10px; }
}