/*
 * RolnRock theme: CSS used only on the Community and Top 50 pages (/community/, /top-50/).
 * Moved unchanged from style.css in Q1 stage 7 (2026-10-16). Loaded after style.css on those pages only (rolnrock_scripts() in functions.php).
 */

/* ---- Community hub: strip, feed, sidebar ---- */
.rr-hub-strip{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 24px; padding:18px 22px !important; margin-bottom:20px;}
.rr-hub-strip p{margin:0; color:var(--chrome-dim); font-size:15px; flex:1 1 320px;}
.rr-hub-links{display:flex; flex-wrap:wrap; gap:10px;}
.rr-hub-layout{display:grid; grid-template-columns:minmax(0,1.85fr) minmax(0,1fr); gap:20px; align-items:start;}
.rr-feed-bar{display:flex; flex-wrap:wrap; align-items:flex-end; justify-content:space-between; gap:10px 16px; padding:14px 20px 0; border-bottom:1px solid var(--line);}
.rr-feed-tabs{display:flex; gap:22px;}
.rr-feed-item{display:flex; gap:12px; align-items:flex-start; padding:14px 0; border-bottom:1px solid var(--line);}
.rr-feed-item:last-child{border-bottom:0;}
.rr-feed-av img{width:36px !important; height:36px !important; border-radius:50%; display:block;}
.rr-feed-main{flex:1; min-width:0;}
.rr-feed-line{margin:0; font-size:14px; color:var(--text-dim); line-height:1.45;}
.rr-feed-line a{color:var(--text); text-decoration:none;}
.rr-feed-line a.rr-feed-who{font-weight:700;}
.rr-feed-line a:hover{color:var(--red);}
.rr-feed-title{display:inline-block; margin-top:3px; font-size:15px; font-weight:600; color:var(--text) !important; text-decoration:none !important;}
.rr-feed-title:hover{color:var(--red) !important;}
.rr-feed-quote,.rr-feed-spin{margin:4px 0 0; font-size:14px; color:var(--text); line-height:1.45; overflow-wrap:anywhere;}
.rr-feed-quote{color:var(--chrome-dim);}
.rr-feed-meta{margin:6px 0 0; font-size:11px; color:var(--text-dim); font-family:'Space Mono',monospace; letter-spacing:.04em;}
.rr-feed-tag{color:var(--red); text-transform:uppercase; letter-spacing:.08em;}
.rr-feed-side img{width:52px !important; height:52px !important; object-fit:cover; border-radius:6px; border:1px solid var(--line); display:block;}
.rr-feed-covers{display:flex; flex-wrap:wrap; gap:6px; margin-top:8px;}
.rr-feed-covers a{display:block; text-decoration:none !important;}
.rr-feed-covers img,.rr-feed-nocover{width:52px !important; height:52px !important; object-fit:cover; border-radius:4px; border:1px solid var(--line); display:block; background:var(--line);}
.rr-feed-plus{width:52px; height:52px; border-radius:4px; border:1px solid var(--line); display:flex !important; align-items:center; justify-content:center; font-size:13px; color:var(--text-dim) !important;}
.rr-hub-side{display:flex; flex-direction:column; gap:20px;}
.rr-side-card{padding:16px 18px !important; margin:0 !important;}
.rr-mini-chart{list-style:none; margin:0; padding:0;}
.rr-mini-chart li{display:flex; align-items:center; gap:10px; padding:7px 0; border-bottom:1px solid var(--line);}
.rr-mini-chart li:last-child{border-bottom:0;}
.rr-mini-rank{width:14px; color:var(--red); font-weight:700; font-size:14px; text-align:center;}
.rr-mini-rec{display:flex; align-items:center; gap:10px; min-width:0; flex:1; text-decoration:none !important;}
.rr-mini-rec img,.rr-mini-rec .rr-feed-nocover{width:40px !important; height:40px !important; border-radius:4px; object-fit:cover; flex:0 0 auto;}
.rr-mini-rec span{display:flex; flex-direction:column; min-width:0;}
.rr-mini-rec strong{color:var(--text); font-size:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rr-mini-rec em{font-style:normal; color:var(--text-dim); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.rr-mini-rec:hover strong{color:var(--red);}
.rr-side-people{list-style:none; margin:0; padding:0;}
.rr-side-people li a{display:flex; align-items:center; gap:10px; padding:6px 0; text-decoration:none !important;}
.rr-side-people img{width:32px !important; height:32px !important; border-radius:50%;}
.rr-side-people span{display:flex; flex-direction:column;}
.rr-side-people strong{color:var(--text); font-size:13px;}
.rr-side-people em{font-style:normal; color:var(--text-dim); font-size:12px;}
.rr-side-avatars{list-style:none; margin:0; padding:0; display:grid; grid-template-columns:repeat(4,1fr); gap:10px 6px;}
.rr-side-avatars a{display:flex; flex-direction:column; align-items:center; gap:4px; text-decoration:none !important; min-width:0;}
.rr-side-avatars img{width:40px !important; height:40px !important; border-radius:50%;}
.rr-side-avatars span{font-size:11px; color:var(--text-dim); max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
@media (max-width:900px) {
	.rr-hub-layout{grid-template-columns:minmax(0,1fr);}
}
@media (max-width:600px) {
	.rr-hub-strip{padding:16px !important;}
	.rr-feed-bar{padding:10px 14px 0;}
}

/* F9 (2026-10-15): Follow topic button with Email me and Favorite; Topics I follow list on My Account */
.rr-hub-strip{flex-direction:row !important; min-height:0 !important;}
.rr-hub-strip p{flex:1 1 auto !important;}
.rr-hub-strip .rr-hub-links{margin:0 !important;}

/* ---- Community spin box ---- */
.rr-feed-spin a{color:var(--text) !important; text-decoration:none !important;}
.rr-feed-spin a:hover{color:var(--red) !important;}
@media (max-width:600px) {
	.rr-hub-links{width:100%;}
	.rr-hub-links a{flex:1; justify-content:center; text-align:center;}
}
.rr-hub-strip{overflow:visible !important; position:relative; z-index:20;}
@media (max-width:600px) {
	.rr-hub-links{flex-wrap:nowrap !important; gap:6px !important;}
	.rr-hub-links a{flex:1 1 0 !important; min-width:0; padding-left:6px !important; padding-right:6px !important; font-size:11px !important;}
}

/* ---- Star ratings ---- */
.rr-feed-artist{color:var(--text-dim); font-size:13px; margin-left:6px;}

/* Top 50 combined score */
.rr-chart-score{display:flex; flex-direction:column; align-items:flex-end; gap:2px; text-align:right;}
.rr-chart-score strong{font-family:inherit; font-size:14px; letter-spacing:0; color:#f5b301; white-space:nowrap;}
.rr-chart-score small{font-size:10px; white-space:nowrap;}

/* Community page: intro moved into the banner line, no empty article gap */
body.page-id-32 .single-wrap{padding:0}
body.page-id-32 .single-wrap > article{display:none}

/* FR (2026-10-15): reactions on Community feed items, a compact version of the forum and review pills */
.rr-feed-main .rr-reacts{margin:8px 0 0; gap:5px}
.rr-feed-main .rr-react-pill{height:24px; padding:0 8px; font-size:12px; gap:4px}
.rr-feed-main .rr-react-pill .rr-react-n{font-size:11px}
.rr-feed-main .rr-react-add{height:24px; min-width:28px; padding:0 6px}
.rr-feed-main .rr-react-add svg{width:16px; height:16px}
/* X19 (2026-10-28): light theme Top 50 score readable (gold was 1.7:1) */
[data-theme="light"] .rr-chart-score strong{color:#8a6100;}