/*! XXXWIS SEO Fixes 1.2.21: watch-page action bar (views / like / comments / download / save / report) - all six in ONE row on phones (320px and up), no scrolling. Kill switch: define('XWSF_BAR_FIX', false). */
/* never hide buttons behind a centred scroller: wrap instead of overflow (all widths) */
div.video-actions-bar{flex-wrap:wrap;overflow:visible;box-sizing:border-box;max-width:100%}
.video-actions-bar .action-item{box-sizing:border-box;min-height:44px;justify-content:center;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.video-actions-bar .action-item > span,.video-actions-bar .action-item > a > span{max-width:100%;overflow:hidden;text-overflow:ellipsis}
/* like: same icon-over-count layout and >=44px tap area as the other buttons (theme made it a 28px inline icon+count) */
.video-actions-bar .custom-likes,.video-actions-bar .post-like{width:100%;align-self:stretch;justify-content:center}
.video-actions-bar .post-like a.jltv-like-btn{flex:1 1 auto;width:100%;display:flex;align-items:center;justify-content:center;min-height:44px;padding:2px 6px;box-sizing:border-box}
.video-actions-bar .post-like a.jltv-like-btn .like{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:normal}
.video-actions-bar .post-like a.jltv-like-btn .like img{width:19px;height:19px}
.video-actions-bar .xwmu-report-action{text-decoration:none}
/* phones (<=480px): ALL SIX buttons in ONE straight row (Views Like Comments Download Save Report): equal flexible widths, no scrolling, nothing cut off.
   Icon above a small label; long labels end in an ellipsis instead of overflowing; tap height >= 44px. Beats the theme's max-width:320px wrap rule. */
@media (max-width:480px){
	div.video-actions-bar{display:flex;flex-direction:row;flex-wrap:nowrap;overflow:hidden;justify-content:stretch;align-items:stretch;gap:2px;padding:6px 4px}
	.video-actions-bar .action-item{flex:1 1 0;min-width:0;width:auto;max-width:none;flex-shrink:1;padding:2px 1px;gap:3px;font-size:11px;letter-spacing:-.1px;overflow:hidden}
	.video-actions-bar .action-item > span,.video-actions-bar .action-item > a > span{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}
	.video-actions-bar .action-item.save-item.xw-save-on{min-width:0;padding:2px 1px}
	.video-actions-bar .custom-likes,.video-actions-bar .post-like{min-width:0;max-width:100%}
	.video-actions-bar .post-like a.jltv-like-btn{min-width:0;padding:2px 1px}
	.video-actions-bar .post-like a.jltv-like-btn .like{max-width:100%}
	.video-actions-bar .post-like a.jltv-like-btn .like .wpst-count{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
	.video-actions-bar .action-item img,.video-actions-bar .post-like a.jltv-like-btn .like img{width:18px;height:18px;flex:0 0 auto}
	.video-actions-bar .action-item .xwmu-flag{flex:0 0 auto}
}
@media (max-width:374px){
	.video-actions-bar .action-item,.video-actions-bar .action-item.save-item.xw-save-on{font-size:10px;letter-spacing:-.2px}
}
@media (max-width:359px){
	div.video-actions-bar{gap:0;padding:6px 2px}
	.video-actions-bar .action-item,.video-actions-bar .action-item.save-item.xw-save-on{padding-left:0;padding-right:0}
}
