/* ============================================
   eLamp FAQ Skin — Minimal CSS
   인라인 스타일 우선, 이 파일은 hover/아코디언/반응형만
   ============================================ */

/* 아코디언 아이템 호버 */
.elamp-faq-item { transition: border-color 0.15s ease, box-shadow 0.15s ease; }
.elamp-faq-item:hover { border-color: #FF6B00 !important; }
.elamp-faq-item:hover summary .elamp-faq-icon { background: #FFF7ED !important; color: #FF6B00 !important; }

/* 아코디언 열림 상태 (+) → (×) 회전 */
.elamp-faq-item[open] summary .elamp-faq-icon { transform: rotate(45deg); background: #FF6B00 !important; color: #fff !important; }
.elamp-faq-item[open] { border-color: #FF6B00 !important; }

/* summary 기본 마커 제거 (브라우저 대응) */
.elamp-faq-item summary::-webkit-details-marker { display: none; }
.elamp-faq-item summary::marker { display: none; content: ""; }

/* 검색 input focus */
.elamp-faq-search-input:focus { border-color: #FF6B00 !important; outline: none; }

/* FAQ 내용 이미지 최대폭 제한 */
.elamp-faq-content img, .elamp-faq-content table { max-width: 100%; height: auto; }
.elamp-faq-content p { margin: 0 0 8px 0; }

/* 페이징 스타일 (그누보드 기본 .pg_* 커스텀) */
#elamp_faq .pg_wrap { display: flex; justify-content: center; gap: 4px; flex-wrap: wrap; }
#elamp_faq .pg_page, #elamp_faq .pg_current {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 36px; height: 36px; padding: 0 10px;
    font-size: 13px; font-weight: 600;
    border: 1px solid #E5E7EB; border-radius: 8px;
    background: #fff; color: #374151; text-decoration: none;
    transition: all 0.15s ease;
}
#elamp_faq .pg_page:hover { border-color: #0F172A; color: #0F172A; }
#elamp_faq .pg_current { background: #0F172A; color: #fff; border-color: #0F172A; }
#elamp_faq .pg_start, #elamp_faq .pg_prev, #elamp_faq .pg_next, #elamp_faq .pg_end {
    display: inline-flex; align-items: center; justify-content: center;
    min-width: 36px; height: 36px; padding: 0 10px;
    font-size: 13px; font-weight: 600;
    border: 1px solid #E5E7EB; border-radius: 8px;
    background: #fff; color: #374151; text-decoration: none;
}
#elamp_faq .pg_start:hover, #elamp_faq .pg_prev:hover, #elamp_faq .pg_next:hover, #elamp_faq .pg_end:hover { border-color: #0F172A; color: #0F172A; }

/* 반응형 */
@media (max-width: 640px) {
    #elamp_faq .pg_page, #elamp_faq .pg_current, #elamp_faq .pg_start, #elamp_faq .pg_prev, #elamp_faq .pg_next, #elamp_faq .pg_end { min-width: 32px; height: 32px; font-size: 12px; }
    .elamp-faq-item summary { padding: 15px 16px !important; gap: 10px !important; }
    .elamp-faq-item summary span:nth-child(2) { font-size: 14px !important; }
    .elamp-faq-item div[style*="border-top"] { padding: 0 16px 16px !important; gap: 10px !important; }
}

/* 검색 툴바 모바일 세로 정렬 (2026-08-12) — '전체 n건' 가로 오버플로우 방지 */
@media (max-width: 768px) {
    .elamp-faq-toolbar { flex-direction: column !important; align-items: stretch !important; gap: 10px !important; }
    .elamp-faq-toolbar > * { width: 100% !important; }
    .elamp-faq-toolbar .elamp-faq-search-form { width: 100% !important; max-width: none !important; }
}