/* ═══ /clubs — киноклубы ═══ */

.cl-empty{text-align:center;padding:48px 20px;color:var(--muted);}
.cl-empty-ico{font-size:48px;margin-bottom:14px;}
.cl-empty-title{font-family:'Bebas Neue',sans-serif;letter-spacing:3px;font-size:18px;color:var(--gold);margin-bottom:8px;}
.cl-empty-sub{font-size:13px;line-height:1.6;margin-bottom:20px;}

.cl-top{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px;}

.cl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;}
.cl-card{background:rgba(255,255,255,.02);border:1px solid var(--border);cursor:pointer;transition:transform .15s,border-color .15s;}
.cl-card:hover{transform:translateY(-2px);border-color:var(--gold);}
.cl-cover,.cl-cover-ph{width:100%;aspect-ratio:16/9;object-fit:cover;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--muted);}
.cl-body{padding:14px;}
.cl-name{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;color:var(--text);}
.cl-desc{font-size:12px;color:var(--muted);margin-top:6px;line-height:1.4;max-height:32px;overflow:hidden;}
.cl-meta{font-size:10px;color:var(--gold);letter-spacing:1.5px;margin-top:10px;}

/* ── Карточка модалки ── */
.club-modal-card{background:var(--bg2);border:1px solid var(--gold);max-width:480px;width:100%;padding:24px;max-height:90vh;overflow-y:auto;}
.cm-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;}
.cm-x{background:none;border:1px solid var(--border);color:var(--muted);width:32px;height:32px;cursor:pointer;font-size:14px;}
.cm-row{margin-bottom:14px;}
.cm-row label{display:block;font-size:10px;letter-spacing:2px;color:var(--muted);margin-bottom:6px;}
.cm-row input,.cm-row textarea{background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 12px;font-size:13px;width:100%;font-family:inherit;}
.cm-row textarea{min-height:70px;resize:vertical;}
.cm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:20px;}
.cm-actions .btn-g{padding:10px 22px;font-size:11px;letter-spacing:1.5px;}

/* ── Карточка клуба ── */
.club-hero{display:flex;gap:18px;align-items:center;padding:18px;background:rgba(255,255,255,.02);border:1px solid var(--border);margin-bottom:24px;flex-wrap:wrap;}
.club-hero > img,.club-hero-ph{width:120px;height:80px;object-fit:cover;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:40px;}
.club-chip{font-size:11px;letter-spacing:1px;color:#ddd;background:rgba(255,255,255,.04);border:1px solid var(--border);padding:4px 10px;font-family:monospace;}

.club-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
@media (max-width:880px){ .club-grid{grid-template-columns:1fr;} }

.club-block-title{font-family:'Bebas Neue',sans-serif;letter-spacing:3px;color:var(--gold);font-size:13px;margin-bottom:14px;opacity:.85;}

.club-pick{display:flex;gap:14px;background:rgba(255,255,255,.02);border:1px solid var(--border);padding:14px;}
.club-pick img{width:84px;height:126px;object-fit:cover;cursor:pointer;}
.cp-title{font-family:'Bebas Neue',sans-serif;font-size:18px;letter-spacing:1px;cursor:pointer;line-height:1.2;}
.cp-title:hover{color:var(--gold);}
.cp-meta{font-size:11px;color:var(--muted);margin-top:6px;}

.club-members{display:flex;flex-direction:column;gap:6px;}
.cm-mem{display:flex;align-items:center;gap:10px;padding:8px 10px;background:rgba(255,255,255,.02);border:1px solid var(--border);}
.cm-mem img,.cm-mem-ph{width:32px;height:32px;border-radius:50%;background:var(--gold);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;}
.cm-mem-name{font-size:13px;color:var(--text);}
.cm-mem-role{font-size:10px;color:var(--muted);}

.club-chat{height:380px;overflow-y:auto;border:1px solid var(--border);padding:12px;background:rgba(255,255,255,.01);}
.club-msg{display:flex;gap:10px;margin-bottom:14px;}
.cmsg-ava,.cmsg-ava-ph{width:30px;height:30px;border-radius:50%;background:var(--gold);color:#000;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;flex-shrink:0;}
.cmsg-body{min-width:0;}
.cmsg-head{display:flex;gap:8px;font-size:11px;color:var(--muted);align-items:baseline;}
.cmsg-head b{color:var(--gold);font-weight:600;}
.cmsg-text{font-size:13px;color:#ddd;margin-top:3px;line-height:1.4;white-space:pre-wrap;word-break:break-word;}

.club-msg.own .cmsg-head b{color:var(--text);}

.club-chat-form{display:flex;gap:8px;margin-top:10px;}
.club-chat-form input{flex:1;background:var(--card);border:1px solid var(--border);color:var(--text);padding:10px 12px;font-size:13px;}
.club-chat-form .btn-g{padding:0 16px;font-size:14px;}