/**
 * Семантические переносы для заголовка журнала
 * Каждая часть заголовка обернута в span.title-line
 * что позволяет гибко управлять переносами
 */

/* По умолчанию - inline для десктопа */
.journal-title .title-line {
    display: inline;
}

/* Десктоп: большие экраны (1200px+) - все в одну строку */
@media (min-width: 1200px) {
    .journal-title .title-line {
        display: inline;
    }
    
    /* Можем добавить разделитель между частями */
    .journal-title .title-line:not(:last-child)::after {
        content: " ";
    }
}

/* Десктоп: средние экраны (992px - 1199px) - 2 строки */
@media (min-width: 992px) and (max-width: 1199px) {
    /* Русский - перенос после "центра" */
    :lang(ru) .journal-title .title-line:first-child::after {
        content: "";
        display: block;
    }
    
    /* Английский - перенос после "Center" */
    :lang(en) .journal-title .title-line:nth-child(2)::after {
        content: "";
        display: block;
    }
    
    /* Казахский - перенос после "министрлігінің" */
    :lang(kk) .journal-title .title-line:first-child::after {
        content: "";
        display: block;
    }
}

/* Планшеты (768px - 991px) - каждая часть на новой строке */
@media (min-width: 768px) and (max-width: 991px) {
    .journal-title .title-line {
        display: block;
        line-height: 1.3;
    }
}

/* Мобильные (до 767px) - оптимизированные переносы */
@media (max-width: 767px) {
    /* Для мобильных - 2 строки вместо 3 */
    
    /* Русский - объединяем первые две части */
    :lang(ru) .journal-title .title-line:first-child,
    :lang(ru) .journal-title .title-line:nth-child(2) {
        display: inline;
    }
    :lang(ru) .journal-title .title-line:nth-child(3) {
        display: block;
        margin-top: 0.2em;
    }
    
    /* Английский - первая строка короткая, остальное вместе */
    :lang(en) .journal-title .title-line:first-child {
        display: block;
    }
    :lang(en) .journal-title .title-line:nth-child(2),
    :lang(en) .journal-title .title-line:nth-child(3) {
        display: inline;
    }
    
    /* Казахский - делим пополам */
    :lang(kk) .journal-title .title-line:first-child {
        display: block;
    }
    :lang(kk) .journal-title .title-line:nth-child(2),
    :lang(kk) .journal-title .title-line:nth-child(3) {
        display: inline;
    }
    
    /* Маленькие экраны (меньше 380px) */
    @media (max-width: 380px) {
        /* Уменьшаем размер шрифта */
        .journal-title {
            font-size: 1rem !important;
        }
        
        /* Для очень длинных слов */
        .journal-title .title-line {
            word-break: break-word;
            hyphens: auto;
        }
    }
}

/* Специальные случаи для очень длинного казахского названия */
:lang(kk) .journal-title {
    word-break: break-word;
}

/* Визуальное выделение для отладки (можно удалить в продакшене) */
/*
.journal-title .title-line {
    border: 1px dotted rgba(255, 0, 0, 0.2);
    padding: 2px;
}
*/

/* Обеспечиваем центрирование при любых переносах */
.journal-title {
    text-align: center;
}

.journal-title a {
    display: inline-block;
    text-align: center;
}

/* Отступы между строками для лучшей читаемости */
.journal-title .title-line + .title-line {
    margin-top: 0.1em;
}