/* raydget.vip — правки по письму Алексея Светлова от 14.09.2026 («сайт»).
   Подключается последним, поэтому перебивает inline-стили темы sharai_khana.
   Тема правится только здесь: оригинальные <style> темы не трогаем. */

/* 1. Слова вылезали за тёмную плашку пункта меню.
      Причина: фон красился на инлайновом <a>, у которого line-height:30px при
      padding в 5px — фоновый бокс короче строки. Делаем <a> блочным. */
.header-style-1 .main-navigation .menu > li > a,
.main-navigation ul#menu-menu-main > li > a {
  display: inline-block;
  line-height: 1.25;
  padding: 14px 16px;
  white-space: nowrap;
  vertical-align: middle;
  box-sizing: border-box;
}

/* 2. Подсветка при наведении была #B5B5B5 на #333 — «мрачновато».
      Алексей просит белый: «Новости», «Наши контакты», «Порядок работы». */
.header-style-1 .main-navigation li:hover > a,
.header-style-1 .main-navigation li > a:focus,
.header-style-1 .main-navigation .current_page_item > a,
.header-style-1 .main-navigation .current-menu-item > a,
.header-style-1 .main-navigation .current_page_item > a:hover,
.header-style-1 .main-navigation .current-menu-item > a:hover,
.header-style-1 .main-navigation .current_page_ancestor > a,
.header-style-1 .main-navigation .current-menu-ancestor > a {
  color: #ffffff !important;
}

/* Выпадающие пункты: тёмный текст на белом, белый на подсветке. */
.main-navigation ul#menu-menu-main .sub-menu a:hover,
.main-navigation ul#menu-menu-main .sub-menu a:focus {
  background-color: #333333;
  color: #ffffff !important;
}

/* 3. 3D-логотипы «Рэйджет» и «Луч» — золото на белом сливалось.
      Материал приглушён в hdr_logo3d.html, здесь добавлен контур-тень. */
.aios-hdr__3d,
iframe[src*="hdr_logo3d.html"] {
  filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.45))
          drop-shadow(0 0 2px rgba(0, 0, 0, 0.25));
}

/* 4. МОБИЛЬНАЯ ВЕРСИЯ (2026-10-20, жалоба владельца: меню на телефоне вывалено
      деревом на 2 экрана, контакты занимают полэкрана).
      ≤768px: шапка = два логотипа + одна строка «office@», меню — кнопка ☰,
      по тапу выезжает справа панель; подпункты раскрываются по тапу (аккордеон).
      Поведение — aios-mobile.js. */
.aios-nav-close, .aios-nav-veil, .aios-sub-btn { display: none; }   /* на компьютере их нет */
.aios-hdr__c a[href^="mailto:"] { color: inherit; text-decoration: none; }
@media (max-width: 768px) {
  .aios-nav-close, .aios-nav-veil, .aios-sub-btn { display: block; }
  .aios-hdr { gap: 6px 14px; padding: 6px 0 2px; }
  .aios-hdr__3d { width: clamp(110px, 38vw, 160px); }
  .aios-hdr__info { gap: 0; }
  html, body { overflow-x: hidden; }
  .aios-hdr__item { display: none !important; }
  .aios-hdr__item:first-child { display: flex !important; align-items: center; gap: 8px; }
  .aios-hdr__item:first-child .aios-hdr__h { display: none; }
  .aios-hdr__item:first-child .aios-hdr__c { font-size: 14px; }
  .aios-hdr__item:first-child .aios-hdr__c a { color: #15233a; text-decoration: none; }
  .col-site-logo { display: none; }

  .navigation-container { position: sticky; top: 0; z-index: 1000; background: #eef2f6; }
  .navigation-container .container { padding: 0 12px; }
  .main-navigation .menu-toggle {
    display: flex !important; align-items: center; gap: 10px;
    min-height: 44px; padding: 0 14px; margin: 6px 0 6px auto;
    border: 1px solid #c9d1db; border-radius: 10px; background: #fff;
    font: 600 15px/1 inherit; color: #15233a;
  }
  .main-navigation .menu-toggle::after { content: "Меню"; }
  .main-navigation { display: flex; }

  /* панель сбоку */
  .main-navigation .site_primary_menu {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 100001;
    width: min(86vw, 340px); overflow-y: auto; background: #fff;
    box-shadow: -12px 0 32px rgba(0, 0, 0, .18);
    transform: translateX(105%); visibility: hidden;
    transition: transform .25s ease, visibility 0s .25s;
    padding: 56px 0 24px;
  }
  body.aios-nav-open .main-navigation .site_primary_menu { transform: none; visibility: visible; transition: transform .25s ease; }
  .aios-nav-veil {
    position: fixed; inset: 0; z-index: 100000; background: rgba(10, 20, 35, .45);
    opacity: 0; pointer-events: none; transition: opacity .25s;
  }
  body.aios-nav-open .aios-nav-veil { opacity: 1; pointer-events: auto; }
  body.aios-nav-open .navigation-container { z-index: 100000; }
  body.aios-nav-open { overflow: hidden; }
  .aios-nav-close {
    position: absolute; top: 8px; right: 10px; width: 44px; height: 44px;
    border: 0; background: none; font-size: 28px; line-height: 1; color: #15233a;
  }

  /* пункты: список без маркеров и подчёркиваний, строки ≥44px */
  .main-navigation ul#menu-menu-main,
  .main-navigation ul#menu-menu-main .sub-menu {
    display: block !important; position: static; list-style: none;
    margin: 0; padding: 0; box-shadow: none; background: none; float: none;
  }
  .main-navigation ul#menu-menu-main li {
    position: relative; float: none; margin: 0; padding: 0; list-style: none;
    display: flex; flex-direction: column; line-height: 1.3;
  }
  .main-navigation ul#menu-menu-main li::before,
  .main-navigation ul#menu-menu-main li::marker { content: none; }
  .main-navigation ul#menu-menu-main > li { border-bottom: 1px solid #eef1f4; }
  .header-style-1 .main-navigation ul#menu-menu-main a,
  .main-navigation ul#menu-menu-main > li > a {
    display: block; box-sizing: border-box; padding: 12px 56px 12px 20px; min-height: 46px;
    font-size: 16px; line-height: 1.3; white-space: normal;
    text-decoration: none; color: #15233a !important; background: none;
  }
  .main-navigation ul#menu-menu-main > li > a { font-weight: 700; }
  .main-navigation ul#menu-menu-main .sub-menu { display: none !important; background: #f6f8fa; width: auto !important; min-width: 0 !important; }
  .main-navigation ul#menu-menu-main .sub-menu li, .main-navigation ul#menu-menu-main .sub-menu a { width: auto !important; max-width: none !important; }
  .main-navigation ul#menu-menu-main li.aios-sub-open > .sub-menu { display: block !important; }
  .main-navigation ul#menu-menu-main .sub-menu a { padding-top: 10px; padding-bottom: 10px; min-height: 44px; padding-left: 32px; padding-right: 20px; font-size: 15px; font-weight: 400; }
  .main-navigation ul#menu-menu-main .current-menu-item > a { color: #b88700 !important; }
  .main-navigation span.sub-menu-nav-arrow { display: none; }
  .aios-sub-btn {
    position: absolute; top: 0; right: 0; width: 52px; height: 46px;
    border: 0; background: none; color: #b88700; font-size: 18px;
  }
  .aios-sub-btn::after { content: "▾"; display: inline-block; transition: transform .2s; }
  li.aios-sub-open > .aios-sub-btn::after { transform: rotate(180deg); }
}

/* 5. Страницы продукции (.rp) на телефоне (2026-10-20): у темы нет мобильных правил —
      колонка с фото/списком оставалась 62% ширины, заголовок 36px резался справа,
      bootstrap-ряд вылезал на 20px. «Back To Top» без стилей темы висел голым текстом. */
#backTop { display: none !important; }
@media (max-width: 768px) {
  .site-content .row { margin-left: 0 !important; margin-right: 0 !important; }
  .site-content .col-lg-8, .site-content .col-md-8 { padding-left: 0; padding-right: 0; }
  .rp { padding-left: 16px !important; padding-right: 16px !important; }
  .rp__hero, .rp [class*="rp__hero"] { flex-direction: column !important; flex-wrap: wrap !important; }
  .rp__media, .rp--wide .rp__media, .rp__text, .rp__body {
    flex: 1 1 100% !important; max-width: 100% !important; width: 100% !important;
    position: static !important;
  }
  .rp__text { order: 1 !important; } .rp__media { order: 2 !important; }
  .rp h1, .rp h2, .entry-title, .page-title { font-size: 22px !important; line-height: 1.25 !important; overflow-wrap: break-word; hyphens: auto; }
  .rp ul { padding-left: 22px; }
  .rp img { max-width: 100%; height: auto; }
}