/* =========================================================================
   potten 스킨 — 디시/포텐 스타일 목록 (허니타임 포인트)
   색: 골드 #F5B919, 브라운 #4A2A18, 배경 #FAF7F0, 테두리 #E8DFD0
   ========================================================================= */
.pl-wrap { max-width: 900px; margin: 0 auto; padding: 0 8px; box-sizing: border-box; }
.pl-wrap *, .pl-wrap *::before, .pl-wrap *::after { box-sizing: border-box; }

/* 헤더 */
.pl-head { display: flex; align-items: center; justify-content: space-between; padding: 14px 4px 10px; }
.pl-title { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 19px; font-weight: 800; color: #4A2A18; }
.pl-title-bar { width: 5px; height: 18px; background: #F5B919; border-radius: 2px; display: inline-block; }
.pl-head-r { display: flex; align-items: center; gap: 10px; }
.pl-total { font-size: 12px; color: #8a8a90; }
.pl-total b { color: #4A2A18; }
.pl-write { display: inline-block; padding: 7px 14px; background: #F5B919; color: #fff; font-size: 13px; font-weight: 700; border-radius: 6px; text-decoration: none; border: 0; cursor: pointer; }
.pl-write:hover { background: #e0a713; }

/* 목록 */
.pl-list { list-style: none; margin: 0; padding: 0; border-top: 2px solid #4A2A18; }
.pl-item { display: flex; align-items: center; gap: 10px; padding: 8px 6px; border-bottom: 1px solid #ececec; }
.pl-item:hover { background: #FDFBF5; }
.pl-notice { background: #FDF6E6; }

.pl-chk { flex: none; }

/* 추천수 박스 */
.pl-vote { flex: none; width: 46px; text-align: center; line-height: 1.1; color: #b9b3a6; }
.pl-vote .pl-up { font-style: normal; font-size: 11px; display: block; }
.pl-vote .pl-vote-n { font-size: 14px; font-weight: 800; }
.pl-vote.on { color: #F5B919; }              /* 추천 있으면 골드 */
.pl-vote.on .pl-vote-n { color: #ef8a00; }

/* 썸네일 */
.pl-thumb { flex: none; width: 52px; height: 52px; border-radius: 6px; overflow: hidden; display: block; border: 1px solid #E8DFD0; background: #f6f4ef; }
.pl-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.pl-thumb-x { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; color: #cfc7b6; font-size: 20px; }

/* 본문 */
.pl-main { flex: 1 1 auto; min-width: 0; }
.pl-subj { display: block; text-decoration: none; color: #2a2a2a; font-size: 13.5px; line-height: 1.35;
           overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pl-subj:hover .pl-subj-t { color: #4A2A18; text-decoration: underline; }
.pl-subj-t { font-weight: 500; }
.pl-cmt { color: #ef8a00; font-weight: 700; font-size: 12.5px; margin-left: 2px; }
.pl-nb { display: inline-block; background: #4A2A18; color: #fff; font-size: 10px; font-weight: 700; padding: 1px 5px; border-radius: 3px; vertical-align: middle; }

.pl-meta { margin-top: 3px; font-size: 11.5px; color: #9a948a; display: flex; align-items: center; gap: 6px; flex-wrap: wrap; }
.pl-meta .pl-cate { color: #b08948; font-weight: 700; }
.pl-meta .pl-cate::after { content: ""; }
.pl-meta .pl-time { color: #9a948a; }
.pl-meta .pl-writer { color: #8a8a90; }
.pl-meta > span + span::before { content: "·"; margin-right: 6px; color: #d5cfc2; }

.pl-empty { padding: 40px 12px; text-align: center; color: #b0a894; font-size: 13px; border-bottom: 1px solid #ececec; }

/* 페이징/하단 */
.pl-pg { margin: 14px 0; text-align: center; }
.pl-btm { display: flex; justify-content: flex-end; gap: 8px; margin: 10px 0 24px; }
.pl-abtn { padding: 7px 12px; background: #fff; border: 1px solid #ddd; border-radius: 6px; font-size: 13px; cursor: pointer; }

/* [3단계] 정렬 탭 (최신/화제) */
.pl-tabs { display: flex; gap: 5px; padding: 2px 2px 10px; }
.pl-tab { padding: 6px 16px; font-size: 13px; font-weight: 700; color: #8a8a90; text-decoration: none; border-radius: 999px; background: #f1ece2; }
.pl-tab:hover { color: #4A2A18; }
.pl-tab.on { background: #4A2A18; color: #fff; }

/* [2단계] 배지 (화제/핫/핫딜) */
.pl-bg { display: inline-block; font-size: 10.5px; font-weight: 800; line-height: 1; padding: 2px 5px; border-radius: 3px; vertical-align: middle; margin-right: 1px; }
.pl-bg-hw   { background: #FDF6E6; color: #C98A00; border: 1px solid #f0d9a0; }  /* 화제 — 옅은 골드 */
.pl-bg-hot  { background: #F5B919; color: #fff; }                                /* 핫 — 진한 골드 */
.pl-bg-deal { background: #3b6fb0; color: #fff; }                                /* 핫딜 — 블루 */

/* [검색] 기본 스킨은 숨김 모달인데 potten엔 토글버튼이 없어 폼이 그대로 노출됨.
   → 인라인 한 줄 검색바로 정리(드롭다운+입력창+버튼). .pl-wrap 스코프라 타 스킨 무영향. */
.pl-wrap .bo_sch_wrap { display: block; position: static; width: 100%; height: auto; margin: 10px 0 30px; z-index: auto; }
.pl-wrap .bo_sch { position: static; width: 100%; max-width: 520px; max-height: none; margin: 0 auto;
                   background: none; border: 0; border-radius: 0; box-shadow: none; overflow: visible; }
.pl-wrap .bo_sch h3 { margin: 0 0 8px; padding: 0; border: 0; font-size: 13px; font-weight: 700; color: #4A2A18; text-align: center; }
.pl-wrap .bo_sch form { display: flex; align-items: stretch; gap: 6px; padding: 0; }
.pl-wrap .bo_sch select#sfl {
  flex: none; width: auto; min-width: 100px; height: 38px; padding: 0 10px;
  border: 1px solid #E8DFD0; border-radius: 6px; box-shadow: none; background: #fff;
  font-size: 13px; color: #333; cursor: pointer;
}
.pl-wrap .bo_sch .sch_bar {
  display: flex; flex: 1 1 auto; width: auto; margin: 0; overflow: hidden;
  border: 1px solid #E8DFD0; border-radius: 6px; box-shadow: none; background: #fff;
}
.pl-wrap .bo_sch .sch_input { flex: 1 1 auto; width: auto; height: 36px; padding: 0 12px; border: 0; float: none; background: transparent; font-size: 13px; }
.pl-wrap .bo_sch .sch_btn { flex: none; width: 46px; height: 36px; float: none; border: 0; background: #F5B919; color: #fff; font-size: 15px; cursor: pointer; }
.pl-wrap .bo_sch .sch_btn:hover { background: #e0a713; }
.pl-wrap .bo_sch .bo_sch_cls { display: none; }   /* 인라인이라 닫기(✕) 불필요 */
.pl-wrap .bo_sch_bg { display: none; }             /* 모달 배경 불필요 */

/* 모바일 (G5_USE_MOBILE=false → 이 PC스킨이 폰에도 반응형으로 적용) */
@media (max-width: 600px) {
  .pl-wrap { padding: 0 6px; }
  .pl-head { padding: 12px 2px 8px; }
  .pl-title { font-size: 17px; }
  .pl-item { gap: 8px; padding: 8px 4px; }
  .pl-vote { width: 40px; }
  .pl-vote .pl-vote-n { font-size: 13px; }
  .pl-thumb { width: 46px; height: 46px; }
  .pl-subj { font-size: 13px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  .pl-meta { font-size: 11px; }
  .pl-wrap .bo_sch { max-width: 100%; }
  .pl-wrap .bo_sch select#sfl { min-width: 88px; }
}