/* News Type Tags - Shared Styles */
.news-type {
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
    display: inline-block;
    margin-left: 10px;
}

/* Обновление - Update */
.news-type-update, 
.news-type-обновление {
    background: linear-gradient(135deg, #e53935, #ff5252);
    color: #fff;
}

/* Технические - Maintenance */
.news-type-maintenance, 
.news-type-технические {
    background: linear-gradient(135deg, #f5a623, #f7b84b);
    color: #fff;
}

/* Событие - Event */
.news-type-event, 
.news-type-событие {
    background: linear-gradient(135deg, #7b68ee, #9281f1);
    color: #fff;
}

/* Объявление - Announcement */
.news-type-announcement, 
.news-type-объявление {
    background: linear-gradient(135deg, #10b981, #34d399);
    color: #fff;
}

/* Прочее - Other */
.news-type-other, 
.news-type-прочее {
    background: linear-gradient(135deg, #6b7280, #9ca3af);
    color: #fff;
}

/* Additional styling for news items with type tags */
.news-item-type-event .news-image img,
.news-image[data-type="event"] img {
    object-position: center 20% !important;
}

/* Hover effect for type tags */
.news-type:hover {
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
    transform: translateY(-1px);
}