/*
Theme Name: 맑은정보 PC&프린터 Dark Blog
Theme URI: https://mgcom.co.kr/
Author: 맑은정보
Description: PC 제작·컴퓨터 수리·프린터 렌탈·프린터 수리 사례 중심의 블로그 전용 테마
Version: 1.3.3
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: clearinfo-dark-blog
*/
:root{--bg:#0b0d10;--panel:#11151a;--line:#242b33;--text:#f4f7fb;--muted:#aeb8c4;--blue:#2f80ff;--white:#fff;--content:1220px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#111827;font-family:-apple-system,BlinkMacSystemFont,"Noto Sans KR","Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{width:min(var(--content),calc(100% - 36px));margin:auto}.site-header{background:#0c0f13;color:#fff;border-bottom:1px solid #1d232b;position:sticky;top:0;z-index:20}.header-row{height:68px;display:flex;align-items:center;gap:24px}.brand{font-weight:900;font-size:20px;display:flex;align-items:center;gap:10px}.brand-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(145deg,#3b91ff,#0c4aa7);display:grid;place-items:center}.brand-mark svg{width:23px;height:23px}.topnav{margin-left:auto;display:flex;gap:22px;font-size:14px;color:#d8dee7}.search-link{font-size:20px}.hero{background:#0b0d10;color:#fff}.hero-inner{min-height:360px;display:grid;grid-template-columns:1.05fr .95fr;align-items:stretch}.hero-copy{padding:72px 40px 60px 0;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#65a5ff;font-size:13px;font-weight:800;letter-spacing:.08em}.hero h1{font-size:48px;line-height:1.16;margin:14px 0 14px}.hero p{color:#c1c8d2;font-size:17px;margin:0 0 28px}.hero-cats{display:flex;flex-wrap:wrap;gap:9px}.hero-cats a{border:1px solid #39424d;background:#14191f;border-radius:999px;padding:9px 13px;font-size:13px}.hero-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 60% 45%,#24364d 0,#121820 35%,#080a0d 72%)}.hero-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0d10 0,transparent 35%)}.device{position:absolute;right:9%;bottom:9%;width:72%;height:72%;border-radius:24px;background:linear-gradient(145deg,#222a32,#0a0d10);box-shadow:0 30px 70px #0008}.device:before{content:"PRINTER";position:absolute;left:12%;top:16%;font-weight:900;font-size:clamp(24px,4vw,58px);color:#fff1;letter-spacing:.08em}.device:after{content:"";position:absolute;left:20%;right:20%;bottom:16%;height:26%;border-radius:10px;background:#e8edf2;box-shadow:0 -90px 0 -20px #323b45}.section{padding:44px 0}.section-title{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-title h2{font-size:26px;margin:0}.section-title a{font-size:13px;color:#667085}.latest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.post-card{border:1px solid #e6e9ee;border-radius:14px;overflow:hidden;background:#fff;transition:.2s}.post-card:hover{transform:translateY(-3px);box-shadow:0 12px 28px #10182814}.post-thumb{aspect-ratio:4/3;background:#edf1f5;overflow:hidden}.post-thumb img{width:100%;height:100%;object-fit:cover}.thumb-fallback{height:100%;display:grid;place-items:center;background:linear-gradient(145deg,#111827,#29384c);color:#fff;font-weight:800}.post-body{padding:14px}.post-cat{font-size:11px;color:#2f80ff;font-weight:800}.post-card h3{font-size:16px;line-height:1.45;margin:7px 0 10px}.post-meta{font-size:11px;color:#98a2b3}.cases{background:#f6f7f9}.case-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.case-card{display:grid;grid-template-columns:190px 1fr;background:#fff;border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;min-height:145px}.case-thumb{background:#e8edf3}.case-thumb img{width:100%;height:100%;object-fit:cover}.case-copy{padding:18px}.case-copy h3{font-size:17px;margin:5px 0 9px}.case-copy p{font-size:13px;line-height:1.65;color:#667085;margin:0}.site-footer{background:#0b0d10;color:#d4dae2;padding:42px 0 24px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:50px}.site-footer h3{color:#fff;margin:0 0 10px}.site-footer p,.site-footer a{font-size:13px;color:#aeb8c4;line-height:1.8}.footer-links{display:flex;flex-direction:column}.copyright{border-top:1px solid #252b32;margin-top:30px;padding-top:18px;color:#737d89;font-size:12px}.single-wrap{width:min(860px,calc(100% - 36px));margin:52px auto}.single-wrap h1{font-size:38px;line-height:1.3}.entry-meta{color:#7b8490;font-size:13px;border-bottom:1px solid #e6e9ee;padding-bottom:20px;margin-bottom:28px}.entry-content{font-size:17px;line-height:1.9}.entry-content img{border-radius:12px;margin:24px auto}.archive-title{padding-top:40px}.empty{padding:40px;border:1px dashed #ccd2da;border-radius:12px;color:#667085;text-align:center}@media(max-width:900px){.topnav{display:none}.hero-inner{grid-template-columns:1fr}.hero-copy{padding:55px 0 30px}.hero h1{font-size:38px}.hero-visual{min-height:230px}.latest-grid{grid-template-columns:repeat(2,1fr)}.case-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.latest-grid{grid-template-columns:1fr}.case-card{grid-template-columns:120px 1fr}.footer-grid{grid-template-columns:1fr}.hero h1{font-size:31px}.wrap{width:min(100% - 24px,var(--content))}}

/* v1.1: v1 layout preserved; hero only revised */
.hero-inner{min-height:360px}
.hero-copy{padding:56px 34px 48px 0}
.hero-copy>p{margin-bottom:20px}
.hero-login{max-width:570px;border:1px solid #27313d;background:rgba(17,22,29,.88);border-radius:15px;padding:14px 16px;box-shadow:0 16px 38px #0004}
.login-note{display:flex;align-items:center;gap:8px;color:#c8d0da;font-size:12px;margin-bottom:11px}
.login-buttons{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.login-buttons a{min-height:38px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:800;white-space:nowrap}
.login-buttons .join{background:#6258ed;color:#fff}.login-buttons .kakao{background:#fee500;color:#191919}.login-buttons .naver{background:#03c75a;color:#fff}.login-buttons .google{background:#fff;color:#222;border:1px solid #d9dee6}
.hero-visual{background-image:linear-gradient(90deg,#0b0d10 0,rgba(11,13,16,.08) 24%,rgba(11,13,16,0) 50%),url('assets/hero-pc.webp');background-size:cover;background-position:center right;background-repeat:no-repeat}
.hero-visual:before{display:none}.hero-visual .device{display:none}
@media(max-width:900px){.hero-visual{min-height:260px;background-position:center}.login-buttons{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.hero-login{padding:12px}.login-buttons{grid-template-columns:1fr 1fr}.login-buttons a{font-size:11px}.login-note{font-size:11px}}
/* v1.2: 회원가입 소셜 팝업. 기존 레이아웃은 유지 */
.ci-modal{display:none;position:fixed;inset:0;z-index:99999;align-items:center;justify-content:center;padding:20px}.ci-modal.is-open{display:flex}.ci-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.68);backdrop-filter:blur(2px)}.ci-modal-box{position:relative;width:min(420px,100%);background:#fff;color:#172033;border-radius:20px;padding:28px;box-shadow:0 30px 90px #0009}.ci-modal-box h2{margin:0 0 8px;font-size:24px}.ci-modal-box>p{margin:0 0 20px;color:#667085;font-size:14px}.ci-modal-close{position:absolute;right:14px;top:12px;width:36px;height:36px;border:0;border-radius:50%;font-size:24px;background:#f1f4f8;cursor:pointer}.ci-modal-social{display:grid;gap:10px}.ci-modal-social a{min-height:52px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;font-weight:800}.ci-modal-social .kakao{background:#fee500;color:#191919}.ci-modal-social .naver{background:#03c75a;color:#fff}.ci-modal-social .google{background:#fff;color:#222;border:1px solid #cfd5dd}.ci-modal-box small{display:block;margin-top:16px;text-align:center;color:#98a2b3;font-size:11px}

/* v1.3: 썸네일 원본 전체 표시 - 글자/사진 크롭 방지 */
.post-thumb{display:flex;align-items:center;justify-content:center;background:#f4f6f8}
.post-thumb img{width:100%;height:100%;object-fit:contain;object-position:center}
.case-thumb{display:flex;align-items:center;justify-content:center;overflow:hidden;background:#f4f6f8}
.case-thumb img{width:100%;height:100%;object-fit:contain;object-position:center}
@media(max-width:900px){.post-thumb img,.case-thumb img{object-fit:contain}}


/* v1.3.1: 로그인 영역 크기/간격은 v1.3 그대로, 아이콘만 교체 */
.ci-kakao-icon{width:13px;height:11px;border-radius:50%;background:#191919;display:inline-block;position:relative;flex:0 0 auto}
.ci-kakao-icon:after{content:"";position:absolute;left:2px;bottom:-3px;border-width:3px 3px 0 0;border-style:solid;border-color:#191919 transparent transparent transparent;transform:rotate(18deg)}
.ci-naver-icon{font-size:13px;line-height:1;font-weight:1000;color:#fff;display:inline-block}
.ci-google-icon{width:15px;height:15px;border-radius:50%;display:inline-grid;place-items:center;background:conic-gradient(from -45deg,#4285f4 0 25%,#34a853 0 42%,#fbbc05 0 67%,#ea4335 0 82%,#4285f4 0);position:relative;flex:0 0 auto}
.ci-google-icon:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff}.ci-google-icon i{position:relative;z-index:2;font-style:normal;font-size:9px;font-weight:900;color:#4285f4}
.ci-user-icon{font-size:12px;line-height:1;color:#fff}
/* 게시글 상세: 사이드바 없이 본문 전체 폭 + 좋아요/댓글 */
.ci-post-actions{display:flex;align-items:center;gap:12px;margin:34px 0 22px;padding:16px 0;border-top:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee}.ci-like-btn{border:1px solid #ef476f;background:#fff;color:#e11d48;border-radius:9px;padding:10px 15px;font-weight:800;cursor:pointer}.ci-like-btn.is-liked{background:#fff1f4}.ci-like-help{font-size:13px;color:#667085}.ci-comments{margin-top:28px}.ci-comments h2{font-size:22px}.ci-comment-list{list-style:none;margin:0;padding:0}.ci-comment-list li{padding:16px 0;border-bottom:1px solid #e8ebef}.ci-comment-list .children{list-style:none;margin-left:34px;padding-left:14px;border-left:2px solid #e8ebef}.ci-comment-meta{font-size:12px;color:#7b8490}.comment-form-comment textarea{width:100%;min-height:110px;border:1px solid #d8dee6;border-radius:10px;padding:12px;font:inherit}.comment-form input[type=text],.comment-form input[type=email],.comment-form input[type=url]{width:100%;max-width:420px;border:1px solid #d8dee6;border-radius:8px;padding:10px}.form-submit .submit{border:0;border-radius:8px;background:#2f80ff;color:#fff;padding:11px 20px;font-weight:800;cursor:pointer}

/* v1.3.2: 간단한 좋아요/북마크/신고 + 3줄 댓글 입력 */
.ci-post-actions{display:flex;align-items:center;gap:8px;margin:34px 0 26px;padding:14px 0;border-top:1px solid #e6e9ee;border-bottom:1px solid #e6e9ee}
.ci-action-btn{appearance:none;border:1px solid #dfe4ea;background:#fff;color:#111827;border-radius:999px;min-height:42px;padding:8px 15px;font:inherit;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:5px}
.ci-action-btn strong{font-weight:800}.ci-like-btn.is-liked{border-color:#ef476f;color:#e11d48;background:#fff7f8}.ci-bookmark-btn.is-bookmarked{border-color:#2f80ff;color:#1d6fe8;background:#f5f9ff}.ci-report-btn{margin-left:auto}
.ci-comments{margin-top:0;padding-top:0}.ci-comments h2{font-size:20px;margin:0 0 22px}.ci-comment-note{background:#eefaf7;color:#07856f;border-radius:10px;padding:11px 13px;font-size:13px;margin:0 0 18px}.comment-reply-title{font-size:20px;margin:0 0 16px}.comment-form-comment{margin:0 0 14px}.comment-form-comment label{display:block;font-size:13px;font-weight:800;margin-bottom:7px}.comment-form-comment textarea{width:100%;height:auto;min-height:84px;max-height:130px;resize:vertical;border:1px solid #d8dee6;border-radius:11px;padding:12px;font:inherit;line-height:1.55}.form-submit{margin:0}.form-submit .submit{border:0;border-radius:9px;background:#5b5cf0;color:#fff;padding:11px 18px;font-weight:800;cursor:pointer}.ci-comment-list{margin-bottom:24px}
@media(max-width:560px){.ci-post-actions{flex-wrap:wrap}.ci-report-btn{margin-left:0}.ci-action-btn{font-size:13px;padding:8px 12px}}

/* v1.3.3: 기존 레이아웃 유지 - 검색 동작 및 Google G 아이콘만 보정 */
.search-link{border:0;background:transparent;color:#fff;cursor:pointer;padding:6px;font:inherit;font-size:20px}
.header-row{position:relative}
.ci-search-panel{display:none;position:absolute;right:0;top:58px;width:min(340px,calc(100vw - 36px));padding:16px;background:#11161c;border:1px solid #2b333d;border-radius:12px;box-shadow:0 18px 45px #0008;z-index:100;color:#fff}
.ci-search-panel.is-open{display:block}.ci-search-panel label{display:block;font-weight:800;font-size:14px;margin-bottom:10px}.ci-search-row{display:flex;gap:8px}.ci-search-row input{min-width:0;flex:1;background:#0b0f13;border:1px solid #39424d;border-radius:8px;padding:10px 11px;color:#fff;outline:none}.ci-search-row button{border:0;border-radius:8px;background:#2f80ff;color:#fff;font-weight:800;padding:0 14px;cursor:pointer}
.ci-google-icon{width:18px!important;height:18px!important;border-radius:0!important;background:none!important;display:inline-flex!important;align-items:center;justify-content:center;position:relative;flex:0 0 18px}.ci-google-icon:after{display:none!important}.ci-google-icon svg{display:block;width:18px;height:18px}
.ci-latest-archive{padding-bottom:60px}.ci-latest-archive .archive-title{margin-bottom:24px}.ci-pagination{grid-column:1/-1;display:flex;gap:7px;justify-content:center;margin-top:20px}.ci-pagination a{min-width:34px;height:34px;border:1px solid #d9dee6;border-radius:8px;display:grid;place-items:center}.ci-pagination a.current{background:#2f80ff;color:#fff;border-color:#2f80ff}