/*
 * custom.css
 * 추가 커스텀 스타일을 여기에 작성하세요.
 */

/* 헤더 스크롤 효과 */
.site-header.scrolled {
    box-shadow: 0 4px 22px rgba(0,0,0,.14);
}

/* 페이지 배너 후 콘텐츠 겹침 */
.page-banner {
    padding-bottom: 80px;
}
.content-wrap {
    margin-top: -48px;
    position: relative;
    z-index: 1;
}

/* step-card 충전 스타일 */
.step-card--alt {
    border-left-color: var(--accent);
}
.step-card--alt .sc-num,
.sc-num--alt {
    background: var(--accent) !important;
}

/* FAQ 열림 상태 */
.faq-item.open {
    border-color: var(--primary);
    box-shadow: 0 4px 18px rgba(26,35,126,.1);
}

/* 테이블 모바일 */
@media(max-width:600px){
    .tbl { font-size:.82rem; }
    .tbl th, .tbl td { padding:9px 11px; }
}

/* content-box 모바일 */
@media(max-width:768px){
    .content-wrap { margin-top: -30px; }
    .content-box  { border-radius:10px; }
    .page-banner  { padding-bottom:60px; }
}

/* 홈 히어로 배경 */
.hero__bg {
    background-size: cover;
    background-position: center;
}

/* WordPress 기본 블록 스타일 */
.entry-content h2 { font-size:1.4rem; font-weight:800; color:var(--primary); margin:24px 0 14px; }
.entry-content h3 { font-size:1.1rem; font-weight:700; color:var(--secondary); margin:18px 0 10px; }
.entry-content p  { color:var(--text-sub); line-height:1.9; margin-bottom:14px; }
.entry-content ul { list-style:disc; padding-left:20px; margin-bottom:14px; }
.entry-content ol { list-style:decimal; padding-left:20px; margin-bottom:14px; }
.entry-content img{ border-radius:8px; margin:14px 0; }
.entry-content blockquote { border-left:4px solid var(--primary); padding-left:16px; color:var(--text-sub); font-style:italic; }
.entry-content table { width:100%; border-collapse:collapse; margin:16px 0; }
.entry-content table th { background:var(--primary); color:#fff; padding:10px 14px; text-align:left; }
.entry-content table td { padding:9px 14px; border-bottom:1px solid var(--border); }

/* 브레드크럼 */
.breadcrumb {
    font-size:.82rem; color:#aaa;
    margin-bottom:26px; padding-bottom:12px;
    border-bottom:1px solid #eee;
}
.breadcrumb a { color:var(--primary); }
.breadcrumb a:hover { text-decoration:underline; }
.breadcrumb .sep { margin:0 5px; color:#ddd; }

/* 소셜 버튼 호버 */
.social-btn:hover { transform:translateY(-2px); }

/* footer logo invert */
.site-footer .site-logo img,
.footer-brand .custom-logo {
    filter: brightness(0) invert(1);
    opacity: .85;
    height: 42px;
    width: auto;
}