/* ==========================================================================
   CasinoDrop Social — /social/rumours/ (the Rumour mill). The page layer on
   top of social.css and the .crx system; scope .scx-p-rumours (the shell is
   .crx.scx.scx-p-rumours). Markup: template-parts/social/rumours.php; JS:
   assets/js/social-rumours.js.

   Pieces: the three rules in short above the list (≤1240px only), the tools
   row (views, search, sort, follow / About filters), the status line, a
   per-status accent on each card, the "How rumours work here" trust panel
   (rules + label ladder), Most named, and the side column's tablet fold. Type floor 12px; 44px tap targets under 760px; no SVG text.
   ========================================================================== */

/* ---------- layout ---------- */
.scx-p-rumours .scx-rm{margin-bottom:26px}
.scx-p-rumours .scx-rm-main{min-width:0;margin-bottom:0;container:scxrm/inline-size}
.scx-p-rumours .scx-rm-main .crx-sec-head{margin-bottom:14px}
.scx-p-rumours .scx-rm-main .crx-sec-head p a{color:var(--cyan,#4FC7EA);text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
.scx-p-rumours .scx-rm-main .crx-sec-head p a:hover{color:#fff}

/* ---------- the three rules in short (above the list only while the side column folds under it) ----------
   Shown at ≤1240px, the shared .scx-layout break, so the trust layer comes before the first card instead of after the
   list and its pager. A row of three when the list column is wide (tablets), a stack on phones. */
.scx-p-rumours .scx-rm-trust{display:none}
@media (max-width:1240px){
	.scx-p-rumours .scx-rm-trust{display:block;margin:0 0 14px;padding:12px 14px 4px;border:1px solid rgba(167,139,250,.26);border-radius:var(--rad,14px);background:radial-gradient(120% 140% at 100% 0,rgba(123,77,242,.12),transparent 62%),var(--card)}
}
.scx-p-rumours .scx-rm-trust-rules{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 16px}
.scx-p-rumours .scx-rm-trust-rules li{display:flex;align-items:center;gap:10px;margin:0;min-width:0}
.scx-p-rumours .scx-rm-trust-ico{flex:0 0 28px;display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(123,77,242,.14);border:1px solid rgba(167,139,250,.26);color:#C4B1FF}
.scx-p-rumours .scx-rm-trust-ico svg{width:15px;height:15px}
.scx-p-rumours .scx-rm-trust-ico .scx-g{stroke-width:1.8}
.scx-p-rumours .scx-rm-trust-rules b{min-width:0;font-size:13.5px;font-weight:600;line-height:1.35;color:#fff}
.scx-p-rumours .scx-rm-trust-links{display:flex;flex-wrap:wrap;align-items:center;gap:0 18px;margin:8px 0 0;padding-top:2px;border-top:1px solid var(--hair)}
.scx-p-rumours .scx-rm-trust-links a{display:inline-flex;align-items:center;gap:5px;min-height:40px;font-size:13.5px;font-weight:600;color:var(--cyan,#4FC7EA)}
.scx-p-rumours .scx-rm-trust-links a:hover{color:#fff;text-decoration:underline;text-underline-offset:2px}
@container scxrm (max-width:639px){
	.scx-p-rumours .scx-rm-trust-rules{grid-template-columns:minmax(0,1fr);gap:8px}
}

/* ---------- tools ---------- */
.scx-p-rumours .scx-rm-tools{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:12px}
/* The tabs scroll sideways on phones; social.css makes .scx-tabs the containing block, so the absolutely positioned
   screen-reader text in each count is clipped by the scroll box instead of widening the page. */
.scx-p-rumours .scx-rm-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;width:100%}
.scx-p-rumours .scx-rm-row.is-views>.scx-rm-tabs{flex:0 1 auto;min-width:0}
.scx-p-rumours .scx-rm-row.is-views>.scx-rm-chips{margin-left:auto}
.scx-p-rumours .scx-rm-search{position:relative;display:block;flex:1 1 220px;min-width:0;max-width:340px}
.scx-p-rumours .scx-rm-search input{width:100%;height:38px;padding:0 14px 0 36px;border:1px solid var(--hair-2);border-radius:999px;background:var(--card-2);color:var(--ink);font:inherit;font-size:14px;outline:none;transition:border-color .16s,box-shadow .16s}
.scx-p-rumours .scx-rm-search input:hover{border-color:rgba(167,139,250,.4)}
.scx-p-rumours .scx-rm-search input:focus{border-color:var(--cyan,#4FC7EA);box-shadow:0 0 0 3px rgba(79,199,234,.15)}
.scx-p-rumours .scx-rm-search input::placeholder{color:var(--ink-4)}
.scx-p-rumours .scx-rm-search input::-webkit-search-cancel-button{cursor:pointer}
.scx-p-rumours .scx-rm-search>svg{position:absolute;left:13px;top:50%;width:16px;height:16px;transform:translateY(-50%);color:var(--ink-4);pointer-events:none}
.scx-p-rumours .scx-rm-sort{display:flex;align-items:center;gap:8px;min-width:0;max-width:100%}
.scx-p-rumours .scx-rm-lbl{flex:0 0 auto;font-size:12.5px;font-weight:600;color:var(--ink-4)}
.scx-p-rumours .scx-rm-sort .crx-seg{min-width:0;max-width:100%;overflow-x:auto;scrollbar-width:none}
.scx-p-rumours .scx-rm-sort .crx-seg::-webkit-scrollbar{display:none}
.scx-p-rumours .scx-rm-sort .crx-seg button{flex:0 0 auto}
.scx-p-rumours .scx-rm-chips{flex:0 1 auto;min-width:0}
.scx-p-rumours .scx-rm-chips .scx-g{width:14px;height:14px;flex-basis:14px}
.scx-p-rumours .scx-rm-following[aria-pressed="true"] .scx-g{fill:var(--gold,#F5C451);color:var(--gold,#F5C451)}
.scx-p-rumours .scx-rm-fn{padding:3px 7px;border-radius:999px;background:rgba(245,196,81,.12);color:var(--gold,#F5C451);font:600 12px/1 var(--font-mono,ui-monospace,monospace);font-variant-numeric:tabular-nums}
.scx-p-rumours .scx-rm-subject{max-width:100%}
.scx-p-rumours .scx-rm-subject>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}
.scx-p-rumours .scx-rm-x{font-size:17px;line-height:1;color:var(--ink-3)}
.scx-p-rumours .scx-rm-subject:hover .scx-rm-x{color:#fff}
.scx-p-rumours .scx-rm-noscript{margin:0;width:100%}

/* The tools follow the list column's own width (it is 734px at 1440, 580px at 1280, the full width once the side column
   folds): two rows when there is room, then tabs / search + follow / sort, then one stack. The row wrappers dissolve
   (display:contents) so the four controls can be placed on one grid. */
@container scxrm (max-width:679px){
	.scx-p-rumours .scx-rm-tools{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"tabs tabs" "find chips" "sort sort";align-items:center;justify-items:start;gap:10px 12px}
	.scx-p-rumours .scx-rm-row{display:contents}
	.scx-p-rumours .scx-rm-tabs{grid-area:tabs}
	.scx-p-rumours .scx-rm-chips{grid-area:chips;justify-self:end}
	.scx-p-rumours .scx-rm-row.is-views>.scx-rm-chips{margin-left:0}
	.scx-p-rumours .scx-rm-search{grid-area:find;width:100%;max-width:none}
	.scx-p-rumours .scx-rm-sort{grid-area:sort}
	.scx-p-rumours .scx-rm-noscript{grid-column:1/-1}
}
@container scxrm (max-width:479px){
	.scx-p-rumours .scx-rm-tools{grid-template-columns:minmax(0,1fr);grid-template-areas:"tabs" "find" "sort" "chips";gap:8px}
	.scx-p-rumours .scx-rm-chips{justify-self:start}
	.scx-p-rumours .scx-rm-sort{width:100%}
	.scx-p-rumours .scx-rm-lbl{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
	.scx-p-rumours .scx-rm-sort .crx-seg{display:flex;width:100%}
	.scx-p-rumours .scx-rm-sort .crx-seg button{flex:1 1 auto;padding-inline:10px}
}

/* ---------- status line ---------- */
.scx-p-rumours .scx-rm-status{margin:0 0 10px;font-size:13px;line-height:1.5;color:var(--ink-3)}
.scx-p-rumours .scx-rm-status b{color:#fff;font-weight:700}
.scx-p-rumours .scx-rm.is-error .scx-rm-status{color:#FFC27A}
.scx-p-rumours .scx-rm.is-error .scx-rm-tools{opacity:.5;pointer-events:none}

/* ---------- list ---------- */
.scx-p-rumours .scx-rm-list .scx-item{scroll-margin-top:calc(var(--top-h,66px) + 16px)}
.scx-p-rumours .scx-rm-list .scx-item:focus,.scx-p-rumours .scx-rm-list .scx-item:focus-visible{outline:none;border-radius:var(--rad)}
/* Status at a glance: a thin accent on the card's left edge, keyed to its label (progressive: browsers without :has() show the chip only). */
.scx-p-rumours .scx-rm-list .scx-item::before{content:"";position:absolute;left:-1px;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--rm-acc,transparent);pointer-events:none}
.scx-p-rumours .scx-rm-list .scx-item:has(.scx-verif.v-unverified){--rm-acc:rgba(255,170,60,.75)}
.scx-p-rumours .scx-rm-list .scx-item:has(.scx-verif.v-receipts){--rm-acc:rgba(46,212,127,.75)}
.scx-p-rumours .scx-rm-list .scx-item:has(.scx-verif.v-press){--rm-acc:rgba(79,199,234,.8)}
.scx-p-rumours .scx-rm-list .scx-item:has(.scx-verif.v-confirmed){--rm-acc:var(--up,#2ED47F)}
.scx-p-rumours .scx-rm-list .scx-item:has(.scx-verif.v-denied){--rm-acc:rgba(255,92,122,.8)}
.scx-p-rumours .scx-rm-empty{display:flex;flex-direction:column;align-items:center;gap:12px}
.scx-p-rumours .scx-rm-empty p{max-width:54ch;line-height:1.55}

/* ---------- trust panel: How rumours work here ---------- */
.scx-p-rumours .scx-rm-how{border-color:rgba(167,139,250,.26);background:radial-gradient(120% 70% at 100% 0,rgba(123,77,242,.13),transparent 62%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 40%),var(--card)}
.scx-p-rumours .scx-rm-how{scroll-margin-top:calc(var(--top-h,66px) + 16px);transition:box-shadow .3s}
.scx-p-rumours .scx-rm-how:target{box-shadow:0 0 0 3px rgba(123,77,242,.28),0 14px 40px -28px rgba(0,0,0,.7)}
.scx-p-rumours .scx-rm-how .scx-mod-body{padding-top:14px;padding-bottom:16px}
.scx-p-rumours .scx-rm-rules{list-style:none;margin:0;padding:0;display:grid;align-content:start;gap:13px}
.scx-p-rumours .scx-rm-rule{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;margin:0}
.scx-p-rumours .scx-rm-rule-ico{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:rgba(123,77,242,.14);border:1px solid rgba(167,139,250,.26);color:#C4B1FF}
.scx-p-rumours .scx-rm-rule-ico svg{width:17px;height:17px}
.scx-p-rumours .scx-rm-rule-ico .scx-g{stroke-width:1.8}
.scx-p-rumours .scx-rm-rule p{font-size:13.5px;line-height:1.55;color:var(--ink-3)}
.scx-p-rumours .scx-rm-rule b{display:block;margin-bottom:2px;font-size:14px;font-weight:700;line-height:1.35;color:#fff}
.scx-p-rumours .scx-rm-labels{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair)}
.scx-p-rumours .scx-rm-labels-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin:0 0 4px}
.scx-p-rumours .scx-rm-h3,.scx-p-rumours .scx-rm-h3-n{margin:0;font-family:var(--font-body,"Inter",sans-serif);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-4)}
.scx-p-rumours .scx-rm-h3-n{flex:0 0 auto;letter-spacing:.04em;font-weight:600}
.scx-p-rumours .scx-rm-ladder{list-style:none;margin:0;padding:0}
/* Each label: chip and its count on one line, the meaning under it. The first four are one path (each adds to what is
   attached); Denied can happen at any step, so it sits apart below a dashed rule. */
.scx-p-rumours .scx-rm-step{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"chip n" "txt txt";align-items:center;gap:5px 10px;margin:0;padding:9px 0;border-top:1px solid var(--hair)}
.scx-p-rumours .scx-rm-step:first-child{border-top:0;padding-top:6px}
.scx-p-rumours .scx-rm-step .scx-verif{grid-area:chip;justify-self:start;cursor:default}
.scx-p-rumours .scx-rm-step-n{grid-area:n;min-width:2ch;font-size:14px;font-weight:700;line-height:1;color:#fff;text-align:right;font-variant-numeric:tabular-nums}
.scx-p-rumours .scx-rm-step-txt{grid-area:txt;font-size:13px;line-height:1.45;color:var(--ink-3)}
.scx-p-rumours .scx-rm-step.s-denied{margin-top:4px;padding-top:12px;border-top:1px dashed var(--hair-2)}
.scx-p-rumours .scx-rm-labels-note{margin-top:10px;font-size:12.5px;line-height:1.5;color:var(--ink-4)}

/* ---------- Most named ---------- */
.scx-p-rumours .scx-rm-subjs>li{padding:3px 0;border-top:0}
.scx-p-rumours .scx-rm-subj{display:flex;align-items:center;gap:8px}
.scx-p-rumours .scx-rm-subj-btn{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:10px;min-height:38px;margin-left:-6px;padding:4px 10px 4px 6px;border-radius:10px;text-align:left;transition:background .16s,box-shadow .16s}
.scx-p-rumours .scx-rm-subj-btn:hover{background:rgba(255,255,255,.045)}
.scx-p-rumours .scx-rm-subj-btn[aria-pressed="true"]{background:rgba(123,77,242,.15);box-shadow:inset 0 0 0 1px rgba(167,139,250,.45)}
.scx-p-rumours .scx-rm-subj .scx-mono{width:26px;height:26px;border-radius:50%;font-size:12.5px}
.scx-p-rumours .scx-rm-subj.is-casino .scx-mono{border-radius:8px;box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent,#A78BFA) 45%,transparent)}
.scx-p-rumours .scx-rm-subj-name{flex:1 1 auto;min-width:0;font-size:14px;font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.scx-p-rumours .scx-rm-subj-btn[aria-pressed="true"] .scx-rm-subj-name{color:#fff}
.scx-p-rumours .scx-rm-dots{flex:0 0 auto;display:inline-flex;gap:3px}
.scx-p-rumours .scx-rm-dots i{width:8px;height:8px;border-radius:50%;background:var(--ink-4)}
.scx-p-rumours .scx-rm-dots i.d-unverified{background:#FFAA3C}
.scx-p-rumours .scx-rm-dots i.d-receipts{background:#2ED47F}
.scx-p-rumours .scx-rm-dots i.d-press{background:#4FC7EA}
.scx-p-rumours .scx-rm-dots i.d-confirmed{background:#2ED47F;box-shadow:0 0 0 2px rgba(46,212,127,.25)}
.scx-p-rumours .scx-rm-dots i.d-denied{background:#FF5C7A}
.scx-p-rumours .scx-rm-subj-n{flex:0 0 auto;min-width:2ch;font-size:13px;font-weight:700;color:var(--ink-2);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.scx-p-rumours .scx-rm-foot-note{font-size:12.5px;font-weight:400;line-height:1.5;color:var(--ink-4)}

/* ---------- footnote ---------- */
.scx-p-rumours .scx-rm-note{margin:0 0 26px;color:var(--ink-3);max-width:110ch}

/* ---------- tablet: the side column folds under the list as a two-up grid ---------- */
@media (max-width:1240px) and (min-width:761px){
	.scx-p-rumours .scx-rm-side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
	.scx-p-rumours .scx-rm-how{grid-column:1/-1}
	.scx-p-rumours .scx-rm-how .scx-mod-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
	.scx-p-rumours .scx-rm-how .scx-rm-labels{margin-top:0;padding-top:0;padding-left:22px;border-top:0;border-left:1px solid var(--hair)}
}

/* ---------- phones ---------- */
@media (max-width:760px){
	.scx-p-rumours .scx-rm-tabs{max-width:100%}
	.scx-p-rumours .scx-rm-search input{height:44px;font-size:16px}
	.scx-p-rumours .scx-rm-subj-btn{min-height:44px}
	.scx-p-rumours .scx-rm-subjs>li{padding:2px 0}
	.scx-p-rumours .scx-rm-how .scx-mod-foot a{display:inline-flex;align-items:center;gap:6px;min-height:44px}
	.scx-p-rumours .scx-rm-trust{padding-inline:12px}
	.scx-p-rumours .scx-rm-trust-links a{min-height:44px}
	.scx-p-rumours .scx-rm-list .scx-item::before{top:14px;bottom:14px}
}

@media (prefers-reduced-motion:reduce){
	.scx-p-rumours .scx-rm-search input,.scx-p-rumours .scx-rm-subj-btn,.scx-p-rumours .scx-rm-how{transition:none}
}