.post-tags {
    margin-top: 20px;
    padding: 25px;
    background: linear-gradient(135deg, #2e8b57 0%, #3cb371 100%); /* گرادینت سبز */
    border-radius: 15px; /* گوشه‌های گرد */
    text-align: center; /* وسط‌چین کردن کل محتوا */
    box-shadow: 0 4px 15px rgba(46, 139, 87, 0.3);
}

.post-tags h3 {
    color: #ffffff; /* رنگ متن عنوان */
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; /* فونت مدرن */
    margin-bottom: 20px;
    font-size: 22px;
    font-weight: 600;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

.post-tags ul {
    list-style: none; /* حذف نقاط لیست */
    padding: 0; /* حذف فاصله داخلی */
    margin: 0; /* حذف فاصله بیرونی */
    display: flex;
    justify-content: center; /* وسط‌چین کردن افقی */
    align-items: center;
    flex-wrap: wrap; /* قابلیت شکستن خط */
    gap: 12px; /* فاصله بین آیتم‌ها */
}

.post-tags ul li {
    display: inline-block; /* آیتم‌های لیست به صورت بلوک‌های درون خطی */
}

.post-tags ul li a {
    text-decoration: none; /* حذف خط زیر لینک‌ها */
    color: #fff; /* رنگ متن لینک */
    background: linear-gradient(135deg, #ff8c00 0%, #ff6b00 100%); /* گرادینت نارنجی */
    padding: 10px 18px; /* فاصله داخلی لینک‌ها */
    border-radius: 25px; /* گوشه‌های کاملاً گرد */
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 8px rgba(255, 140, 0, 0.4);
    border: 2px solid transparent;
}

.post-tags ul li a:hover {
    background: linear-gradient(135deg, #ff6b00 0%, #e55d00 100%); /* گرادینت نارنجی تیره */
    transform: translateY(-3px) scale(1.05);
    box-shadow: 0 6px 15px rgba(255, 107, 0, 0.5);
    border-color: #fff;
}