/* =============================================
   ПЛАШКИ В ГРИДЕ — КАК НА РЕФЕРЕНСЕ
   Для .content_list
============================================= */

/* 1. Карточка — контейнер для absolute-элементов */
.content_list .content_list_item {
    position: relative;
    overflow: hidden;
}

/* 2. Категория — левый верхний угол */
.content_list .field.ft_category {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 10;
    margin: 0 !important;
    font-size: 0.75rem;
}

/* 3. Категория — белый цвет + иконка */
.content_list .field.ft_category a,
.content_list .field.ft_category a:hover {
    color: #fff !important;
}
.content_list .field.ft_category a::before {
    content: "\f11b";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 6px;
}

/* 4. Обновление — правый верхний угол */
.content_list .field.f_updated {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 10;
    margin: 0 !important;
    font-size: 0.75rem;
    
}

/* 5. Иконка для обновления */
.content_list .field.f_updated .value::before {
    content: "\f021";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 6px;
}

/* 6. Обновление — белый цвет (если там текст) */
.content_list .field.f_updated .value {
    color: #fff !important;
}

.content_item .d-flex.justify-content-between.align-items-center > :last-child {
    margin-left: auto !important;
    flex-shrink: 0 !important;
    max-width: 70%;
}
/* Уменьшить расстояние */
.btn.btn-success.has-icon .icms-svg-icon,
.btn.btn-dark.has-icon .icms-svg-icon {
    margin-right: 0.2rem; /* Меньше */
}
/* Уменьшаем размер текста для SHA-256 */
.field.f_sha_256 .value {
    font-size: 0.75rem !important; /* или 12px, или 0.8rem — подбери под свой дизайн */
    word-break: break-all !important; /* Чтобы длинный хеш переносился */
}

/* =============================================
   ИКОНКИ ДЛЯ ЛЕЙБЛОВ ПОЛЕЙ — С ФИКСИРОВАННОЙ ШИРИНОЙ
============================================= */

/* Общее правило для всех иконок */
[class*="f_"] .field_label::before {
    display: inline-block !important;
    width: 20px !important; /* Фиксированная ширина */
    text-align: center !important;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 4px !important;
}

/* Теперь только содержимое (код иконки) */
.f_mod_category .field_label::before {
    content: "\f07b"; /* fa-folder */
}

.f_added .field_label::before {
    content: "\f055"; /* fa-plus-circle */
}

.f_author .field_label::before {
    content: "\f007"; /* fa-user */
}

.f_version .field_label::before {
    content: "\f5fd"; /* fa-tag */
}

.f_format .field_label::before {
    content: "\f1c6"; /* fa-file-archive */
}

.f_file_size .field_label::before {
    content: "\f466"; /* fa-weight-hanging */
}

.f_multiplayer .field_label::before {
    content: "\f0c0"; /* fa-users */
}

.f_source_link .field_label::before {
    content: "\f0c1"; /* fa-link */
}

.f_detection .field_label::before {
    content: "\f05a"; /* fa-info-circle */
}

.f_sha_256 .field_label::before {
    content: "\f084"; /* fa-key */
}

.f_scan_virustotal .field_label::before {
    content: "\f1e6"; /* fa-shield-alt */
}

.f_build .field_label::before {
    content: "\f3c5"; /* fa-microchip */
}

/* Делаем картинки квадратными в плитках модов */
.content_list .field.ft_image .value a {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 100%; /* 1:1 квадрат */
    overflow: hidden;
}

.content_list .field.ft_image .value a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* Обрезает по центру без искажений */
}

/* Принудительное расширение контента на мобильных */
@media (max-width: 767.98px) {
    /* Захватываем все варианты контейнеров Bootstrap и AdminLTE */
    .container, 
    .container-fluid, 
    .container-sm, 
    .container-md, 
    .container-lg, 
    .container-xl,
    .content-wrapper > .content,
    .main-content {
        max-width: 100% !important;
        width: 100% !important;
        padding-left: 0 !important;  /* Минимальный отступ, чтобы текст не лип к краю */
        padding-right: 0 !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }