/* =====================================================
   img-center.css
   Центрирование картинок в тексте новостей.

   КАК ЦЕНТРИРОВАТЬ КАРТИНКУ В РЕДАКТОРЕ:
   1. Кликните на картинку в тексте
   2. На панели форматирования нажмите кнопку «≡» (выравнивание по центру)
   3. Картинка сдвинется по центру

   Froala сохраняет: <p style="text-align:center"><img ...></p>
   Этот CSS обеспечивает корректное отображение.
   ===================================================== */

/* Параграф с текстом по центру → картинка внутри тоже по центру */
.nb p[style*="text-align: center"] img,
.nb p[style*="text-align:center"] img,
.nb [style*="text-align: center"] img,
.nb [style*="text-align:center"] img {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Froala вставляет figure.fr-img-wrap для изображений */
.nb .fr-img-wrap {
    display: block;
}
.nb .fr-img-wrap img {
    display: block;
    max-width: 100%;
    height: auto;
}

/* Выравнивание по центру через класс Froala */
.nb .fr-dib {
    display: block;
    margin: 1rem auto;
    float: none;
}
.nb .fr-dib.fr-fil {
    margin-left: 0;
    text-align: left;
}
.nb .fr-dib.fr-fir {
    margin-right: 0;
    text-align: right;
}

/* Все картинки по умолчанию — блочные, адаптивные */
.nb img {
    max-width: 100% !important;
    height: auto !important;
}

/* Подпись под картинкой (caption) */
.nb .fr-img-caption .fr-img-wrap .fr-inner {
    display: block;
    text-align: center;
    font-size: .85rem;
    color: #8a9688;
    margin-top: .375rem;
    font-style: italic;
}