/* Cash Passion Likes and Comments 0.1.2. Colors come from the theme (see the inline :root variables). */
/* The bar is a normal block in the flow, on its own line under the content: it never floats over text or links. */
.cp-lc{--cp-lc-size:36px;position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:4px;box-sizing:border-box;width:100%;max-width:100%;clear:both;margin:8px 0 0;padding:4px 0 0;font-size:14px;line-height:1;text-align:left}
.cp-lc *,.cp-lc *::before,.cp-lc *::after{box-sizing:border-box}
#buddypress .activity-inner .cp-lc,#buddypress .activity-content>.cp-lc,#buddypress .activity-meta .cp-lc,#buddypress .acomment-options .cp-lc{flex:1 0 100%;width:100%;margin:8px 0 4px}
/* Emoji glyphs: a fixed square box, whatever is inside it (text, or the img that core's wp-emoji twemoji script puts there). */
.cp-lc-emoji,.cp-lc-trigger-emoji,.cp-lc-who-emoji{display:inline-flex;align-items:center;justify-content:center;flex:none;width:1.25em;height:1.25em;overflow:hidden;white-space:nowrap;line-height:1}
.cp-lc-top{display:inline-flex;align-items:center;flex:none;max-width:4em;height:1.25em;overflow:hidden;white-space:nowrap;line-height:1}
.cp-lc img.emoji,.cp-lc img.wp-smiley{display:inline-block!important;position:static!important;float:none!important;width:1em!important;height:1em!important;min-width:0!important;max-width:1em!important;max-height:1em!important;margin:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important;vertical-align:middle!important}
.cp-lc-top img.emoji{margin-right:-.15em!important}
.cp-lc-inline{display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.cp-lc-compact{display:none;position:relative;align-items:center}
.cp-lc-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--cp-lc-size);height:var(--cp-lc-size);min-width:var(--cp-lc-size);margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;font-size:20px;line-height:1;cursor:pointer;box-shadow:none;transition:transform .15s,background-color .15s}
.cp-lc-btn:hover{transform:scale(1.15);background:color-mix(in srgb,var(--cp-lc-highlight,#ffd23f) 25%,transparent)}
.cp-lc-btn:focus-visible,.cp-lc-trigger:focus-visible,.cp-lc-summary:focus-visible,.cp-lc-gif-btn:focus-visible{outline:2px solid var(--cp-lc-accent,#c8102e);outline-offset:2px}
.cp-lc-btn.is-mine{background:color-mix(in srgb,var(--cp-lc-highlight,#ffd23f) 35%,transparent);box-shadow:inset 0 0 0 2px var(--cp-lc-highlight,#ffd23f)}
.cp-lc-btn.is-static{cursor:default}
.cp-lc-btn.is-static:hover{transform:none;background:transparent}
/* Count badge: absolutely placed, so the tap target and the row never change size. */
.cp-lc-count{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--cp-lc-accent,#c8102e);color:#fff;font-size:10px;font-weight:700;line-height:16px;text-align:center;box-sizing:border-box;pointer-events:none;box-shadow:0 0 0 2px var(--wp--preset--color--base,#fff)}
.cp-lc-count[hidden]{display:none}
.cp-lc-trigger,.cp-lc-summary,.cp-lc-gif-btn{display:inline-flex;align-items:center;gap:4px;min-height:40px;margin:0;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;font-weight:600;cursor:pointer;box-shadow:none}
.cp-lc-trigger.is-mine{border-color:var(--cp-lc-highlight,#ffd23f);background:color-mix(in srgb,var(--cp-lc-highlight,#ffd23f) 25%,transparent)}
.cp-lc-trigger-emoji{font-size:18px}
.cp-lc-trigger-label{white-space:nowrap}
.cp-lc-summary{border-color:transparent;padding:0 6px}
.cp-lc-summary[data-empty]{visibility:hidden}
.cp-lc-guest .cp-lc-summary[data-empty],.cp-lc-readonly .cp-lc-summary[data-empty]{display:none}
.cp-lc-top{font-size:16px;letter-spacing:-2px;margin-right:4px}
/* 0.1.2: the tray opens on its own line right below the React button, in the flow of the bar. Activity cards in Nouveau and the
   Bundy theme clip anything that floats (overflow:hidden on .activity-inner and the item), and 0.1.1 floated it up over the text.
   In the flow it can never be clipped or cover the text above; it looks like the Facebook picker (a white pill with a shadow). */
.cp-lc-tray{position:relative;order:20;display:flex;flex-wrap:wrap;gap:2px;width:max-content;max-width:100%;margin:2px 0 10px;padding:4px;border-radius:24px;background:var(--wp--preset--color--base,#fff);color:var(--wp--preset--color--contrast,#111);box-shadow:0 2px 12px rgba(0,0,0,.18)}
.cp-lc-open::after{content:"";order:19;flex:0 0 100%;height:0}
.cp-lc-tray[hidden]{display:none}
.cp-lc-tray .cp-lc-btn{--cp-lc-size:40px}
.cp-lc-who{position:absolute;bottom:calc(100% + 6px);right:0;z-index:1000;min-width:200px;max-width:280px;padding:8px;border-radius:10px;background:var(--wp--preset--color--base,#fff);color:var(--wp--preset--color--contrast,#111);box-shadow:0 8px 25px rgba(0,0,0,.18);font-size:13px;line-height:1.3}
.cp-lc-who[hidden]{display:none}
.cp-lc-who ul{list-style:none;margin:0;padding:0}
.cp-lc-who li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:3px 4px}
.cp-lc-who a{display:flex;align-items:center;gap:8px;color:inherit;text-decoration:none}
.cp-lc-who img{width:24px;height:24px;border-radius:50%}
.cp-lc-who-title{margin:0 0 4px;font-weight:700}
.cp-lc-who-close{margin-top:6px;min-height:32px;border:0;background:transparent;color:inherit;text-decoration:underline;cursor:pointer}
.cp-lc-status{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Phones and touch: the inline row hides and the compact React button shows (rule printed inline with the site breakpoint; this static copy covers small phones even if a cache or optimizer drops the inline CSS). */
@media (max-width:480px){.cp-lc .cp-lc-inline{display:none}.cp-lc .cp-lc-compact{display:contents}}
@media (pointer:coarse){.cp-lc-btn{--cp-lc-size:40px}.cp-lc-btn:hover{transform:none}}
/* Group chat: compact. */
.cp-lc-chat{margin:4px 0 0;gap:2px}
.cp-lc-chat .cp-lc-btn{--cp-lc-size:32px;font-size:16px}
.cp-lc-chat .cp-lc-trigger,.cp-lc-chat .cp-lc-summary,.cp-lc-chat .cp-lc-gif-btn{min-height:40px;padding:0 8px;font-size:12px}
/* GIFs. */
.cp-lc-gif{margin:4px 0;max-width:100%}
.cp-lc-gif img:first-child{display:block;max-width:100%;height:auto;border-radius:8px}
.cp-lc-giphy-mark{display:block;width:100px;height:12px;margin-top:4px;opacity:.8}
.cp-lc-gp{position:fixed;inset:0;z-index:100100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.5)}
.cp-lc-gp[hidden]{display:none}
.cp-lc-gp-dlg{display:flex;flex-direction:column;width:min(560px,94vw);max-height:80vh;padding:12px;border-radius:14px;background:var(--wp--preset--color--base,#fff);color:var(--wp--preset--color--contrast,#111);box-sizing:border-box}
.cp-lc-gp-hd{display:flex;gap:8px}
.cp-lc-gp-q{flex:1;min-height:40px;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px;background:transparent;color:inherit;font-size:16px}
.cp-lc-gp-x{width:40px;height:40px;border:0;border-radius:50%;background:transparent;color:inherit;font-size:24px;cursor:pointer}
.cp-lc-gp-chips{display:flex;gap:6px;overflow-x:auto;padding:8px 0;scrollbar-width:none}
.cp-lc-gp-chip{flex:0 0 auto;min-height:32px;padding:0 10px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px;background:transparent;color:inherit;font-size:13px;cursor:pointer;white-space:nowrap}
.cp-lc-gp-chip[aria-pressed="true"]{background:var(--cp-lc-accent,#c8102e);border-color:var(--cp-lc-accent,#c8102e);color:#fff}
.cp-lc-gp-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:6px;overflow-y:auto;min-height:200px}
.cp-lc-gp-item{display:block;padding:0;border:0;border-radius:6px;overflow:hidden;background:color-mix(in srgb,currentColor 8%,transparent);cursor:pointer;aspect-ratio:1}
.cp-lc-gp-item img{display:block;width:100%;height:100%;object-fit:cover}
.cp-lc-gp-more{align-self:center;min-height:40px;margin:8px 0 0;padding:0 16px;border:1px solid color-mix(in srgb,currentColor 25%,transparent);border-radius:999px;background:transparent;color:inherit;cursor:pointer}
.cp-lc-gp-more[hidden]{display:none}
.cp-lc-gp-st{margin:6px 0 0;font-size:13px;text-align:center}
.cp-lc-gp-st:empty{display:none}
html.cp-lc-noscroll{overflow:hidden}
@media (max-width:600px),(pointer:coarse){.cp-lc-gp{align-items:flex-end}.cp-lc-gp-dlg{width:100vw;max-height:85vh;border-radius:14px 14px 0 0}}
@media (prefers-reduced-motion:reduce){.cp-lc-btn{transition:none}.cp-lc-btn:hover{transform:none}}
/* CPBP 1.3.3 chat composer slot. */
.bzc-tools{display:flex;align-items:flex-end;gap:6px;flex:none}.bzc-tools:empty{display:none}
.bzc-tools .cp-lc-gif-btn{min-height:44px;color:inherit}
.bzc-p .cp-lc .cp-lc-btn{position:relative!important;padding:0!important;min-height:0!important;border:0!important;box-shadow:none!important}.bzc-p .cp-lc .cp-lc-btn:not(.is-mine){background:transparent!important}.bzc-p .cp-lc-count{box-shadow:0 0 0 2px #1a1d1b}
.cp-lc-gp-up{display:inline-flex;align-items:center;gap:8px;margin-top:8px;font-size:13px;cursor:pointer}.cp-lc-gp-file{font-size:12px;max-width:200px}
/* BuddyPress Nouveau and many themes style every button inside #buddypress (border, square corners, padding, background). Reset ours there, so the bar looks the same everywhere. */
#buddypress .cp-lc .cp-lc-btn,.buddypress-wrap .cp-lc .cp-lc-btn{display:inline-flex;align-items:center;justify-content:center;width:var(--cp-lc-size);height:var(--cp-lc-size);min-width:var(--cp-lc-size);min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font-size:20px;font-weight:400;line-height:1;text-shadow:none;box-shadow:none;vertical-align:middle}
#buddypress .cp-lc .cp-lc-btn:hover,.buddypress-wrap .cp-lc .cp-lc-btn:hover{background:color-mix(in srgb,var(--cp-lc-highlight,#ffd23f) 25%,transparent);border:0;color:inherit}
#buddypress .cp-lc .cp-lc-btn.is-mine,.buddypress-wrap .cp-lc .cp-lc-btn.is-mine{background:color-mix(in srgb,var(--cp-lc-highlight,#ffd23f) 35%,transparent);box-shadow:inset 0 0 0 2px var(--cp-lc-highlight,#ffd23f)}
#buddypress .cp-lc .cp-lc-btn.is-static:hover,.buddypress-wrap .cp-lc .cp-lc-btn.is-static:hover{background:transparent}
#buddypress .cp-lc .cp-lc-trigger,#buddypress .cp-lc .cp-lc-summary,#buddypress .cp-lc .cp-lc-gif-btn,.buddypress-wrap .cp-lc .cp-lc-trigger,.buddypress-wrap .cp-lc .cp-lc-summary,.buddypress-wrap .cp-lc .cp-lc-gif-btn{display:inline-flex;align-items:center;gap:4px;min-height:40px;margin:0;padding:0 12px;border:1px solid color-mix(in srgb,currentColor 20%,transparent);border-radius:999px;background:transparent;color:inherit;font-size:14px;font-weight:600;line-height:1;text-shadow:none;box-shadow:none}
#buddypress .cp-lc .cp-lc-summary,.buddypress-wrap .cp-lc .cp-lc-summary{border-color:transparent;padding:0 6px}
#buddypress .cp-lc .cp-lc-trigger.is-mine,.buddypress-wrap .cp-lc .cp-lc-trigger.is-mine{border-color:var(--cp-lc-highlight,#ffd23f);background:color-mix(in srgb,var(--cp-lc-highlight,#ffd23f) 25%,transparent)}
#buddypress .cp-lc .cp-lc-compact[hidden],#buddypress .cp-lc .cp-lc-tray[hidden],#buddypress .cp-lc .cp-lc-who[hidden]{display:none}
#buddypress .cp-lc .cp-lc-who-close{min-height:32px;padding:0 4px;border:0;background:transparent;color:inherit;box-shadow:none}
#buddypress .cp-lc .cp-lc-tray{border-radius:24px;padding:4px}
/* 0.1.2 iPhone and touch: real buttons with a pointer cursor (iOS Safari only sends clicks to clickable elements), no tap flash, no long press text selection or callout menu, no double tap zoom delay. */
.cp-lc-btn,.cp-lc-trigger,.cp-lc-summary,.cp-lc-gif-btn{cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.cp-lc-trigger *,.cp-lc-btn *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;pointer-events:none}
.cp-lc-btn.is-static{cursor:default}