/* GGurgenidze — comment Like/Haha + stable reaction hover + icon-only post actions */

/* Post reaction picker: remove the dead zone and keep it reachable with the mouse. */
.gg-reaction-wrap::before{
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:100%;
    height:18px;
}
.gg-reaction-picker{
    bottom:calc(100% - 2px)!important;
}
.gg-reaction-wrap.is-hover-locked .gg-reaction-picker{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:translate(-50%,0) scale(1)!important;
}

/* Post action row: visual icons only; text remains screen-reader accessible. */
.gg-post-action-bar{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:5px!important;
    padding:5px 8px 7px!important;
}
.gg-post-action{
    min-height:46px!important;
    gap:0!important;
    padding:5px!important;
}
.gg-post-action svg{
    width:23px!important;
    height:23px!important;
}
.gg-post-action .gg-action-emoji{
    width:25px!important;
    height:25px!important;
    font-size:1.25rem!important;
}
.gg-post-action-label{
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    clip:rect(0,0,0,0)!important;
    white-space:nowrap!important;
    border:0!important;
}

/* Comment reaction controls. */
.gg-comment-reaction-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    min-width:0;
}
.gg-comment-reaction-wrap::before{
    content:"";
    position:absolute;
    left:-4px;
    right:-4px;
    bottom:100%;
    height:16px;
}
.gg-comment-reaction-picker{
    position:absolute;
    left:50%;
    bottom:calc(100% - 1px);
    z-index:220;
    display:flex;
    align-items:center;
    gap:5px;
    padding:6px;
    border:1px solid #dde3eb;
    border-radius:999px;
    background:#fff;
    box-shadow:0 10px 28px rgba(18,38,67,.2);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translate(-50%,7px) scale(.94);
    transition:opacity .14s ease,transform .14s ease,visibility .14s ease;
}
.gg-comment-reaction-wrap:hover .gg-comment-reaction-picker,
.gg-comment-reaction-wrap:focus-within .gg-comment-reaction-picker,
.gg-comment-reaction-wrap.is-picker-open .gg-comment-reaction-picker,
.gg-comment-reaction-wrap.is-hover-locked .gg-comment-reaction-picker{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:translate(-50%,0) scale(1);
}
.gg-comment-reaction-choice{
    position:relative;
    width:36px;
    height:36px;
    padding:0;
    border:0;
    border-radius:50%;
    background:transparent;
    display:grid;
    place-items:center;
    font-size:1.45rem;
    line-height:1;
    cursor:pointer;
    transition:transform .14s ease,background .14s ease;
}
.gg-comment-reaction-choice:hover,
.gg-comment-reaction-choice:focus-visible{
    transform:translateY(-4px) scale(1.14);
    background:#f0f2f5;
    outline:none;
}
.gg-comment-reaction-main{
    display:inline-flex!important;
    align-items:center!important;
    gap:4px!important;
    min-height:24px!important;
}
.gg-comment-reaction-main[data-current-reaction="like"]{
    color:#1877f2!important;
}
.gg-comment-reaction-main[data-current-reaction="haha"]{
    color:#dd8c00!important;
}
.gg-comment-reaction-emoji{
    font-size:.98rem;
    line-height:1;
}
.gg-comment-reaction-count{
    display:inline-flex!important;
    align-items:center;
    gap:2px;
    min-height:22px;
    padding:1px 6px;
    border-radius:999px;
    background:#f0f2f5;
    color:#59697e;
    font-size:.7rem;
    font-weight:800;
    font-variant-numeric:tabular-nums;
}
.gg-comment-reaction-count[hidden]{display:none!important}
.gg-comment-reaction-count .gg-count-emoji{font-size:.78rem}

/* Reply threads: one level only, hidden by default, and a working toggle. */
.premium-comments>.comment{
    width:100%!important;
    min-width:0!important;
}
.gg-reply-thread{
    margin:6px 0 0 38px!important;
    padding:0 0 0 10px!important;
    width:calc(100% - 38px)!important;
    min-width:0!important;
    border-left:2px solid #e4e9f0!important;
    display:grid!important;
    gap:8px!important;
}
.gg-reply-thread[hidden]{display:none!important}
.gg-reply-thread>.comment{
    width:100%!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
.gg-reply-thread .comment-children{
    margin:0!important;
    padding:0!important;
    border:0!important;
}
.gg-replies-toggle-v3{
    margin:5px 0 3px 42px;
    padding:3px 8px;
    border:0;
    border-radius:8px;
    background:transparent;
    color:#52647c;
    font:inherit;
    font-size:.76rem;
    font-weight:800;
    cursor:pointer;
    text-align:left;
}
.gg-replies-toggle-v3:hover,
.gg-replies-toggle-v3:focus-visible{
    background:#f0f2f5;
    color:#1877f2;
    outline:none;
}
.gg-replies-toggle-v3::before{
    content:"↳";
    margin-right:6px;
    color:#8a96a8;
}

@media(max-width:650px){
    .gg-post-action-bar{gap:2px!important;padding:4px 5px 6px!important}
    .gg-post-action{min-height:44px!important}
    .gg-post-action svg{width:22px!important;height:22px!important}
    .gg-reply-thread{
        margin-left:22px!important;
        padding-left:8px!important;
        width:calc(100% - 22px)!important;
    }
    .gg-replies-toggle-v3{margin-left:34px;font-size:.74rem}
    .gg-comment-reaction-picker{bottom:calc(100% - 1px);padding:5px}
    .gg-comment-reaction-choice{width:34px;height:34px;font-size:1.35rem}
}