/* Start:/local/components/dev/media.tags/templates/.default/style.css?17657995262448*/
/* Стили для компонента media.tags */
.like-tags.pop-tags {
    margin-top: 80px;
}
.links-flex a.active {
    background: #ecf4fc;
}
.btn-show-more-tags {
    cursor: pointer;
    display: block;
    background: #fcfcfc;
    border-radius: 24px;
    color: #0173FD;
    margin: 15px auto 10px auto;
    padding: 8px 20px;
}
.btn-show-more-tags:hover {
    text-decoratin: underline;
}
/* Блок с новостями/статьями */
.newt-item {
    display: block;
    margin-bottom: 20px;
}

.newt-item .newt-text h3 {
    margin: 0 0 10px 0;
}

.newt-item .newt-text a {
    color: inherit;
    text-decoration: none;
}

/* Footer с датой и тегами */
.footer-infs-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

/* Блок с тегами */
.item-tags {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}

/* Бейдж тега */
.tag-badge {
    display: block;
    padding: 4px 10px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 24px;
    margin-right: 4px;
    color: #242731;
    white-space: nowrap;
    font-size: 14px;
}

.tag-badge:hover {
    background: #ec6022;
    color: #fff;
    border-color: #fff;
}


.tag-hidden {
    /* Будут скрыты через inline style="display:none" */
}


.like-tags.pop-tags {
    margin-top: 80px;
}
.links-flex a.active {
    background: #ecf4fc;
}
.btn-show-more-tags {
    cursor: pointer;
    display: block;
    background: #fcfcfc;
    border-radius: 24px;
    color: #0173FD;
    margin: 15px auto 10px auto;
    padding: 8px 20px;
}
.btn-show-more-tags:hover {
    text-decoration: underline;
}

/* Ссылка "+N" для раскрытия тегов в статье */
.show-more-tags-link {
    cursor: pointer;
    font-size: 12px;
    transition: background 0.2s;
    display: inline-block;
    padding: 5px 10px;
    background: #fff;
    border: 1px solid #d8d8d8;
    border-radius: 24px;
    margin-right: 4px;
    color: #242731;
    white-space: nowrap;
}
.show-more-tags-link:hover {
    background: #ec6022;
    color: #fff;
    border-color: #fff;
}
@media (max-width: 840px) {
    .newt-item .footer-infs {
        flex-direction: column;
    }
    .newt-item .footer-infs .blue-text-link {
        margin-top: 15px;
    }
}

/* Скрытые теги в списке статей - скрываются через inline style="display:none" */
/* End */
/* /local/components/dev/media.tags/templates/.default/style.css?17657995262448 */