/* Отступ под фиксированную шапку */
body {
  padding-top: 140px;
}

@media (max-width: 768px) {
  body {
    padding-top: 0; /* на мобилке отступ не нужен */
  }
}

/* Отступ для основного контента Layout, чтобы не залезал под фиксированную шапку */
#primary {
    padding-top: 20px; /* подстрой под реальную высоту шапки + меню */
}

/* По умолчанию мобильный title скрыт */
.uovmr-mobile-title {
  display: none;
}

/* На мобилке показываем */
@media (max-width: 768px) {
  .uovmr-mobile-title {
    display: block;
    font-size: 18px;
    line-height: 1.2;
    font-weight: bold;
    text-align: center;
    margin: 0 0 10px 0;
  }
}

.uovmr-title a {
  color: #155699; /* цвет тайтл */
  text-decoration: none;
}

/* Вся шапка */
.uovmr-header-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 147px; /* высота центральной картинки */
  z-index: 1000;
}

/* Левая часть */
.uovmr-bg-left {
  position: absolute;
  top: 0;
  left: 0;
  right: 50%;
  height: 147px;
  background: url("https://uovmr.net.ua/ban/header-wrap.png") repeat-x top left;
  z-index: 1;
}

/* Правая часть */
.uovmr-bg-right {
  position: absolute;
  top: 0;
  left: 50%;
  right: 0;
  height: 147px;
  background: url("https://uovmr.net.ua/ban/header-wrap.png") repeat-x top right;
  z-index: 1;
}

/* Центральная фиксированная картинка */
.uovmr-bg-center {
  position: absolute;
  top: -7px;
  left: 50%;
  width: 931px;
  height: 147px;
  margin-left: -465px; /* половина ширины */
  background: url("https://uovmr.net.ua/ban/header-bg4.png") no-repeat center top;
  z-index: 2; /* поверх боковых */
}

/* Содержимое поверх подложки */
.uovmr-header-top {
  position: relative;
  display: grid;
  grid-template-columns: 200px 1fr 200px; /* три зоны: лого | центр | герб */
  align-items: center;
  width: 1250px;
  height: 147px;
  margin: 0 auto;
  z-index: 3;
}

@media (max-width: 1280px) {
  .uovmr-header-top {
    width: 100% !important;   /* контейнер занимает всю ширину экрана */
    grid-template-columns: 150px 1fr 150px; /* колонки меньше, чтобы влезало */
    padding: 0 15px;          /* небольшие боковые отступы */
    box-sizing: border-box;
  }
}


/* === БЛОК CSS: Настройки содержимого фиксированной шапки (логотип, заголовок, герб) === */
/* Левая зона (логотип) */
.uovmr-left {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 190px; /* можно регулировать */
}

.uovmr-left img.uovmr-logo {
  max-height: 69px; /* размер картинки */
  width: auto;
  display: block;
}

/* Центральная зона (заголовок) */
.uovmr-center {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.uovmr-center .uovmr-title {
  margin: 0;
  font-size: 28px;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1.2;
}

/* Правая зона (герб) */
.uovmr-right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 190px; /* можно регулировать */
}

.uovmr-right img.uovmr-gerb {
  max-height: 69px; /* размер картинки */
  width: auto;
  display: block;
}
/* === КОНЕЦ БЛОКА CSS: Настройки содержимого фиксированной шапки === */




/* === Главное меню на подложке === */
.main-navigation {
    position: fixed;
    top: 103px; /* подстрой под реальную высоту подложки */
    left: 50%;
    transform: translateX(-50%);
    width: 931px; /* как у центральной подложки */
    z-index: 1000;
}

.main-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  gap: 6px; /* расстояние между кнопками */
}

.main-navigation li {
  margin: 0;
  position: relative;
}

.main-navigation a {
  display: block;
  padding: 4px 10px; /* уменьшенные внутренние отступы */
  color: #000;       /* черный текст */
  text-decoration: none;
  transition: all 0.2s ease;
  position: relative;
}

/* эффект при наведении */
.main-navigation a:hover {
  background: rgba(0,0,0,0.05);
  border: 1px solid #000;
}

/* активный пункт (страница, где находимся) */
.main-navigation .current-menu-item > a,
.main-navigation .current_page_item > a {
  background: rgba(0,0,0,0.05);
  border: 1px solid #000;
}

/* подчёркивание */
.main-navigation a::after {
  content: "";
  position: absolute;
  bottom: 3px;
  left: 0;
  width: 100%; /* подчёркивание по всей ширине текста */
  height: 2px;
  background: #000;
  transform: scaleX(0);
  transition: transform 0.3s ease;
}
.main-navigation a:hover::after,
.main-navigation .current-menu-item > a::after,
.main-navigation .current_page_item > a::after {
  transform: scaleX(1);
}

/* стрелочка у пунктов с подменю */
.main-navigation li.menu-item-has-children > a::after {
  content: " ⯆";
  font-size: 0.8em;
  margin-left: 5px;
}

/* подменю */
.main-navigation ul ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  background: #f2f2f2;
  min-width: 200px;
  z-index: 1000;
}

.main-navigation ul li:hover > ul {
  display: block;
}

.main-navigation ul ul li a {
  padding: 8px 12px;
  border-bottom: 1px solid #ccc;
  background: #f2f2f2;
  color: #000;
}
/* === КОНЕЦ блока: Главное меню на подложке === */



/* =========================
   INFORM DIGEST
   ========================= */
.uovmr-inform-digest {
    background-image: linear-gradient(to bottom, #ffffff, #cccccc);   /* современный синтаксис */
    padding: 15px;
    margin-bottom: 30px;
}

.uovmr-inform-digest h2 {
    text-align: center;
    margin-bottom: 20px;
}

.inform-digest-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
    position: relative;
}

/* вертикальная пунктирная линия */
.inform-digest-grid::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    border-left: 1px dashed #979494;
}

/* отдельный пост */
.inform-digest-item {
    padding: 0;
}

/* картинка по отношению заголовка (ровно по линии) */
.inform-digest-thumb img {
    width: 75px;
    height: 75px;
    object-fit: cover;
    margin: 0 auto 8px auto; /* центрируем и задаём нижний отступ */
    display: block;
    position: relative;
    top: 4px; /* чуть опускаем вниз, чтобы совпадало по линии с заголовком */
}

/* заголовок */
.inform-digest-title {
    font-size: 16px;
    margin: 0 0 6px 0;
}

/* анонс + кнопка «Далі» в одной строке */
.inform-digest-excerpt {
    font-size: 14px;
    margin: 0;
    display: inline;
}

.inform-digest-more {
    display: inline;
    margin-left: 6px;
    padding: 1px 6px; /* уменьшенные отступы */
    background: #8e9092;
    color: #fff !important;
    border-radius: 3px;
    font-size: 13px;
    text-decoration: none;
}

.inform-digest-more:hover {
    background: #575858;
}

/* =========================
   ВЫРАВНИВАНИЕ КАРТИНОК
   ========================= */
.uovmr-inform-digest .alignleft {
    float: left;
    margin: 0 10px 10px 0;
}

.uovmr-inform-digest .alignright {
    float: right;
    margin: 0 0 10px 10px;
}

.uovmr-inform-digest .aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

/* адаптив */
@media (max-width: 768px) {
    .inform-digest-grid {
        grid-template-columns: 1fr;
    }
    .inform-digest-grid::before {
        display: none;
    }
}

/* INFORM DIGEST: ссылки в заголовках без подчёркивания  */
.uovmr-inform-digest .inform-digest-title a {
    text-decoration: none;
    color: inherit; /* берёт цвет от h3 */
}

.uovmr-inform-digest .inform-digest-title a:hover {
    text-decoration: underline; /* подчёркивание только при наведении */
}

/* INFORM DIGEST: Заголовок блока */
    h2.inform-digest-title {
    color: #222; /* цвет текста заголовка */
    text-align: center; /* по центру */

    padding: 8px; /* внутренние отступы */
    margin: 0 0 12px 0; /* снизу отступ */

    border: 1px solid #999; /* рамка вокруг заголовка */
    border-radius: 1px; /* скругление углов */

    background: linear-gradient(to top, #f2f2f2, transparent); /* фон с затуханием */

    font-size: 18px; /* размер текста */
    font-weight: bold; /* жирный */
    letter-spacing: 4px; /* расстояние между буквами */
    text-transform: uppercase; /* caps */

    width: 100%; /* на всю ширину центральной колонки */
    display: block; /* блочный элемент */
    box-sizing: border-box; /* ширина с учётом padding */
}
/* =========================
   END: INFORM DIGEST
   ========================= */