/* ============================================================
   한우프라자 v2 — SNS·미디어 스킨 보조 스타일 (퍼블 style.css 뒤에 로드)
   퍼블 마크업(sns.html / sns_view.html)에 없는 것만 최소 보정. 선택자는 .sns_board / .sns_view / .sns_write 로 한정.
   ============================================================ */

/* 채널 필터 탭: 퍼블은 button, 개발은 <a href> 링크 → button 규칙을 a 에 그대로 적용 */
.sns_board .sns_tab a{
    display:inline-flex; align-items:center; justify-content:center;
    min-width:80px; height:38px; padding:0 20px; border:1px solid #d7d4d2; border-radius:19px;
    background-color:var(--white-color); color:#666;
    font-size:15px; font-weight:600; letter-spacing:-0.03em; white-space:nowrap;
    transition:background-color .25s, color .25s, border-color .25s;
}
.sns_board .sns_tab a:hover{ border-color:var(--gold); color:var(--black-color); }
.sns_board .sns_tab a.on{ background-color:var(--brown); border-color:var(--brown); color:var(--white-color); font-weight:700; }
@media screen and (max-width: 650px){
    .sns_board .sns_tab a{ min-width:0; height:32px; padding:0 14px; font-size:13px; }
}

/* 목록 하단 관리 버튼(관리자·글쓰기) — 퍼블에 없음 */
.sns_board .sns_actions{ display:flex; justify-content:flex-end; align-items:center; gap:8px; margin-top:24px; }
.sns_board .sns_actions .btn_round{ min-width:120px; }
.sns_board .sc_thumb{ background-size:cover; background-position:center; }
.sns_board .sc_thumb.type_youtube{ background-color:#111; }

/* 상세: 페이지 타이틀 우측 관리 버튼 */
.sns_view .svd_admin{ flex:none; display:flex; align-items:center; gap:6px; padding-bottom:4px; }
.sns_view .svd_admin .svd_btn{ padding:7px 14px; font-size:13px; }

/* 상세: 매장 프로필 이미지 (사진 우선, 없으면 퍼블 기본 profile.png) */
.sns_view .svd_profile{ background-color:#efece8; }
.sns_view a.svd_name:hover{ color:var(--gold-txt, #a07b3f); }

/* 상세: 미디어 슬롯 */
.sns_view .svd_media{ cursor:default; }
.sns_view .svd_media.type_video{ cursor:pointer; }
.sns_view .svd_media.is_playing{ padding-top:56.25%; cursor:default; }
.sns_view .svd_media.is_playing iframe{ position:absolute; inset:0; width:100%; height:100%; border:0; }
.sns_view .svd_media .svd_thumb{ display:block; }
.sns_view .svd_media a.svd_thumb{ cursor:zoom-in; }
/* Instagram 임베드: 폴백 이미지 위에 iframe, 로드되면 이미지 숨김 */
.sns_view .svd_media.is_embed{ background-color:var(--white-color); }
.sns_view .svd_media.is_embed .svd_thumb{ max-width:540px; margin:0 auto; }
.sns_view .svd_media.is_embed iframe{ display:block; width:100%; max-width:540px; height:720px; margin:0 auto; border:0; background-color:var(--white-color); }
.sns_view .svd_media.is_embed.loaded .svd_thumb{ display:none; }

/* 상세: 본문(그누보드 출력) 보정 */
.sns_view .svd_body img{ max-width:100%; height:auto; }
.sns_view .svd_body p + p{ margin-top:1.2em; }

/* 상세: 해시태그 링크 (li 안에 a) */
.sns_view .svd_tag > li a{ color:inherit; }
.sns_view .svd_tag > li:hover{ background-color:#efe4d2; }

/* 상세: 이미지 외 첨부파일 */
.sns_view .svd_files{ margin-top:24px; font-size:14px; color:#555; }
.sns_view .svd_files li + li{ margin-top:6px; }
.sns_view .svd_files a:before{ content:'\f0c6'; font-family:FontAwesome; margin-right:6px; color:#9a9a9a; }
.sns_view .svd_files span{ color:#9a9a9a; }

/* ── 글쓰기 (퍼블 join2 .jn_form 톤) ── */
.sns_write .jn_form{ max-width:760px; margin:40px auto 0; }
.sns_write .jn_field > label small{ margin-left:6px; font-size:13px; font-weight:400; color:#9a9a9a; }
.sns_write .jn_ipt select,
.sns_write .jn_ipt textarea{
    flex:1 1 auto; min-width:0; height:50px; padding:0 15px;
    border:1px solid #e9ebec; border-radius:4px; background-color:var(--white-color);
    font-size:15px; font-weight:500; color:var(--black-color); letter-spacing:-0.03em;
}
.sns_write .jn_ipt select{ appearance:none; -webkit-appearance:none; padding-right:40px; background:var(--white-color) url('../../../img_pub/main/ico_select.svg') no-repeat right 15px center / 12px auto; }
.sns_write .jn_ipt select:focus,
.sns_write .jn_ipt textarea:focus{ border-color:var(--gold); outline:none; }
.sns_write .jn_ipt input[type="file"]{ height:auto; padding:12px 15px; font-size:14px; }
.sns_write .jn_hint.type_info{ color:#9a9a9a; font-weight:400; }
.sns_write .jn_opts{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; }
.sns_write .jn_opt{ display:inline-flex; align-items:center; gap:6px; font-size:14px; color:#555; cursor:pointer; }
.sns_write .jn_opt input{ width:16px; height:16px; accent-color:var(--gold); }
.sns_write .jn_file + .jn_file{ margin-top:8px; }
.sns_write .jn_file .file_del{ margin-top:6px; }
.sns_write .jn_editor{ position:relative; }
.sns_write .jn_editor textarea{
    width:100%; min-height:320px; padding:15px; resize:vertical;
    border:1px solid #e9ebec; border-radius:4px; font-size:15px; line-height:1.7; letter-spacing:-0.03em;
}
.sns_write .jn_editor textarea:focus{ border-color:var(--gold); outline:none; }
.sns_write #char_count_desc{ margin-bottom:8px; font-size:13px; color:#9a9a9a; }
.sns_write #char_count_wrap{ margin-top:6px; text-align:right; font-size:12px; color:#9a9a9a; }
.sns_write #autosave_wrapper{ position:relative; }
.sns_write #btn_autosave{ width:auto; padding:0 14px; font-size:13px; white-space:nowrap; }
.sns_write #autosave_pop{ top:56px; right:0; }
.sns_write #captcha{ margin-top:4px; }
.sns_write .jn_btns{ display:flex; justify-content:center; align-items:center; gap:8px; margin-top:48px; }
.sns_write .jn_btns .nv_list_btn{ border:0; cursor:pointer; }
.sns_write .jn_btns .svd_btn.line{ padding:15px 40px; font-size:var(--fs-base); }
@media screen and (max-width: 650px){
    .sns_write .jn_form{ margin-top:28px; }
    .sns_write .jn_btns{ margin-top:32px; }
    .sns_write .jn_btns .nv_list_btn{ padding:13px 36px; }
    .sns_write .jn_btns .svd_btn.line{ padding:13px 28px; font-size:14px; }
    .sns_write .jn_ipt select,
    .sns_write .jn_ipt textarea{ height:46px; font-size:14px; }
}