/**
 * RNG · премиальное оформление главного меню (.page-menu)
 * Пакет rng-apply: menu-premium. Откат: убрать enqueue в function-new.php + удалить файл.
 * Правки согласованы 08.09.2026 (мокап «до/после»):
 *  1) иерархия: первые 4 пункта каталога крупно с нумерацией 01–04, остальные мельче и приглушённо;
 *  2) телефоны с подписями UAE·WhatsApp / USA и линией-отбивкой;
 *  3) монохромные иконки соцсетей;
 *  4) кнопка консультации: текст по окружности (разметка в block-header.php), «наверх» скрыта при открытом меню;
 *  5) нижний блок поднят, воздух распределён.
 * Только относительные URL. Десктоп-иерархия — от 1025px, мобильное меню не затронуто.
 */

/* ---------- 4b. кнопка «наверх» не наезжает на меню ---------- */
body:has(.header-burger.active) .goTop {
  opacity: 0 !important;
  pointer-events: none !important;
}

/* ---------- 3. монохромные иконки соцсетей (только в меню) ---------- */
.page-menu .footer-soc {
  margin-top: 20px;
}
/* контурные файлы img/soc-mono-1..4.svg (в самой разметке block-header.php);
   в футере и модалках остаются прежние цветные soc-1..4.svg */
.page-menu .footer-soc__item img {
  width: 22px;
  height: 22px;
  opacity: .55;
  -webkit-transition: opacity .3s;
  transition: opacity .3s;
}
.page-menu .footer-soc__item:hover img {
  opacity: 1;
}
.page-menu .footer-soc__item:hover {
  opacity: 1; /* перебивает общий .footer-soc__item:hover{opacity:.7} */
}

/* ---------- 2. подписи к телефонам ---------- */
.page-menu .footer-phone::before {
  display: none;
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 10px;
  line-height: 14px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
  color: rgba(255, 255, 255, .4);
  margin-bottom: 4px;
}
.page-menu .footer-phone[href^="tel:+971"]::before {
  content: "UAE \00b7 WhatsApp";
  display: block;
}
.page-menu .footer-phone[href^="tel:+1"]::before {
  content: "USA";
  display: block;
}
.page-menu .footer-phone + .footer-phone {
  margin-top: 16px;
}
/* ховер: номер краснеет, но без подчёркивания (оно тянулось и под лейбл региона) */
.page-menu .footer-phone:hover {
  text-decoration: none;
}
.page-menu .footer-phone:hover::before {
  color: rgba(255, 255, 255, .4); /* лейбл региона не подсвечивается */
}

/* ---------- 4. кнопка консультации: текст по окружности ---------- */
.page-menu__btn.rng-cta-ring {
  position: relative;
}
.page-menu__btn.rng-cta-ring img {
  margin: 0;
}
.rng-cta-ring__label {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
}
.rng-cta-ring__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.rng-cta-ring__text text {
  font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
  font-size: 11px;
  letter-spacing: 2px;
  fill: rgba(255, 255, 255, .75);
  -webkit-transition: fill .4s;
  transition: fill .4s;
}
.page-menu__btn.rng-cta-ring:hover .rng-cta-ring__text text {
  fill: #fff;
}
@media (prefers-reduced-motion: no-preference) {
  .rng-cta-ring__text {
    -webkit-animation: rngCtaSpin 22s linear infinite;
            animation: rngCtaSpin 22s linear infinite;
  }
}
@-webkit-keyframes rngCtaSpin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}
@keyframes rngCtaSpin {
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}

/* ---------- каскадное появление пунктов при открытии меню ---------- */
@media (prefers-reduced-motion: no-preference) {
  .page-menu__nav > ul > li,
  .page-menu__contact,
  .page-menu__bottom {
    -webkit-animation: rngMenuRise .5s cubic-bezier(.2, .7, .2, 1) backwards;
            animation: rngMenuRise .5s cubic-bezier(.2, .7, .2, 1) backwards;
  }
  .page-menu__nav > ul > li:nth-child(1) { -webkit-animation-delay: .04s; animation-delay: .04s; }
  .page-menu__nav > ul > li:nth-child(2) { -webkit-animation-delay: .08s; animation-delay: .08s; }
  .page-menu__nav > ul > li:nth-child(3) { -webkit-animation-delay: .12s; animation-delay: .12s; }
  .page-menu__nav > ul > li:nth-child(4) { -webkit-animation-delay: .16s; animation-delay: .16s; }
  .page-menu__nav > ul > li:nth-child(5) { -webkit-animation-delay: .22s; animation-delay: .22s; }
  .page-menu__nav > ul > li:nth-child(6) { -webkit-animation-delay: .26s; animation-delay: .26s; }
  .page-menu__nav > ul > li:nth-child(7) { -webkit-animation-delay: .30s; animation-delay: .30s; }
  .page-menu__nav > ul > li:nth-child(8) { -webkit-animation-delay: .34s; animation-delay: .34s; }
  .page-menu__nav > ul > li:nth-child(9) { -webkit-animation-delay: .38s; animation-delay: .38s; }
  .page-menu__contact { -webkit-animation-delay: .46s; animation-delay: .46s; }
  .page-menu__bottom  { -webkit-animation-delay: .52s; animation-delay: .52s; }
}
@-webkit-keyframes rngMenuRise {
  from { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
}
@keyframes rngMenuRise {
  from { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px); }
}

/* ---------- 1 + 5. иерархия, нумерация, компоновка — только десктоп ---------- */
@media (min-width: 1025px) {

  /* первые 4 пункта — каталог: крупно, с номером */
  .page-menu .page-menu__nav > ul {
    counter-reset: rngmenu;
  }
  .page-menu .page-menu__nav > ul > li {
    margin-top: 22px;
  }
  .page-menu .page-menu__nav > ul > li:first-child {
    margin-top: 0;
  }
  .page-menu .page-menu__nav > ul > li:nth-child(-n+4) > a {
    font-size: 24px;
    line-height: 30px;
    letter-spacing: 1.9px;
    -webkit-box-align: baseline;
        -ms-flex-align: baseline;
            align-items: baseline;
  }
  .page-menu .page-menu__nav > ul > li:nth-child(-n+4) {
    counter-increment: rngmenu;
  }
  /* номер вместо оторванной стрелки (перекрывает фон-картинку nav-arrow) */
  .page-menu .page-menu__nav > ul > li:nth-child(-n+4) > a::before {
    content: counter(rngmenu, decimal-leading-zero);
    display: inline-block;
    width: auto;
    height: auto;
    background: none !important;
    -webkit-filter: none !important;
            filter: none !important;
    margin: 0 16px 0 0;
    font-family: "SF Mono", ui-monospace, Menlo, Consolas, monospace;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 1px;
    color: rgba(255, 255, 255, .32);
    -webkit-transition: color .4s;
    transition: color .4s;
  }
  .page-menu .page-menu__nav > ul > li:nth-child(-n+4):hover > a::before {
    color: #D40000;
  }
  /* маркер подменю: «+» вплотную к пункту, справа */
  .page-menu .page-menu__nav > ul > li.menu-item-has-children > a::after {
    content: "+";
    margin-left: 12px;
    font-size: 16px;
    line-height: 1;
    color: rgba(255, 255, 255, .35);
    -webkit-transition: color .4s;
    transition: color .4s;
  }
  .page-menu .page-menu__nav > ul > li.menu-item-has-children:hover > a::after {
    color: #D40000;
  }
  /* has-children вне первой четвёрки: стрелку убрать совсем */
  .page-menu .page-menu__nav > ul > li:nth-child(n+5).menu-item-has-children > a::before {
    display: none;
  }

  /* второстепенные разделы: мельче и приглушённо */
  .page-menu .page-menu__nav > ul > li:nth-child(n+5) {
    margin-top: 12px;
  }
  .page-menu .page-menu__nav > ul > li:nth-child(5) {
    margin-top: 36px;
  }
  .page-menu .page-menu__nav > ul > li:nth-child(n+5) > a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 2.2px;
    color: rgba(255, 255, 255, .55);
  }

  /* контакты подняты к навигации, линия-отбивка */
  .page-menu .page-menu__contact {
    margin: 48px 0 0;
    border-top: 1px solid rgba(255, 255, 255, .14);
    padding-top: 24px;
  }
  .page-menu .page-menu__bottom {
    margin-top: 32px;
    margin-bottom: auto;
  }
}