/* 체인지리더스 「멤버스 클럽」 시험판 — 3단계: 체리 광장. html.cl-club 일 때만. 구조·기능은 그대로, 색·글꼴·배치만 */

/* ── 실시간 띠: 진한 그라데이션 → 종이 위 가는 줄 ── */
html.cl-club .dfj-plaza-marquee-full{background:transparent !important;border:0 !important;border-top:1px solid #1C1A17 !important;border-bottom:1px solid #DCD3C3 !important;border-radius:0 !important;box-shadow:none !important;color:#6F675C !important;margin-bottom:6px !important}
html.cl-club .dfj-plaza-marquee-full .item{color:#6F675C !important}
html.cl-club .dfj-plaza-marquee-full strong{color:#1C1A17 !important}
html.cl-club .dfj-plaza-marquee-full .hot{color:#7A2433 !important;background:none !important}
html.cl-club .dfj-plaza-marquee-full .green{color:#8C6A3A !important;background:none !important}
html.cl-club .dfj-plaza-marquee-full small{color:#A39A8C !important}

/* ── 위쪽 큰 남색 상자 → 잡지 머리글 (큰 제목 + 숫자 줄) ── */
html.cl-club .dfj-plaza-hero{background:transparent !important;border:0 !important;border-bottom:1px solid #DCD3C3 !important;border-radius:0 !important;box-shadow:none !important;color:#1C1A17 !important;padding:30px 4px 24px !important;text-align:left !important;display:grid !important;grid-template-columns:1fr auto;align-items:end;gap:10px 30px;overflow:visible !important}
html.cl-club .dfj-plaza-hero::before,html.cl-club .dfj-plaza-hero::after{display:none !important}
html.cl-club .dfj-plaza-hero>svg{display:none !important}
html.cl-club .dfj-plaza-hero h2{font-family:var(--club-serif) !important;font-size:44px !important;font-weight:900 !important;letter-spacing:-.04em !important;color:#1C1A17 !important;margin:0 !important;justify-content:flex-start !important;grid-column:1;text-shadow:none !important;-webkit-text-fill-color:#1C1A17 !important;background:none !important}
html.cl-club .dfj-plaza-hero h2 .dfj-plaza-live{background:#7A2433 !important;color:#F7EFE3 !important;font-size:11px !important;vertical-align:10px;box-shadow:none !important;border:0 !important;-webkit-text-fill-color:#F7EFE3 !important}
html.cl-club .dfj-plaza-hero>p{grid-column:1;color:#6F675C !important;font-size:14.5px !important;margin:4px 0 0 !important;opacity:1 !important;text-align:left !important}
html.cl-club .dfj-plaza-stats{grid-column:2;grid-row:1 / span 2;display:flex !important;gap:0 !important;flex-wrap:nowrap !important;margin:0 !important;border-left:1px solid #DCD3C3;align-self:end}
html.cl-club .dfj-plaza-stat{background:transparent !important;border:0 !important;border-right:1px solid #DCD3C3 !important;border-radius:0 !important;box-shadow:none !important;padding:0 18px !important;min-width:0 !important;backdrop-filter:none !important}
html.cl-club .dfj-plaza-stat .num{font-family:var(--club-en) !important;font-size:28px !important;font-weight:800 !important;color:#1C1A17 !important;letter-spacing:-.03em;-webkit-text-fill-color:#1C1A17 !important;background:none !important}
html.cl-club .dfj-plaza-stat .lbl{color:#8F8577 !important;font-size:11.5px !important;font-weight:600 !important;opacity:1 !important}
html.cl-club #plaza-stat-today{color:#7A2433 !important;-webkit-text-fill-color:#7A2433 !important}

/* ── 순위 3판: 첫 판(이달의 순위)만 검정, 나머지 종이 카드 ── */
html.cl-club .cl-rank-3col{gap:16px !important;margin-top:22px !important}
html.cl-club .cl-wrank-wrap{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;border-radius:16px !important;box-shadow:none !important;color:#1C1A17 !important;padding:18px 20px !important}
html.cl-club .cl-wrank-wrap *{text-shadow:none !important}
html.cl-club .cl-wrank-title{font-family:var(--club-serif) !important;font-weight:800 !important;color:#1C1A17 !important;font-size:16px !important}
html.cl-club .cl-wrank-prize{background:transparent !important;border:1px solid #DCD3C3 !important;color:#8C6A3A !important;box-shadow:none !important}
html.cl-club #cl-hof-now-wrap{background:#1C1A17 !important;border-color:#1C1A17 !important;color:#F3E6CF !important}
html.cl-club #cl-hof-now-wrap .cl-wrank-title{color:#F3E6CF !important}
html.cl-club #cl-hof-now-wrap .cl-wrank-prize{border-color:#4a4339 !important;color:#D9BE8C !important}
/* 순위 줄 */
html.cl-club .cl-wrank-list .clhof3-r,html.cl-club .cl-wrank-list .clwk-t,html.cl-club .cl-wrank-list [class*="rk"]{background:transparent !important;border:0 !important;border-bottom:1px solid #DCD3C3 !important;border-radius:0 !important;box-shadow:none !important}
html.cl-club #cl-hof-now-wrap .clhof3-r{border-bottom-color:#2f2b25 !important}
html.cl-club .cl-wrank-list .me,html.cl-club .cl-wrank-list .metile{background:rgba(184,146,90,.14) !important;border:0 !important;border-radius:10px !important;box-shadow:none !important}
html.cl-club .cl-wrank-list *{color:inherit}
html.cl-club .cl-wrank-list .nm,html.cl-club .cl-wrank-list .h3n{color:inherit !important;font-weight:700 !important}
html.cl-club .cl-wrank-list .h3x,html.cl-club .cl-wrank-list .c,html.cl-club .cl-wrank-list .p{color:#8C6A3A !important;font-weight:800 !important}
html.cl-club #cl-hof-now-wrap .h3x{color:#D9BE8C !important}
html.cl-club .cl-wrank-list .sub{color:#A39A8C !important}
/* 관리자 즉시 지급 버튼: 조용한 테두리 */
html.cl-club .cl-rank-adminbar button{background:transparent !important;border:1px dashed #C9BFAE !important;color:#6F675C !important;box-shadow:none !important;font-weight:700 !important}

/* ── 내 활동 · 검색 ── */
html.cl-club .dfj-plaza-mystrip-btn{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;color:#7A2433 !important;box-shadow:none !important;border-radius:999px !important}
html.cl-club .dfj-plaza-search-bar{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important;border-radius:999px !important}
html.cl-club .dfj-plaza-search-btn{background:#1C1A17 !important;color:#F3EEE5 !important;border-radius:999px !important;box-shadow:none !important}
html.cl-club .cl-plaza-admin-bar{background:transparent !important;border:1px dashed #DCD3C3 !important;box-shadow:none !important}
html.cl-club .cl-plaza-admin-btn{background:#7A2433 !important;box-shadow:none !important}

/* ── 글쓰기 창: "오늘은 어떤 하루였나요?" 느낌 ── */
html.cl-club .plaza-composer{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;border-radius:16px !important;box-shadow:none !important;padding:16px 18px !important}
html.cl-club .plaza-composer .pc-ic{background:#1C1A17 !important;color:#D9BE8C !important;border-radius:50% !important;box-shadow:none !important}
html.cl-club .plaza-composer .pc-text{color:#6F675C !important;font-family:var(--club-serif) !important;font-weight:700 !important;font-size:16px !important}
html.cl-club .plaza-composer .pc-go{background:#5B1A26 !important;color:#F7EFE3 !important;border-radius:999px !important;box-shadow:none !important}

/* ── 말머리 탭: 알록달록 알약 → 밑줄 글자 ── */
html.cl-club .dfj-plaza-cats-bar{gap:2px 14px !important;border-bottom:1px solid #1C1A17 !important;padding-bottom:6px !important;background:transparent !important}
html.cl-club .dfj-plaza-cat-btn,html.cl-club .cl-plaza-cat-more{background:transparent !important;border:0 !important;border-bottom:2px solid transparent !important;border-radius:0 !important;color:#8F8577 !important;box-shadow:none !important;font-weight:700 !important;padding:8px 2px !important}
html.cl-club .dfj-plaza-cat-btn.active{color:#1C1A17 !important;border-bottom-color:#5B1A26 !important}
html.cl-club .dfj-plaza-cat-btn [class*="new"],html.cl-club .dfj-plaza-cat-btn .badge-new{background:transparent !important;color:#B8925A !important;box-shadow:none !important}

/* ── 모임 · 인기 띠 ── */
html.cl-club .plaza-meetup-band,html.cl-club .plaza-hot-strip{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important;border-radius:16px !important}
html.cl-club .phs-chip{background:#fff !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
html.cl-club .phs-chip.r1{border-color:#B8925A !important;background:#FBF3E2 !important}
html.cl-club .phs-rank{background:#1C1A17 !important;color:#D9BE8C !important}
html.cl-club .mt-mini{background:#fff !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
html.cl-club .mtm-join{background:#5B1A26 !important;color:#F7EFE3 !important;box-shadow:none !important}
html.cl-club .pmb-head *,html.cl-club .phs-head *{color:#1C1A17 !important;font-family:var(--club-serif) !important}

/* ── 전체/소통/미션 토글 · 미션띠 · 보기막대 ── */
html.cl-club .plz-mode{background:transparent !important;border:1px solid #DCD3C3 !important;color:#6F675C !important;box-shadow:none !important}
html.cl-club .plz-mode.on{background:#1C1A17 !important;border-color:#1C1A17 !important;color:#F3EEE5 !important}
html.cl-club .plz-strip{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
html.cl-club .pms-card{background:#fff !important;border:1px solid #DCD3C3 !important;box-shadow:none !important}
html.cl-club .plaza-viewbar .on{background:#1C1A17 !important;color:#F3EEE5 !important}

/* ── 글 카드 ── */
html.cl-club .plaza-cards .pcard{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;border-radius:14px !important;box-shadow:none !important;transition:transform .2s,box-shadow .2s}
html.cl-club .plaza-cards .pcard:hover{transform:translateY(-3px);box-shadow:0 14px 26px -18px rgba(60,40,20,.45) !important}
html.cl-club .plaza-cards .pc-title,html.cl-club .plaza-cards .pct-title{font-family:var(--club-serif) !important;font-weight:800 !important;letter-spacing:-.03em}
html.cl-club .plaza-cards .pc-title{color:#1C1A17 !important}
html.cl-club .plaza-cards .pc-snip{color:#6F675C !important}
html.cl-club .plaza-cards .pc-meta{color:#A39A8C !important}
html.cl-club .plaza-cards .pct-top{border-radius:13px 13px 0 0}
/* 말머리 알약: 조용한 테두리 글자 */
html.cl-club .plaza-cards .post-row-cat,html.cl-club .plaza-cards [class*="pc-cat-"]{background:transparent !important;border:1px solid #DCD3C3 !important;color:#6F675C !important;box-shadow:none !important}
html.cl-club .plaza-cards .pc-cat-계약{border-color:#7A2433 !important;color:#7A2433 !important}
html.cl-club .plaza-cards .pc-cat-모의고사{border-color:#B8925A !important;color:#8C6A3A !important}

/* ── 쪽 넘김 · 새 글쓰기 ── */
html.cl-club .dfj-pager-btn{background:#FBF8F2 !important;border:1px solid #DCD3C3 !important;color:#6F675C !important;box-shadow:none !important}
html.cl-club .dfj-pager-btn.active{background:#1C1A17 !important;border-color:#1C1A17 !important;color:#F3EEE5 !important}
html.cl-club .plaza-fab{background:#5B1A26 !important;color:#F7EFE3 !important;box-shadow:0 18px 34px -14px rgba(91,26,38,.8) !important;border:0 !important}

@media(max-width:900px){
  html.cl-club .dfj-plaza-hero{grid-template-columns:1fr;padding:22px 2px 18px !important}
  html.cl-club .dfj-plaza-hero h2{font-size:32px !important}
  html.cl-club .dfj-plaza-stats{grid-column:1;grid-row:auto;border-left:0;overflow-x:auto;margin-top:10px !important}
  html.cl-club .dfj-plaza-stat{padding:0 12px !important}
  html.cl-club .dfj-plaza-stat:first-child{padding-left:0 !important}
  html.cl-club .dfj-plaza-stat .num{font-size:22px !important}
}

/* 순위 3판: 좁으면 줄바꿈 (잘림 방지) */
html.cl-club .cl-rank-3col{display:grid !important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr)) !important}
/* 모임 날짜 칸: 파랑 → 와인 */
html.cl-club .mtm-cal{background:linear-gradient(135deg,#7A2433,#5B1A26) !important;box-shadow:none !important}
html.cl-club .mtm-dday{background:#F4E7CB !important;color:#7A5A22 !important}
html.cl-club .mtm-bar,html.cl-club .mtm-bar *{background-color:#DCD3C3}
/* 글만 있는 카드: 말머리 색 바탕 → 종이색 + 진한 제목 */
html.cl-club .plaza-cards .pcard-text:not([style*="E8B84B"]) .pct-top{background:#F1EADC !important}
html.cl-club .plaza-cards .pcard-text:not([style*="E8B84B"]) .pct-title{color:#1C1A17 !important}
html.cl-club .plaza-cards .pct-em{opacity:.12 !important;filter:grayscale(1)}
/* 계약 글 = 와인 */
html.cl-club .plaza-cards .pcard-text:has(.pc-cat-계약) .pct-top{background:linear-gradient(135deg,#7A2433,#5B1A26) !important}
html.cl-club .plaza-cards .pcard-text:has(.pc-cat-계약) .pct-title{color:#F3E6CF !important}
/* 모의고사 100점 = 금색 유지 (테두리·그림자 살리기) */
html.cl-club .plaza-cards .pcard[style*="E8B84B"]{box-shadow:0 0 0 2px #D9BE8C,0 10px 22px -10px rgba(140,106,58,.45) !important;border-color:#D9BE8C !important}
html.cl-club .plaza-cards .pcard[style*="E8B84B"] .pct-title{color:#7A5A22 !important}
html.cl-club .plaza-cards .pcard[style*="E8B84B"] .pct-em{opacity:.5 !important;filter:none}

/* 미리보기 사진: 잘라서 꽉 채우기(cover) → 사진 전체가 보이게 줄여서(contain) — 대표님 10/14 "무슨 이미지인지 모르겠다" */
html.cl-club .plaza-cards .pc-img{background:#EDE6D8 !important}
html.cl-club .plaza-cards .pc-img img{object-fit:contain !important;object-position:center !important;background:#EDE6D8}
html.cl-club .plz-strip .pms-ph img,html.cl-club .clh-gph img{object-fit:contain !important;background:#EDE6D8}

/* 🩹 10/15 폰에서 숫자 6칸이 한 줄에 눌려 겹치던 것 → 3칸 × 2줄 표 */
@media(max-width:900px){
  html.cl-club .dfj-plaza-stats{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;overflow:visible !important;border-top:1px solid #DCD3C3 !important;border-left:0 !important}
  html.cl-club .dfj-plaza-stat{flex:none !important;min-width:0 !important;padding:10px 6px 9px !important;text-align:center !important;border-right:1px solid #DCD3C3 !important;border-bottom:1px solid #DCD3C3 !important}
  html.cl-club .dfj-plaza-stat:first-child{padding-left:6px !important}
  html.cl-club .dfj-plaza-stat:nth-child(3n){border-right:0 !important}
  html.cl-club .dfj-plaza-stat .num{font-size:21px !important;line-height:1.15 !important;white-space:nowrap}
  html.cl-club .dfj-plaza-stat .lbl{font-size:11px !important;white-space:nowrap}
}

/* 🩹 10/18 최진호님 "모바일에서 글쓰기 버튼이 없어졌어요" — 폰은 글쓰기 칸을 숨기고 떠있는 「새 글쓰기」만 쓰는데,
   그 버튼(bottom 20px·z150)이 맨 아래 메뉴줄(z99000)에 가려져 안 보였음 → 메뉴줄 위로 올림(z-index는 그대로 150: 글 창(200)보다 위로 뜨면 안 됨) */
@media(max-width:900px){
  .plaza-fab{bottom:calc(84px + env(safe-area-inset-bottom, 0px)) !important;right:14px !important;padding:13px 18px !important}
}

/* 📱 10/19 대표님 A안 — 폰 광장 목록형 (제목 왼쪽·작은 사진 오른쪽). PC는 그대로 */
.clm-list{background:#FBF8F2;border:1px solid #E3DBCD;border-radius:14px;overflow:hidden;margin:0 0 12px}
.clm-it{display:flex;gap:12px;padding:14px 14px;border-bottom:1px solid #EAE3D6;cursor:pointer;-webkit-tap-highlight-color:transparent}
.clm-it:last-child{border-bottom:0}
.clm-it:active{background:#F3EDE2}
.clm-tx{flex:1;min-width:0}
.clm-chip{display:inline-block;font-size:11px;font-weight:800;padding:3px 8px;border-radius:6px;margin-bottom:6px;letter-spacing:-.01em}
.clm-ti{font-size:15.5px;font-weight:700;line-height:1.42;letter-spacing:-.02em;color:#1C1A17;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:keep-all}
.clm-meta{font-size:12px;color:#8F8577;margin-top:6px;display:flex;gap:8px;flex-wrap:wrap}
.clm-th{flex:none;width:76px;height:76px;border-radius:12px;overflow:hidden;position:relative;background:#E3DBCD;align-self:center}
.clm-th img{width:100%;height:100%;object-fit:cover;display:block}
.clm-th b{position:absolute;right:5px;bottom:5px;font-size:10px;font-weight:800;padding:1px 6px;border-radius:99px;background:rgba(0,0,0,.6);color:#fff}
.clm-pin{background:#FBF8F2;border:1px solid #E3DBCD;border-radius:14px;padding:10px 14px 4px;margin:0 0 10px}
.clm-pin h3{font-size:12px;font-weight:800;color:#8C6A3A;letter-spacing:.04em;margin:0 0 2px}
.clm-pr{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13.5px;font-weight:700;color:#1C1A17;cursor:pointer;border-top:1px solid #EFE8DC}
.clm-pr:first-of-type{border-top:0}
.clm-pr i{font-style:normal;font-size:15px}
.clm-pr span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.clm-pr em{font-style:normal;font-size:11.5px;font-weight:600;color:#8F8577;flex:none}

/* 📌 10/28 대표님 「모임은 핀 고정으로, 색은 기존 와인색으로」 — 피드 맨 위 고정 모임 카드: 보라 → 와인·크림 */
html.cl-club .post-row.meetup-pin{background:#fff !important;border:1.5px solid #DCD3C3 !important;border-left:4px solid #5B1A26 !important;box-shadow:none !important}
html.cl-club .post-row.meetup-pin:hover{box-shadow:0 6px 16px rgba(91,26,38,.10) !important}
html.cl-club .meetup-pin-label{background:#F4E7CB !important;color:#7A5A22 !important;border:1px solid #E3CFA3 !important}
html.cl-club .mt-event{border:1px solid #DCD3C3 !important;box-shadow:none !important;background:#FBF8F2 !important}
html.cl-club .mt-rib{background:linear-gradient(135deg,#7A2433,#5B1A26) !important;color:#F7EFE3 !important}
html.cl-club .mt-event.mt-full .mt-rib{background:linear-gradient(135deg,#B8925A,#8F6A35) !important}
html.cl-club .mt-cal{background:linear-gradient(160deg,#7A2433,#5B1A26) !important}
html.cl-club .mt-cap{color:#5B1A26 !important}
html.cl-club .mt-bar{background:#E8E0D2 !important}
html.cl-club .mt-bar i{background:linear-gradient(90deg,#B8925A,#7A2433) !important}
html.cl-club .mt-join{background:#5B1A26 !important;color:#F7EFE3 !important;box-shadow:none !important}
html.cl-club .mt-join.joined{background:#fff !important;color:#5B1A26 !important;border:2px solid #5B1A26 !important}
html.cl-club .mt-join.wait,html.cl-club .mt-join.full{background:#B8925A !important;color:#fff !important}
html.cl-club .mt-join.off{background:#E8E0D2 !important;color:#9A8F80 !important}