/* ==========================================================================
   Union Forsea PC Font + Global Override
   File: /theme/forsea/css/uf_font_final.css
   적용: head.sub.php에서 PC일 때만 로드
   ========================================================================== */

/* 0) 공통 폰트 스택 (Pretendard 우선) */
:root{
  --uf-font-sans: "Pretendard Variable","Pretendard","Noto Sans KR",-apple-system,BlinkMacSystemFont,
                  "Segoe UI",Roboto,Helvetica,Arial,"Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  --uf-font-serif: "Nanum Myeongjo","Noto Serif KR",serif;

  --uf-text: #111;
  --uf-sub: #444;
  --uf-muted: #666;
  --uf-line: #e9edf2;
  --uf-primary: #3f67bb;

  --uf-radius: 12px;
  --uf-shadow: 0 6px 18px rgba(0,0,0,.08);
}

/* 1) 전역 타이포: 너무 공격적으로 전체 크기 바꾸지 않고 가독성만 안정화 */
html, body{
  font-family: var(--uf-font-sans) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

/* 기본 본문 가독성 (기존 레이아웃에 충격 최소화) */
body{
  color: var(--uf-text);
  line-height: 1.55;
  letter-spacing: -0.2px;
}

/* 폼/버튼도 동일 폰트로 */
input, button, select, textarea{
  font-family: var(--uf-font-sans) !important;
}

/* 숫자 폭 고정(테이블/단가/수치 정렬 안정화) */
table, th, td,
.price, .unit, .num, .number, .amount, .qty{
  font-variant-numeric: tabular-nums;
  font-feature-settings: "tnum";
}

/* 링크 기본 톤 (기존 CSS를 최대한 존중) */
a{
  text-decoration: none;
}

/* 2) 서체 보정: 굵기 과도한 강조를 피하고(요청: 강조체 지양) 기본 굵기 안정화 */
strong, b{
  font-weight: 600; /* 700보다 덜 튀게 */
}

/* 제목류는 기존 테마를 존중하되 과도한 굵기만 완화 */
h1, h2, h3, h4, h5, h6{
  letter-spacing: -0.3px;
}

/* 3) 공통 카드 톤(재사용 가능) */
.uf-card{
  background:#fff;
  border-radius: var(--uf-radius);
  box-shadow: var(--uf-shadow);
  overflow:hidden;
}
.uf-card-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:14px 16px;
  border-bottom:1px solid var(--uf-line);
}
.uf-card-title{
  margin:0;
  font-size:18px;
  font-weight:700;
  color:var(--uf-text);
}
.uf-card-more{
  font-size:13px;
  font-weight:600;
  color:var(--uf-text);
}
.uf-card-body{
  padding:14px 16px 16px;
}

/* ==========================================================================
   4) PC 메인: "전체 공개 채팅방" 카드 최신 UI 오버라이드
   - 요청사항 반영:
     - "전체 공개 채팅방" 텍스트 14.5px
     - 미리보기 폰트 +1 (기존 14 → 15)
     - 강조체 느낌 최소화 (과도한 bold 지양)
     - NEW 뱃지 스타일(표시는 PHP/JS에서 붙이되, CSS는 여기서)
   ========================================================================== */

.chat_wrap{
  /* 기존 테마 배경/컬러가 있을 수 있어 최소만 */
}

.chat_wrap .tag_title{
  /* 타이틀 바(상단) 정리 */
  gap: 10px;
}

/* "전체 공개 채팅방" 텍스트 크기 14.5 */
.chat_wrap .tag_title,
.chat_wrap .tag_title > div{
  font-size: 14.5px !important;
  font-weight: 500 !important;
  letter-spacing: -0.2px;
}

/* 우측 입장 버튼: 최신 pill 버튼 톤 */
.chat_wrap .tag_title a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,255,255,.95);
  color: var(--uf-primary) !important;
  border: 1px solid rgba(255,255,255,.35);
  font-size: 13px;
  font-weight: 600;
  line-height: 1;
  transition: transform .15s ease, box-shadow .15s ease, background .15s ease;
}
.chat_wrap .tag_title a:hover{
  transform: translateY(-1px);
  box-shadow: 0 6px 14px rgba(0,0,0,.10);
  background: #fff;
}

/* 접속자 수 텍스트(오른쪽 숫자) */
.chat_wrap .tag_title span{
  font-size: 13.5px !important;
  font-weight: 400 !important;
}

/* 미리보기 리스트: 칩 3개를 더 ‘카드 리스트’ 느낌으로 정리 */
.chat_wrap .tag_chips{
  padding: 10px 12px 12px !important;
}

/* 미리보기 폰트 +1 (14 → 15) */
.chat_wrap .tag_chips a,
.chat_wrap .tag_chips a span{
  font-size: 15px !important;
}

/* 미리보기 아이템 디자인 */
.chat_wrap .tag_chips a{
  display:flex !important;
  align-items:center;
  gap: 10px;
  padding: 10px 12px !important;
  margin: 8px 0 !important;
  border-radius: 14px !important;
  background: rgba(255,255,255,.96) !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  color:#1f2937 !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
  transition: transform .12s ease, box-shadow .12s ease;
}
.chat_wrap .tag_chips a:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 18px rgba(0,0,0,.10);
}

/* 왼쪽 "채팅" 라벨(기존 span 스타일 과도한 강조 방지) */
.chat_wrap .tag_chips a span{
  font-weight: 600 !important;
  color: var(--uf-primary) !important;
}

/* NEW 뱃지 (PHP/JS에서 <em class="uf-new-badge">NEW</em> 붙이면 동작) */
.uf-new-badge{
  display:inline-flex;
  align-items:center;
  height: 18px;
  padding: 0 8px;
  border-radius: 999px;
  background: #ff3b30; /* iOS red 톤 */
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .2px;
  margin-left: auto; /* 오른쪽 끝으로 */
}

/* "최근 3개 중 1개라도 NEW면 강조"용(부모에 .uf-has-new 추가 시) */
.chat_wrap.uf-has-new .tag_title{
  /* 배경/보더를 아주 살짝만 */
  filter: none;
}
.chat_wrap.uf-has-new{
  outline: 2px solid rgba(255,59,48,.22);
  outline-offset: 2px;
  border-radius: 12px;
}

/* ==========================================================================
   5) 테이블/리스트 가독성 약간 보정(전체 영향 최소)
   ========================================================================== */

table{
  color: var(--uf-text);
}
th{
  font-weight: 700;
}
td{
  color: var(--uf-sub);
}

/* 긴 텍스트 줄바꿈 안정 */
*{
  word-break: keep-all;
}