/* ۱. هدف گرفتن خودِ لیست (چون کلاس روی خودِ تگ ul افتاده) */
ul.my-news-grid {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 1px solid #d1d1d1 !important;
    overflow: hidden !important;
    display: block !important; /* اطمینان از نمایش بلاکی */
}

/* ۲. آیتم‌های مستقیم زیرمجموعه */
ul.my-news-grid li {
    border-bottom: 1px solid #d1d1d1 !important;
    margin: 0 !important;
    padding: 0 !important; /* پدینگ را به لینک می‌دهیم */
    transition: background-color 0.2s ease-in-out !important;
    list-style-type: none !important;
}

/* ۳. حذف خط آخرین آیتم */
ul.my-news-grid li:last-child {
    border-bottom: none !important;
}

/* ۴. استایل لینک (پاکسازی خط زیر متن و پدینگ) */
ul.my-news-grid li a {
    display: block !important;
    padding: 4px 4px 4px 4px !important;
    text-decoration: none !important; /* حذف خط زیر لینک لینکی */
    color: #333 !important;
    box-shadow: none !important; /* حذف خط‌های احتمالی تم ۲۴ */
}

/* ۵. هاور: پس‌زمینه زرد و متن سفید */
ul.my-news-grid li:hover {
    background-color: #1b263b !important;
}

ul.my-news-grid li:hover a {
    color: #ffffff !important;
    text-decoration: none !important;
}

/* ۶. اگر تاریخ (time) داری، این هم رنگش عوض شود */
ul.my-news-grid li:hover time {
    color: #f0f0f0 !important;
}

/* تنظیم فاصله و ظاهر تاریخ زیر تیتر */
ul.my-news-grid li time {
    display: block !important; /* تبدیل به بلوک برای اعمال فاصله */
    padding: 2px 4px 0px 4px !important; /* فاصله از چپ، راست و پایین */
    font-size: 10px !important;
    color: #777 !important;
    transition: color 0.2s !important;
}

/* تغییر رنگ تاریخ موقع هاور (برای خوانایی بیشتر روی زرد) */
ul.my-news-grid li:hover time {
    color: white !important; /* رنگ تیره تر روی پس‌زمینه زرد */
}



/* ۱. کادر دور کل مجموعه پربیننده‌ها */
.my-top-posts .jetpack-top-posts-wrapper {
    border: 1px solid #d1d1d1 !important;
    overflow: hidden !important;
    padding: 0 !important;
}

/* ۲. استایل هر آیتم (نقش سطر جدول رو داره) */
.my-top-posts .jetpack-top-posts-item {
    border-bottom: 1px solid #d1d1d1 !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: background-color 0.2s ease-in-out !important;
}

/* حذف خط آخرین سطر */
.my-top-posts .jetpack-top-posts-item:last-child {
    border-bottom: none !important;
}

/* ۳. استایل تیتر */
.my-top-posts .jetpack-top-posts-title {
    display: block !important;
    padding: 3px 4px 3px 4px !important;
}

.my-top-posts .jetpack-top-posts-title a {
    text-decoration: none !important;
    color: #333 !important;
    box-shadow: none !important;
    display: block !important;
	font-weight: bold !important;
}

/* ۴. استایل تاریخ (زمان) */
.my-top-posts .jetpack-top-posts-date {
    display: block !important;
    padding: 4px 4px 0px 4px !important;
    color: #777 !important;
    font-size: 10px !important;
}

/* ۵. هاور سرمه‌ای و متن سفید */
.my-top-posts .jetpack-top-posts-item:hover {
    background-color: #1b263b !important; /* سرمه‌ای تیره ست شده با بخش قبلی */
}

.my-top-posts .jetpack-top-posts-item:hover .jetpack-top-posts-title a,
.my-top-posts .jetpack-top-posts-item:hover .jetpack-top-posts-date {
    color: #ffffff !important;
}