/* Доводка порта под D11. */

/* Базовый кегль как в оригинале. В D6 тег был <html id="html-main">, и правило
   #html-main{font-size:0.9em} уменьшало КОРЕНЬ до 14.4px, затем .body-main{0.9em}
   давало body=12.96px, меню=14px. В D11 у <html> нет id="html-main", поэтому корень
   оставался 16px → все шрифты на ~11% крупнее и синее меню переносилось на 2 строки.
   Возвращаем корневой множитель — размеры совпадают с оригиналом 1:1. */
html { font-size: 0.9em; background-color: #ababab; }

/* Синее меню: в D6 у контейнера меню был ещё один множитель 0.9 (через разметку блока
   primary-links, которой в D11 нет), поэтому пункт меню = 1.2em × 0.9 × body = 13.9968px,
   и все 7 разделов помещались в одну строку (сумма ~902px < 1000px ширины бара).
   Без этого пункт = 15.552px, сумма ~1002px > 1000px → «Контакты» переносится на 2-ю строку.
   Возвращаем 0.9 на контейнере меню — кегль и паддинги совпадают с оригиналом попиксельно. */
.rws-primary-menu { font-size: 0.98em; }

/* Текст пунктов синего меню — вертикально по центру (симметричные паддинги),
   чтобы красный фон активного пункта занимал всю высоту плашки. Чуть крупнее (0.95 выше). */
.rws-primary-menu li a { padding-top: 0.55em; padding-bottom: 0.55em; }

/* Подстраховка от «фон кнопки растянут на весь div». В D11 меню-блок по умолчанию —
   <nav> с <ul> во всю ширину, и <a>{display:block} растянул бы красный/синий фон пункта
   на весь бар. У нас этого НЕТ (шаблон block--system-menu-block.html.twig убирает <nav>,
   а style.css: .rws-primary-menu li{float:left} ужимает пункт по тексту — активный пункт
   «Об издательстве» = 134px, а не 984px ширины бара). Правило ниже НИЧЕГО не меняет сейчас
   (<nav> в разметке нет), но страхует реальную миграцию, если D11 отрендерит меню как <nav>. */
.rws-primary-menu nav ul { list-style: none; margin: 0; padding: 0; }
.rws-primary-menu nav li { float: left; list-style: none; }
.rws-primary-menu nav li a { display: block; }

/* Классы выравнивания FCKeditor. В D6 их давал modules/fckeditor/fckeditor.css,
   в D11 модуля нет → текст с этими классами терял выравнивание (826 нод .rtecenter,
   314 .rteleft, 72 .rteright). Портируем 1:1 из старого fckeditor.css. */
.rteindent1 { margin-left: 40px; }
.rteindent2 { margin-left: 80px; }
.rteindent3 { margin-left: 120px; }
.rteindent4 { margin-left: 160px; }
.rteleft { text-align: left; }
.rteright { text-align: right; }
.rtecenter { text-align: center; }
.rtejustify { text-align: justify; }
.ibimage_left { float: left; }
.ibimage_right { float: right; }

/* h2 в ТЕЛЕ ноды не должны выглядеть как заголовки сайдбар-блоков (серая плашка #747474).
   В D6 контент рендерился напрямую (не внутри .block); в D11 он внутри system_main_block,
   поэтому правило .block h2 (серый фон, белый текст, 1.5em) ошибочно красит h2 прямо в тексте
   (напр. дисклеймеры «Мнение авторов…»). Возвращаем базовый вид h2 — бордовый #8d6e00 без фона,
   как в оригинале. Специфичность .node .content h2 (0,0,2,1) выше, чем у .block h2 (0,0,1,1). */
/* h2 в основном контенте (тело ноды, «Результаты поиска» и т.п.) — базовый бордовый,
   а не серая плашка сайдбар-блоков (в D11 контент внутри system_main_block). */
.node .content h2,
.node .content h2.title,
#block-a2-content .content h2 {
  background-color: transparent;
  color: #8d6e00;
  padding: 0;
  font-size: 1.9em;
}
.node .content h2 a,
#block-a2-content .content h2 a { color: #8d6e00; }

/* Результаты поиска — без нумерации, как в оригинале (список <ol> без класса на странице поиска). */
.page-search #block-a2-content ol { list-style: none; margin: 0; padding: 0; }
.page-search #block-a2-content ol li { margin-bottom: 1em; }
/* Мета под результатом (тип — автор — дата) — мелким серым. */
.page-search #block-a2-content ol li > p:last-child { font-size: 0.85em; color: #666; margin: 0.2em 0 0; }

/* Пагинация — горизонтально (у темы без базовой нет стилей пейджера — иначе номера столбиком). */
.pager__items { list-style: none; margin: 1.2em 0; padding: 0; text-align: center; }
.pager__item { display: inline-block; margin: 0 0.15em; }
.pager__item a, .pager__item.is-active > * { padding: 2px 7px; display: inline-block; }
.pager__item--current, .pager__item.is-active { font-weight: bold; }

/* Плашка «Расширенный поиск» — заметнее (отступ + выделенный заголовок), иначе надпись теряется. */
details.search-advanced { margin: 0.9em 0 1.3em; }
details.search-advanced > summary { display: inline-block; padding: 5px 12px; margin-bottom: 6px;
  font-weight: bold; background: #ececec; border: 1px solid #cfcfcf; border-radius: 3px; cursor: pointer; }

/* Хлебные крошки — одной строкой с » (шаблон breadcrumb.html.twig). */
.breadcrumb { padding: 3px 0 8px; font-size: 0.85em; color: #555; }
.breadcrumb a { color: #00668f; }

/* Клирфикс .clear-block был в ЯДРЕ Drupal 6, в D11 его нет — без него floated
   меню и колонки схлопывают контейнер (пропадает синяя плашка меню, разъезжаются колонки). */
.clear-block:after,
.make-it-center:after,
.rws-primary-menu:after,
.top-menu:after,
.column-2-blocks:after,
#footer:after {
  content: "";
  display: table;
  clear: both;
}

/* Футер — под плавающими колонками. */
#footer { clear: both; }

/* Активный пункт меню: в D11 класс .is-active (в D6 был .active). ТОЛЬКО красный фон —
   БЕЛЫЙ текст даёт базовое .rws-primary-menu li a{color:#fff !important} (как в оригинале:
   там .active{color:#ff0000} проигрывает !important-белому). НЕ переопределяем цвет на красный,
   иначе красный текст на красном фоне (не читается). */
.rws-primary-menu li a.is-active { background-color: #bb0000; }

/* Верхние ссылки (языки/вход) — горизонтально в ряд, как в оригинале. */
#top-links ul,
#top-links ul.menu,
#top-links ul.links { list-style: none; margin: 0; padding: 0; }
#top-links li { float: left; margin: 0; padding: 0 0 0 2em; list-style: none; }
#top-links { text-align: right; }
#top-links a { font-size: 0.85em; }
/* Переключатель языка и Login — отдельные блоки; обнуляем их поля, чтобы промежутки
   English/Русский/Login были РАВНОМЕРНЫМИ (2em, как в оригинале), а не 14px и 30px. */
#top-links .block { float: left; margin: 0; padding: 0; }
#top-links .block .content { margin: 0; padding: 0; }

/* Вкладки (local tasks: Войти/Восстановить пароль, Просмотр/Правка/Удалить) — в D11 это
   голый <ul> с буллетами. Оформляем как аккуратные плашки-вкладки (в оригинале так же). */
#block-a2-tabs ul { list-style: none; margin: 0 0 1em; padding: 0; border-bottom: 1px solid #b8b8b8; overflow: hidden; }
#block-a2-tabs li { float: left; list-style: none; margin: 0 4px -1px 0; }
#block-a2-tabs li a { display: block; padding: 3px 14px; border: 1px solid #b8b8b8; border-bottom: none;
  background: #eaeaea; color: #00668f; text-decoration: none; border-radius: 4px 4px 0 0; }
#block-a2-tabs li a.is-active { background: #fff; color: #333; font-weight: bold; }

/* Боковое меню: жирным — активный журнал (верхняя точка активной ветки) и годы (2-й уровень);
   выпуски — обычным. На страницах без активного журнала (поиск/главная) подменю не раскрыты,
   поэтому верхние пункты остаются обычными — как в оригинале. */
#block-a2-secmenu .content > ul.menu > li.menu-item--active-trail > a,
#block-a2-secmenu .content > ul.menu > li > ul.menu > li > a { font-weight: bold; }

/* D11 меню-блоки теперь имеют .block (см. block--system-menu-block.html.twig),
   поэтому старый CSS красных заголовков в .column-1 применяется сам.
   На всякий случай дублируем для nav-обёрток. */
.column-1 nav > h2,
.column-1 .block > h2 { background-color: #bb0000; color: #fff; }

.rws-primary-menu li { padding: 0 !important; }

#content-top { border-bottom: none !important; }

/* На всякий случай обнуляем отступы у контейнера блока */
.rws-primary-menu .block-system-menu-block,
.rws-primary-menu .content {
  padding: 0 !important;
  margin: 0 !important;
}

/* Включаем Flexbox только внутри fieldset для Ключевых слов */
#edit-keywords-fieldset .fieldset-wrapper div.js-form-item,
.keywords-fieldset .fieldset-wrapper div.js-form-item {
  display: flex !important;
  align-items: center !important;
  margin-bottom: 10px !important; /* Ровный отступ между строчками */
}

/* Задаем фиксированную ширину подписям только в этом блоке */
#edit-keywords-fieldset .fieldset-wrapper div.js-form-item label,
.keywords-fieldset .fieldset-wrapper div.js-form-item label {
  width: 180px !important; /* Резервируем место под самую длинную фразу */
  min-width: 180px !important; /* Не позволяем тексту сжиматься */
  margin-right: 15px !important; /* Зазор между текстом и белым полем */
  margin-bottom: 0 !important; /* Сбрасываем дефолтный перенос строки Drupal */
}

/* Сдвигаем весь правый контент блока редактирования ноды вправо */
div.entity-meta.vertical-tabs__panes {
  padding-left: 5px !important; /* Меняйте цифру, если захочется отступ побольше */
}

/* Прописываем правила отображения для классов выравнивания CKEditor 5 */
.text-align-left, 
[class="text-align-left"] {
  text-align: left !important;
}

.text-align-center, 
[class="text-align-center"] {
  text-align: center !important;
}

.text-align-right, 
[class="text-align-right"] {
  text-align: right !important;
}

.text-align-justify, 
[class="text-align-justify"] {
  text-align: justify !important;
}
