/* =========================================================
   board-editform.css
   게시판/자료실/상품들 작성·수정 폼 스타일
   - 썸네일/업로드: 버튼형 라벨 + 상태 텍스트 (PC/모바일 공통)
   - SE2 스킨 iframe 폭 가드
   - 모바일: SEO 설정 아래 여백 축소
   적용 페이지: board_edit, data_edit, product_edit,
                board_write, data_write, product_write
   ========================================================= */

/* ---- SE2 스킨 iframe 요소가 부모 폭을 넘지 않게 (전 해상도) ---- */
#content ~ iframe {
    max-width: 100% !important;
    box-sizing: border-box !important;
}

/* ---- 썸네일/업로드 영역: 단순 버튼형 디자인 (PC/모바일 공통) ---- */
.file-upload-row {
    display: block;
    padding: 12px 5px 4px;
}

.file-upload-item {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 7px 0;
    min-width: 0;
}

.file-btn {
    flex: 0 0 auto;
    display: inline-block;
    padding: 7px 16px;
    border: 1px solid #cccccc;
    border-radius: 4px;
    background: #f5f5f5;
    font-size: 14px;
    color: #333333;
    line-height: 1.2;
    user-select: none;
}

.file-btn:hover {
    background: #ececec;
    border-color: #aaaaaa;
}

.file-input-hidden {
    display: none;
}

.file-status {
    flex: 1 1 auto;
    min-width: 0;
    font-size: 14px;
    color: #333333;
    word-break: break-all;
}

.file-del {
    margin-left: 10px;
    font-size: 13px;
    color: #888888;
    white-space: nowrap;
}

/* ---- 모바일 보정 ---- */
@media (max-width: 600px) {

    .file-btn {
        padding: 6px 12px;
        font-size: 13px;
    }

    .file-status {
        font-size: 13px;
    }

    /* 검색엔진최적화 설정 아래 빈 여백 축소 (50px → 15px) */
    .editform-gap-bottom {
        padding-bottom: 15px !important;
    }
}