/* Like control on forum posts - a quiet text action, not a call to action.
   Palette matches the forum reskin (themes/asltip/css/forum.css). */
.asltip-like{display:flex;align-items:center;gap:10px;margin:14px 0 0}
.asltip-forum-v2 #bbpress-forums .asltip-like{margin:14px 0 0}
/* The site stylesheet puts `form{margin:40px 0 0;width:100%}` on every form, which made this row
   ~50px tall. Reset the whole control's boxes explicitly rather than inherit page-form spacing. */
.asltip-like__form,.asltip-forum-v2 #bbpress-forums .asltip-like__form{margin:0 !important;padding:0 !important;width:auto !important;position:static;display:inline-flex;line-height:1}
.asltip-forum-v2 #bbpress-forums .asltip-like{line-height:1.4}
/* The site stylesheet sets `input,label,select,button,textarea{display:inline-block}`, which makes the
   form's hidden nonce fields render as ~29px boxes and inflates the row. Put them back. */
.asltip-like input[type=hidden],.asltip-forum-v2 #bbpress-forums .asltip-like input[type=hidden]{display:none !important}
/* Elementor's global kit and the theme size every button/form on the site; force this control's own boxes. */
.asltip-like__form,.asltip-forum-v2 #bbpress-forums .asltip-like__form,
.asltip-like__btn,.asltip-forum-v2 #bbpress-forums .asltip-like__btn{height:auto !important;min-height:0 !important;align-items:center;align-self:center}
.asltip-forum-v2 #bbpress-forums .asltip-like__btn,.asltip-like__btn{display:inline-flex;align-items:center;gap:5px;background:none;border:0;border-radius:4px;padding:2px 0;
  font:500 12.5px/1 Roboto,system-ui,sans-serif;color:#7b8794;align-items:center;text-transform:none;letter-spacing:normal;cursor:pointer;transition:color .12s}
.asltip-forum-v2 #bbpress-forums .asltip-like__btn:hover,.asltip-like__btn:hover{background:none;color:#1578cc}
.asltip-forum-v2 #bbpress-forums .asltip-like__btn.is-liked,.asltip-like__btn.is-liked{background:none;color:#1578cc}
.asltip-like__btn:focus-visible{outline:2px solid #1578cc;outline-offset:2px}
.asltip-like__icon{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:0 0 14px;width:14px;height:14px;display:block}
.asltip-like__btn.is-liked .asltip-like__icon{fill:#cfe4f6}
.asltip-like__count{position:relative;display:inline-flex;align-items:center;gap:6px;color:#33475b;cursor:help}
/* The count is a small pill so a single "1" still reads at a glance. */
.asltip-like__n{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 7px;border-radius:999px;background:#eef4fa;color:#33475b;font:600 12px/1 Roboto,system-ui,sans-serif}
.asltip-like__btn.is-liked+.asltip-like__count .asltip-like__n,.asltip-like__form:has(.is-liked)+.asltip-like__count .asltip-like__n{background:#d9e9fa;color:#0b2f52}
.asltip-like__count[data-tip]::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);z-index:20;width:max-content;max-width:260px;white-space:normal;
  background:#0b2f52;color:#fff;font:400 12px/1.45 Roboto,system-ui,sans-serif;padding:7px 9px;border-radius:8px;box-shadow:0 8px 24px rgba(11,47,82,.18);opacity:0;visibility:hidden;transition:opacity .12s}
.asltip-like__count[data-tip]:hover::after,.asltip-like__count[data-tip]:focus::after{opacity:1;visibility:visible}
.asltip-like__count:focus-visible{outline:2px solid #1578cc;outline-offset:2px;border-radius:4px}
/* The reply card pads 20px below its content (forum.css); with a like row that reads as a gap, so
   tighten it on cards that have one. Browsers without :has() simply keep the original spacing. */
.asltip-forum-v2 #bbpress-forums div.asltip-reply-card:has(.asltip-like){padding-bottom:11px !important}
.asltip-forum-v2 #bbpress-forums div.bbp-reply-content:has(.asltip-like) p:last-of-type,
.asltip-forum-v2 #bbpress-forums div.bbp-topic-content:has(.asltip-like) p:last-of-type{margin-bottom:6px}
/* The names tooltip escapes three nested `overflow:hidden` ancestors (the reply card, the replies list
   and the bbPress wrapper). Lift the clip only while a tooltip is actually showing. */
.asltip-forum-v2 #bbpress-forums div.asltip-reply-card:has(.asltip-like__count:hover),
.asltip-forum-v2 #bbpress-forums div.asltip-reply-card:has(.asltip-like__count:focus),
.asltip-forum-v2 #bbpress-forums ul.bbp-replies:has(.asltip-like__count:hover),
.asltip-forum-v2 #bbpress-forums ul.bbp-replies:has(.asltip-like__count:focus),
.asltip-forum-v2 .bbpress-wrapper:has(.asltip-like__count:hover),
.asltip-forum-v2 .bbpress-wrapper:has(.asltip-like__count:focus),
.bbpress-wrapper:has(.asltip-like__count:hover),.bbpress-wrapper:has(.asltip-like__count:focus){overflow:visible !important}
.asltip-like.is-busy{opacity:.6;pointer-events:none}
.asltip-like__error{font:400 12px Roboto,system-ui,sans-serif;color:#a11d1d}
@media (prefers-reduced-motion:reduce){.asltip-like__btn,.asltip-like__count[data-tip]::after{transition:none}}