
/* Agami Barta v32.1 — Mobile Category + Social Share Same-Line Fix
   Scope: single post category/share row only. Desktop remains unchanged.
*/
.ab-post-cat-share,
.agami-post-cat-share,
.single-cat-share-row,
.post-cat-share-row,
.ab-single-share-row,
.single-post .ab-share-line {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    flex-wrap: nowrap;
}

.ab-post-cat-share .ab-post-category,
.agami-post-cat-share .post-category,
.single-cat-share-row .category-badge,
.post-cat-share-row .category-badge,
.ab-single-share-row .category-badge,
.single-post .ab-category-badge {
    flex: 0 0 auto;
    white-space: nowrap;
}

.ab-post-cat-share .ab-share-icons,
.agami-post-cat-share .share-icons,
.single-cat-share-row .share-icons,
.post-cat-share-row .share-icons,
.ab-single-share-row .share-icons,
.single-post .ab-share-icons {
    display: flex;
    align-items: center;
    gap: 8px;
    flex: 1 1 auto;
    min-width: 0;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}

.ab-post-cat-share .ab-share-icons::-webkit-scrollbar,
.agami-post-cat-share .share-icons::-webkit-scrollbar,
.single-cat-share-row .share-icons::-webkit-scrollbar,
.post-cat-share-row .share-icons::-webkit-scrollbar,
.ab-single-share-row .share-icons::-webkit-scrollbar,
.single-post .ab-share-icons::-webkit-scrollbar {
    display: none;
}

.ab-post-cat-share .share-count,
.agami-post-cat-share .share-count,
.single-cat-share-row .share-count,
.post-cat-share-row .share-count,
.ab-single-share-row .share-count,
.single-post .ab-share-count {
    flex: 0 0 auto;
    white-space: nowrap;
    margin-left: auto;
}

@media (max-width: 767px) {
    .ab-post-cat-share,
    .agami-post-cat-share,
    .single-cat-share-row,
    .post-cat-share-row,
    .ab-single-share-row,
    .single-post .ab-share-line {
        gap: 7px !important;
        padding: 8px 0 !important;
        flex-wrap: nowrap !important;
    }

    .ab-post-cat-share .ab-post-category,
    .agami-post-cat-share .post-category,
    .single-cat-share-row .category-badge,
    .post-cat-share-row .category-badge,
    .ab-single-share-row .category-badge,
    .single-post .ab-category-badge {
        font-size: 14px !important;
        line-height: 1 !important;
        padding: 10px 13px !important;
        border-radius: 12px !important;
        max-width: 96px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .ab-post-cat-share .ab-share-icons a,
    .agami-post-cat-share .share-icons a,
    .single-cat-share-row .share-icons a,
    .post-cat-share-row .share-icons a,
    .ab-single-share-row .share-icons a,
    .single-post .ab-share-icons a,
    .single-post .ab-share-icons button {
        width: 34px !important;
        height: 34px !important;
        min-width: 34px !important;
        border-radius: 50% !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        margin: 0 !important;
        padding: 0 !important;
        font-size: 14px !important;
    }

    .ab-post-cat-share .share-count,
    .agami-post-cat-share .share-count,
    .single-cat-share-row .share-count,
    .post-cat-share-row .share-count,
    .ab-single-share-row .share-count,
    .single-post .ab-share-count {
        font-size: 12px !important;
        line-height: 1.05 !important;
        min-width: 38px;
        text-align: center;
    }
}

@media (max-width: 380px) {
    .ab-post-cat-share .ab-post-category,
    .agami-post-cat-share .post-category,
    .single-cat-share-row .category-badge,
    .post-cat-share-row .category-badge,
    .ab-single-share-row .category-badge,
    .single-post .ab-category-badge {
        max-width: 80px;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .ab-post-cat-share .ab-share-icons a,
    .agami-post-cat-share .share-icons a,
    .single-cat-share-row .share-icons a,
    .post-cat-share-row .share-icons a,
    .ab-single-share-row .share-icons a,
    .single-post .ab-share-icons a,
    .single-post .ab-share-icons button {
        width: 30px !important;
        height: 30px !important;
        min-width: 30px !important;
    }
}


/* v32.2 FINAL — Single post mobile category + social icons in ONE line.
   Desktop remains unchanged. This targets the actual v32 markup:
   .ab-cat-share-compact-row > .ab-compact-cat + .ab-compact-share-actions
*/
.ab-cat-share-compact-row{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    flex-wrap:nowrap!important;
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
}
.ab-cat-share-compact-row .ab-compact-cat{
    flex:0 0 auto!important;
    white-space:nowrap!important;
}
.ab-cat-share-compact-row .ab-compact-share-actions{
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex:1 1 auto!important;
    min-width:0!important;
    max-width:100%!important;
    gap:5px!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    padding:0!important;
    margin:0!important;
}
.ab-cat-share-compact-row .ab-compact-share-actions::-webkit-scrollbar{display:none!important;}
.ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share{
    display:flex!important;
    flex-direction:row!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    gap:5px!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    margin:0!important;
    padding:0!important;
}
.ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share a,
.ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share button,
.ab-cat-share-compact-row .ab-compact-share-actions .ab-action-btn{
    flex:0 0 auto!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    border-radius:50%!important;
    margin:0!important;
    line-height:1!important;
}
.ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count{
    flex:0 0 auto!important;
    margin-left:2px!important;
    white-space:nowrap!important;
}

@media (max-width: 767px){
    .ab-cat-share-compact-row{
        gap:6px!important;
        padding:0!important;
        margin:15px 0 18px!important;
    }
    .ab-cat-share-compact-row .ab-compact-cat{
        width:auto!important;
        max-width:74px!important;
        min-width:58px!important;
        padding:8px 10px!important;
        font-size:13px!important;
        line-height:1!important;
        overflow:hidden!important;
        text-overflow:ellipsis!important;
        border-radius:11px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions{
        gap:4px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share{
        gap:4px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share a,
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share button,
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-action-btn{
        width:30px!important;
        height:30px!important;
        min-width:30px!important;
        flex-basis:30px!important;
        font-size:12px!important;
        box-shadow:0 4px 12px rgba(17,24,39,.06)!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-action-btn img{
        width:16px!important;
        height:16px!important;
        object-fit:contain!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count{
        min-width:28px!important;
        width:28px!important;
        flex-basis:28px!important;
        text-align:center!important;
        line-height:1!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count strong{
        display:block!important;
        font-size:16px!important;
        line-height:1!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count em{
        display:block!important;
        font-size:6px!important;
        line-height:1!important;
        letter-spacing:0!important;
        margin-top:2px!important;
    }
}
@media (max-width: 380px){
    .ab-cat-share-compact-row .ab-compact-cat{
        max-width:60px!important;
        min-width:52px!important;
        padding:7px 8px!important;
        font-size:12px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share a,
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share button,
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-action-btn{
        width:28px!important;
        height:28px!important;
        min-width:28px!important;
        flex-basis:28px!important;
        font-size:11px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-action-btn img{
        width:14px!important;
        height:14px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count{
        min-width:24px!important;
        width:24px!important;
        flex-basis:24px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count strong{font-size:14px!important;}
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count em{display:none!important;}
}


/* v32.3 — Mobile social icon group center alignment.
   Category badge remains unchanged. */
@media (max-width: 767px){
    .ab-cat-share-compact-row{
        position:relative!important;
        align-items:center!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions{
        justify-content:center!important;
        text-align:center!important;
        overflow:visible!important;
        padding-left:0!important;
        padding-right:0!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share{
        justify-content:center!important;
        margin-left:auto!important;
        margin-right:auto!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-share-count{
        margin-left:4px!important;
    }
}
@media (max-width: 390px){
    .ab-cat-share-compact-row .ab-compact-share-actions{
        gap:3px!important;
    }
    .ab-cat-share-compact-row .ab-compact-share-actions .ab-single-share{
        gap:3px!important;
    }
}
