/* Дополнения к ri.css для WordPress: панель администратора, загруженные фото, содержимое из редактора. */

/* Панель администратора WordPress закрепляется сверху: сдвигаем липкие блоки */
body.admin-bar .ri-header { top: 32px; }
body.admin-bar .ri-side__aside,
body.admin-bar .ri-docs__tabs { top: 132px; }
@media (max-width: 782px) {
  body.admin-bar .ri-header { top: 46px; }
}

/* Настоящие фото вместо рисованных заглушек */
.ri-photo > .ri-photo__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.22, .75, .3, 1);
}
.ri-photo:hover > .ri-photo__img { transform: scale(1.07); }
.ri-thumb .ri-photo__img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .8s cubic-bezier(.22, .75, .3, 1);
}
.ri-thumb:hover .ri-photo__img { transform: scale(1.07); }

/* Просмотр фото: загруженная картинка */
.ri-lightbox__img {
  display: block;
  width: 100%;
  max-height: 80vh;
  height: auto;
  object-fit: contain;
  background: #fff;
}
.ri-lightbox__img[hidden] { display: none; }

/* Текст статьи и документов из редактора WordPress */
.ri-article__body ul,
.ri-article__body ol {
  margin: 0 0 18px;
  padding-left: 24px;
  list-style: revert;
  color: #33465C;
  font-size: 16.5px;
  line-height: 1.68;
}
.ri-article__body li { margin-bottom: 6px; }
.ri-article__body a { color: #B84500; text-decoration: underline; text-underline-offset: 2px; }
.ri-article__body a:hover { color: #0C1A2B; }
.ri-article__body img { max-width: 100%; height: auto; border-radius: 8px; }
.ri-article__body blockquote {
  margin: 6px 0 20px;
  padding: 16px 20px;
  border-left: 3px solid #E85D0A;
  border-radius: 0 8px 8px 0;
  background: #FFF6EE;
  color: #33465C;
  font-size: 15px;
  line-height: 1.6;
}
.ri-article__body blockquote p { margin: 0; }
.ri-doc__rich img { max-width: 100%; height: auto; }

/* Шесть пунктов меню в одну строку: на средних экранах без значков, пункты и кнопки не переносятся */
@media (min-width: 1280px) {
  .ri-nav__link,
  .ri-header__btn { white-space: nowrap; }
}
@media (min-width: 1280px) and (max-width: 1500px) {
  .ri-nav__link .ri-icon { display: none; }
  .ri-nav__link { padding-left: 11px; padding-right: 11px; }
}

/* Блоки внутри страницы вида ремонта и карта сайта */
.ri-article__block { margin-top: 40px; }
.ri-article__block .ri-related { margin: 0 0 16px; }
.ri-sitemap {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 32px 40px;
  margin: 28px 0 48px;
}
.ri-sitemap h2 { margin: 0 0 12px; }
.ri-sitemap ul { margin: 0; padding: 0; list-style: none; }
.ri-sitemap li { margin-bottom: 8px; line-height: 1.45; }

@media (max-width: 575px) {
  .ri-article__body ul,
  .ri-article__body ol { font-size: 16px; }
}