/* dure_card.css v1.0 — 2026-07-15 두레카드 공용 문법(칩·메타·온도pill)
 * 출처 = main_rd.css v1.4.1(모바일 메인 rd)에서 확정된 컴팩트 카드 패턴을 스코프 없는 공용 클래스로 정리.
 * 스코프 = .dcz 래퍼(화면별 기존 클래스에 병기해서 사용, 예: <div class="pcard dcz">).
 * 포함 = metatop(근접배치+farmer 말줄임 55%) · specrow(1줄 nowrap+gap5) · cpill 기본/cert/spec/sanji · tpill 3종+svg · rvstat(별 주황).
 * 미포함(화면별 기존 레이아웃 존중) = 여백(body/pr 패딩)·상품명 클램프·가격 표기·담기 버튼 — 각 화면 CSS에서 유지.
 * 인라인 스타일 금지 — 스타일 변경은 이 파일 버전업으로만.
 */

/* metatop — 거래처(farmer) + 별점(rvstat) 근접배치 1줄. 데이터 없으면 자연 생략(마크업에서 미출력) */
.dcz .metatop{ display:flex; align-items:center; justify-content:flex-start; gap:8px; margin-bottom:2px; min-height:22px; }
.dcz .metatop .farmer{ margin:0; flex:0 1 auto; max-width:55%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dcz .metatop .rvstat{ margin:0; flex:0 0 auto; }

/* rvstat — 별점(주황) + 평점 숫자 + 후기수 */
.dcz .rvstat{ display:inline-flex; align-items:center; gap:6px; font-size:14px; line-height:1; }
.dcz .rvstat .star{ color:#F5A623; font-size:15px; line-height:1; }
.dcz .rvstat b{ font-family:"Roboto",sans-serif; font-weight:800; color:#1D271E; }
.dcz .rvstat .rvc{ color:#4F554B; font-weight:500; }

/* specrow — 칩 1줄(wrap+1줄 클립, 2026-07-16 QA C). 안 들어가는 뒤쪽 칩은 둘째 줄로 밀려 통째 숨김(중간 절단 방지),
   규격칩(cpill-spec)은 단독 초과 시에만 말줄임하되 min-width 바닥(3.5em)으로 "1..." 한 글자 절단 방지 */
.dcz .specrow{ display:flex; flex-wrap:wrap; align-items:center; gap:5px; max-height:26px; overflow:hidden; margin-top:2px; }
.dcz .specrow .cpill{ flex:0 1 auto; min-width:0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.dcz .specrow .cpill-spec{ min-width:3.5em; }
.dcz .specrow .cpill-cert,
.dcz .specrow .tpill{ flex:0 0 auto; }

/* cpill 기본 — 중립 톤 박스(스펙칩 기준값), 변형 클래스가 색만 오버라이드 */
.dcz .cpill{ display:inline-block; font-size:12.5px; font-weight:600; border-radius:7px; padding:3px 9px; line-height:1.35; background:#f3f2ec; border:1px solid #e3e0d4; color:#5f6b56; }
.dcz .cpill-spec{ background:#f3f2ec; border:1px solid #e3e0d4; color:#5f6b56; }
/* cpill-cert — 인증(유기농/무농약 등) 딥그린 강조, specrow 맨앞 배치는 마크업 순서로 */
.dcz .cpill-cert{ background:#e7efe8; border:1px solid #c9dccb; color:#2c4a30; font-weight:700; }
/* cpill-sanji — 산지 */
.dcz .cpill-sanji{ background:#FBF0E4; border:1px solid #F0DCC2; color:#9A5B1E; }

/* price-nonmem — 비조합원가 보조 줄(2026-07-20, 표준가 확장 결정: 주 가격줄은 표준 유지, 그 아래 보조 줄로 비조합원가 표기).
   데이터 없는 화면/상품은 마크업에서 자연 생략(통일감 유지). 독립 클래스 — 추후 "조합원가 단일" 정책 확정 시 이 클래스만 CSS로 숨기면 회귀 없이 전환 가능. */
.dcz .price-nonmem{ font-size:12.5px; color:#8b978c; margin-top:1px; }
.dcz .price-nonmem b{ font-weight:600; color:#8b978c; }

/* tpill — 온도(냉동/냉장/실온) 아이콘+라벨 3종 */
.dcz .tpill{ display:inline-flex; align-items:center; gap:3px; font-size:12.5px; font-weight:600; border-radius:7px; padding:3px 9px; line-height:1.35; }
.dcz .tpill svg{ width:13px; height:13px; display:block; flex:0 0 auto; }
.dcz .tpill-frozen{ background:#EAF2F8; border:1px solid #CFE0EE; color:#2F6D9E; }
.dcz .tpill-cold{ background:#E8F4F7; border:1px solid #CFE6EC; color:#1c7ea4; }
.dcz .tpill-room{ background:#F0F3EE; border:1px solid #DCE3D8; color:#6b7f6e; }