/* PersianV Sidebar Mobile Enhancer v2 */
.pv-side-main { direction: rtl; }
.pv-latest-blog-list { display: flex; flex-direction: column; gap: 10px; }
.pv-latest-blog-item { background: #fff; border: 1px solid #eee; border-radius: 12px; overflow: hidden; }
.pv-latest-blog-item a { display: flex; align-items: center; gap: 10px; padding: 9px; color: #222; text-decoration: none; }
.pv-latest-blog-item img { width: 78px; height: 58px; object-fit: cover; border-radius: 9px; flex-shrink: 0; }
.pv-latest-blog-item span { font: bold 13px/1.9 iransans, tahoma, sans-serif; color: #222; }
.pv-latest-loader { margin-top: 12px; padding: 12px; text-align: center; background: #f8f8f8; border: 1px dashed #ddd; border-radius: 12px; color: #777; font: 13px/1.8 iransans, tahoma, sans-serif; }

@media (max-width: 767px) {
    .pv-side-main .pv-fast-links-box,
    .pv-side-main .pv-most-viewed-native,
    .pv-side-main .pv-special-links-box,
    .pv-side-main .pv-latest-blog-box { margin-top: 14px !important; }

    /* Quick links slider */
    .pv-side-main .fast-links-container { overflow: hidden !important; }
    .pv-side-main .pv-fast-links-slider {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 10px 6px 16px !important;
    }
    .pv-side-main .pv-fast-links-slider::-webkit-scrollbar,
    .pv-side-main .pv-most-viewed-slider-row::-webkit-scrollbar { height: 5px; }
    .pv-side-main .pv-fast-links-slider::-webkit-scrollbar-thumb,
    .pv-side-main .pv-most-viewed-slider-row::-webkit-scrollbar-thumb { background: #ddd; border-radius: 20px; }
    .pv-side-main .pv-fast-links-slider .fast-link-item {
        flex: 0 0 42% !important;
        max-width: 42% !important;
        scroll-snap-align: start !important;
        background: linear-gradient(145deg, #fff, #f7f8ff) !important;
        border: 1px solid #e7e7f5 !important;
        border-radius: 18px !important;
        box-shadow: 0 8px 20px rgba(0,0,0,.06) !important;
        overflow: hidden !important;
    }
    .pv-side-main .pv-fast-links-slider .fast-link-item a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; min-height: 135px !important; padding: 12px 8px !important; text-align: center !important; color: #222 !important; }
    .pv-side-main .pv-fast-links-slider .fast-link-item img { width: 72px !important; height: 72px !important; object-fit: cover !important; border-radius: 18px !important; margin-bottom: 9px !important; box-shadow: 0 4px 12px rgba(0,0,0,.08) !important; }
    .pv-side-main .pv-fast-links-slider .fast-link-item strong { font: bold 13px/1.8 iransans, tahoma, sans-serif !important; }

    /* Most viewed: do not wrap/flatten the whole function output. Only sliderize common list containers inside it. */
    .pv-side-main .pv-most-viewed-native { overflow: hidden !important; }
    .pv-side-main .pv-most-viewed-native > .box_show,
    .pv-side-main .pv-most-viewed-native .box_show { width: 100% !important; max-width: 100% !important; overflow: hidden !important; }
    .pv-side-main .pv-most-viewed-native .content_box,
    .pv-side-main .pv-most-viewed-native .box_tow,
    .pv-side-main .pv-most-viewed-native ul,
    .pv-side-main .pv-most-viewed-native .post_list_right,
    .pv-side-main .pv-most-viewed-native .post_list {
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
    .pv-side-main .pv-most-viewed-native ul {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 10px 6px 16px !important;
        margin: 0 !important;
        list-style: none !important;
    }
    .pv-side-main .pv-most-viewed-native ul > li {
        flex: 0 0 78% !important;
        max-width: 78% !important;
        min-width: 0 !important;
        scroll-snap-align: start !important;
        background: linear-gradient(145deg, #fff, #f8fbff) !important;
        border: 1px solid #e8edf4 !important;
        border-radius: 18px !important;
        box-shadow: 0 8px 22px rgba(0,0,0,.07) !important;
        overflow: hidden !important;
    }
    .pv-side-main .pv-most-viewed-native ul > li a { display: block !important; padding: 10px !important; color: #222 !important; text-decoration: none !important; }
    .pv-side-main .pv-most-viewed-native ul > li img { width: 100% !important; height: 135px !important; object-fit: cover !important; border-radius: 14px !important; margin: 0 0 8px 0 !important; float: none !important; display: block !important; }

    /* If most-viewed prints div.post_list instead of ul/li */
    .pv-side-main .pv-most-viewed-native .content_box:has(.post_list) {
        display: flex !important;
        flex-wrap: nowrap !important;
        gap: 12px !important;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        padding: 10px 6px 16px !important;
    }
    .pv-side-main .pv-most-viewed-native .content_box:has(.post_list) .post_list {
        flex: 0 0 78% !important;
        max-width: 78% !important;
        min-width: 0 !important;
        scroll-snap-align: start !important;
        background: linear-gradient(145deg, #fff, #f8fbff) !important;
        border: 1px solid #e8edf4 !important;
        border-radius: 18px !important;
        box-shadow: 0 8px 22px rgba(0,0,0,.07) !important;
        overflow: hidden !important;
    }
    .pv-side-main .pv-most-viewed-native .content_box:has(.post_list) .post_list a { display: block !important; padding: 10px !important; color: #222 !important; }
    .pv-side-main .pv-most-viewed-native .content_box:has(.post_list) .post_list img { width: 100% !important; height: 135px !important; object-fit: cover !important; border-radius: 14px !important; float: none !important; display: block !important; margin: 0 0 8px 0 !important; }

    .pv-side-main .pv-special-links-box { clear: both !important; }
    .pv-side-main .pv-latest-blog-item { border-radius: 14px; box-shadow: 0 4px 14px rgba(0,0,0,.05); }
    .pv-side-main .pv-latest-blog-item a { padding: 10px; }
    .pv-side-main .pv-latest-blog-item img { width: 92px; height: 68px; border-radius: 12px; }
    .pv-side-main .pv-latest-blog-item span { font-size: 13px; line-height: 1.9; }
}