/* Правки вёрстки админки. Подключается через JAZZMIN_SETTINGS.custom_css.
   Файл лежит в static/, который здесь одновременно STATIC_ROOT и источник,
   поэтому он и попадает в репозиторий рядом с логотипом. */

/* Вкладки языков parler.

   Шаблон parler вставляет .parler-language-tabs первым элементом внутрь
   bootstrap-строки, а у неё display:flex. Без явной ширины вкладки
   становятся обычным флекс-элементом и встают СЛЕВА от колонки с полями.
   Прибиваем их на всю ширину и в начало — тогда они всегда отдельной
   строкой над формой, на любой ширине экрана. */
.parler-language-tabs {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    order: -1;
    margin-bottom: 1rem;
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}

/* Вкладки во вложенных формах (inline) — та же логика. */
.parler-inline-language-tabs {
    flex: 0 0 100%;
    max-width: 100%;
    width: 100%;
    order: -1;
}

/* Кнопки сохранения.

   В стандартной админке Django это .submit-row: делаем флексом и прижимаем
   вправо. «Удалить» оставляем слева — она разрушающая, её лучше держать
   подальше от «Сохранить». */
.submit-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.5rem;
}

.submit-row .deletelink-box,
.submit-row a.deletelink {
    margin-right: auto;
}

/* В jazzmin кнопки живут в правой колонке .col-lg-3 и на широком экране
   уже стоят справа. Когда колонка схлопывается под форму, они растягиваются
   на всю ширину — прижимаем к правому краю и там. */
@media (max-width: 991.98px) {
    .col-12.col-lg-3 .form-group {
        text-align: right;
    }

    .col-12.col-lg-3 .form-group input[type="submit"],
    .col-12.col-lg-3 .form-group .btn {
        width: auto;
        display: inline-block;
    }
}