/* ===== Стили основного меню ===== */

/* Контейнер меню */
#menu1 {
    position: fixed;
    top: 100px; /* опустили вниз */
    left: 0;
    right: 0;
    z-index: 1050;
    display: flex;
    justify-content: center;
    background: transparent;
    margin: 0;
    padding: 0;
}

/* Список верхнего уровня */
#menu1 ul.rMenu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
}

/* Пункты верхнего уровня */
#menu1 ul.rMenu > li {
    margin: 0 4px;
    padding: 0;
    position: relative;
}

/* Ссылки верхнего уровня */
#menu1 ul.rMenu > li > a {
    display: block;
    position: relative; /* для стрелки */
    padding: 4px 20px 4px 8px; /* компактные отступы */
    font-size: 12px;
    color: #000;
    text-decoration: none;
    border-radius: 2px;
    line-height: 1.4; /* фиксируем высоту */
    transition: background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
}

/* Шрифт второй уровень (первое выпадающее меню) */
#menu1 ul.rMenu li ul.sub-menu li a {
    display: block;
    padding: 6px 12px;
    font-size: 15px;
    color: #000;
    border-bottom: 1px solid #ddd;
    text-decoration: none;
    transition: all 0.2s ease;
}

/* Штифт третий уровень и глубже */
#menu1 ul.rMenu li ul.sub-menu li ul.sub-menu li > a {
    font-size: 15px;
}


/* Шрифт подменю третьего уровня (открывается вправо) */
#menu1 ul.rMenu li ul.sub-menu li.menu-item-has-children > ul.sub-menu {
    top: 0;
    left: 100%;
    margin-left: -1px; /* ← уменьшаем зазор, прижимаем ближе */
}


/* Стрелки у главного меню (уровень 1) */
#menu1 ul.rMenu > li.menu-item-has-children > a::after {
    content: "\00BB"; /* символ » */
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg); /* вниз */
    font-size: 14px;
    transition: transform 0.2s ease;
}

/* Стрелки у подменю (уровень 2 и глубже) */
#menu1 ul.rMenu li ul.sub-menu li.menu-item-has-children > a::after {
    content: "\00BB"; /* символ » */
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg); /* вправо и всегда вправо */
    font-size: 15px;
}

/* Стрелки у подменю (уровень 3 и глубже) */
#menu1 ul.rMenu li ul.sub-menu li ul.sub-menu > li.menu-item-has-children > a::after {
    font-size: 15px; /* ← размер стрелки */
}










/* Активный пункт */
#menu1 ul.rMenu > li.current_page_item > a {
    background: linear-gradient(to bottom, #ffffff, #cccccc);
    box-shadow: 0px 1px 3px #777;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}

/* Ховер по верхнему пункту */
#menu1 ul.rMenu > li > a:hover {
    background: linear-gradient(to bottom, #ffffff, #cccccc);
    box-shadow: 0px 1px 3px #777;
    color: #000;
}

/* Подменю */
#menu1 ul.rMenu li ul.sub-menu {
    display: none;
    position: absolute;
    top: calc(100% + 1px); /* чуть ниже главных кнопок */
    background: #fff;
    margin: 0;
    padding: 0;
    list-style: none;
    min-width: 220px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    z-index: 1100;
}

/* Вложенные подменю (2-й уровень и глубже) */
#menu1 ul.rMenu li ul.sub-menu li ul.sub-menu {
    top: 0;            /* прижимаем сверху к родительскому пункту */
    left: 100%;        /* открываем справа */
    margin-left: 2px;  /* небольшой отступ, чтобы не сливалось */
}

/* Пункты подменю */
#menu1 ul.rMenu li ul.sub-menu li {
    margin: 0;
    position: relative;
}



/* Ховер подменю */
#menu1 ul.rMenu li ul.sub-menu li a:hover {
    background: #f2f2f2;
    border-bottom: 1px solid #999; /* темнее бордер */
    box-shadow: 0 2px 3px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1;
}

/* Стрелки у пунктов с подменю */
#menu1 ul.rMenu li.menu-item-has-children > a::after {
    content: "\00BB"; /* символ » */
    position: absolute;
    right: 6px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg); /* вниз */
    font-size: 14px;
    transition: transform 0.2s ease;
}

/* Когда подменю открыто (для мобилы) */
#menu1 ul.rMenu li.open > a::after {
    transform: translateY(-50%) rotate(-90deg); /* вверх */
}

/* ===== Подменю на десктопе (hover) ===== */
@media (min-width: 1025px) {
    #menu1 ul.rMenu li:hover > ul.sub-menu {
        display: block;
    }
    #menu1 ul.rMenu li:hover > a::after {
        transform: translateY(-50%) rotate(-90deg); /* стрелка вверх */
    }
}

/* ===== Подменю на мобилке (клик, аккордеон) ===== */
@media (max-width: 1024px) {
    #menu1 ul.rMenu li ul.sub-menu {
        position: static;
        box-shadow: none;
    }
    #menu1 ul.rMenu li.menu-item-has-children > a::after {
        right: 6px;
    }
    #menu1 ul.rMenu li.open > ul.sub-menu {
        display: block;
    }
}

/* При наведении/открытии — вверх */
#menu1 ul.rMenu > li:hover > a::after,
#menu1 ul.rMenu > li.open > a::after {
    transform: translateY(-50%) rotate(-90deg);
}

/* =========================
   МОБИЛЬНЫЙ ТАЙТЛ (uovmr)
   ========================= */
.uovmr-mobile-title a {
  color: inherit;        /* цвет */
  text-decoration: none; /* убираем подчёркивание */
  font-size: 22px;
}


