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

/* 리스트 행 호버 */
.elamp-row { transition: background-color 0.15s ease, border-left-color 0.15s ease; }
.elamp-row:hover { background-color: #FAFAF9 !important; }
.elamp-row:hover .elamp-title { color: #FF6B00 !important; }
.elamp-row:hover .elamp-row-bar { background-color: #FF6B00 !important; }

/* 페이지 헤더 호버 */
.elamp-write-btn { transition: background 0.15s ease, transform 0.1s ease; }
.elamp-write-btn:hover { background: #EA580C !important; }
.elamp-write-btn:active { transform: translateY(1px); }

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

/* 댓글 입력 */
.elamp-comment-input:focus { border-color: #FF6B00 !important; outline: none; }

/* 상세보기 액션 버튼 */
.elamp-action-btn { transition: background 0.15s ease; }
.elamp-action-btn:hover { background: #1E293B !important; }

/* 모바일: 메타라인 숨김, 모바일용 메타라인 표시 */
.elamp-mobile-meta { display: none; }

@media (max-width: 768px) {
    .elamp-list-header { flex-direction: column !important; align-items: flex-start !important; gap: 16px !important; }
    .elamp-toolbar { flex-direction: column !important; align-items: stretch !important; gap: 12px !important; }
    .elamp-toolbar > * { width: 100% !important; }
    .elamp-toolbar .elamp-search-form { width: 100% !important; }
    .elamp-row { padding: 14px 16px !important; gap: 12px !important; flex-wrap: wrap !important; }
    .elamp-row .elamp-num { width: 32px !important; font-size: 12px !important; }
    .elamp-row .elamp-title-wrap { width: calc(100% - 44px) !important; }
    .elamp-row .elamp-meta { display: none !important; }
    .elamp-row .elamp-hit { display: none !important; }
    .elamp-row .elamp-mobile-meta { display: flex !important; gap: 8px !important; flex-wrap: wrap !important; width: 100% !important; padding-left: 44px !important; margin-top: 4px !important; }
    .elamp-view-header { padding: 24px 20px !important; }
    .elamp-view-content { padding: 24px 20px !important; }
    .elamp-view-footer { flex-direction: column !important; gap: 8px !important; }
    .elamp-view-footer .elamp-action-btn { width: 100% !important; }
    .elamp-comment-item { flex-direction: column !important; }
    .elamp-comment-item .elamp-comment-side { width: 100% !important; flex-direction: row !important; align-items: center !important; gap: 8px !important; }
}

/* ============================================
   모바일 최적화 (2026-08-12)
   ============================================ */

/* 상세보기 본문 미디어 가로 오버플로우 방지 */
.elamp-view-content img,
.elamp-view-content video,
.elamp-view-content iframe { max-width: 100% !important; height: auto !important; }
.elamp-view-content table { max-width: 100% !important; }
.elamp-view-content pre { white-space: pre-wrap !important; word-break: break-all !important; }

/* 모바일 2차 메뉴(m-nav-sub): 잘림 대신 가로 스크롤 허용 */
.m-nav-sub { overflow-x: auto !important; -webkit-overflow-scrolling: touch; }