/* -------------------------------------------------------------------------- */
/* استایل‌های پایه برای دسکتاپ (و اندازه‌های بزرگتر) */
/* -------------------------------------------------------------------------- */

/* انتخاب‌گر دقیق برای ردیف‌های میله‌ها */
.kksr-bar-container .kksr-bars-wrapper .kksr-bar-row {
    display: flex;
    align-items: center;
    /* فاصله افزایش یافته */
    margin-bottom: 5px !important; 
}

/* فونت‌های دسکتاپ: */
.kksr-bar-container .kksr-summary-text {
    font-size: 14px !important; 
}


/* -------------------------------------------------------------------------- */
/* استایل‌های موبایل (اندازه‌های کوچک‌تر از 600px) */
/* -------------------------------------------------------------------------- */

@media (max-width: 600px) {

    /* فاصله میله‌ها در موبایل */
    .kksr-bar-container .kksr-bars-wrapper .kksr-bar-row {
        /* فاصله افزایش یافته */
        margin-bottom: 3px !important; 
    }
    
    /* تنظیم فونت برای پاراگراف خلاصه (بزرگتر برای موبایل) */
    .kksr-bar-container .kksr-summary-text {
        font-size: 16px !important; 
    }
}