/* =========================================
   HUTS HEADER (clean, old style restored)
========================================= */

:root{
  --huts-bg:#f7f7f7;
  --huts-text:#0f172a;
  --huts-accent:#FF0000;
  --huts-border:rgba(15,23,42,.08);
  --huts-max:1400px;
}

/* ===== Base ===== */
.hutsHeader{
  position:relative;
  width:100%;
  background:#f7f7f7;
  border-bottom:1px solid var(--huts-border);
  z-index:1000;
}

.hutsHeader__wrap{
  max-width:var(--huts-max);
  margin:0 auto;
  padding:0 24px;
  height:88px;

  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

/* ===== Logo (FIX: not huge) ===== */
.hutsHeader__brand{ display:flex; align-items:center; text-decoration:none; }
.hutsHeader__logoImg{
  display:block;
  height:34px;          /* <-- ключевой фикс */
  width:auto;
  max-width:260px;
  object-fit:contain;
}

/* ===== Navigation ===== */
.hutsNav{ display:flex; align-items:center; }

/* жёстко выключаем маркеры/точки */
.hutsNav__list,
.hutsNav__list ul{
  list-style:none !important;
  margin:0;
  padding:0;
}
.hutsNav__list li{ margin:0; }
.hutsNav__list li::marker{ content:"" !important; }

.hutsNav__list{
  display:flex;
  gap:40px;
  align-items:center;
}

/* link style — как было */
.hutsNav__list a{
  position:relative;
  text-decoration:none;
  color:var(--huts-text);
  font-size:15px;
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.08em;
  transition:color .2s ease;
  display:inline-flex;
  align-items:center;
}

/* underline effect — как было (через ::after) */
.hutsNav__list a::after{
  content:'';
  position:absolute;
  left:0;
  bottom:-6px;
  width:0%;
  height:2px;
  background:var(--huts-accent);
  transition:width .2s ease;
}

@media (hover:hover){
  .hutsNav__list a:hover{ color:var(--huts-accent); }
  .hutsNav__list a:hover::after{ width:100%; }
}

/* ===== CARET (не конфликтует с underline) ===== */
/* underline = ::after, значит стрелка = ::before */
.hutsNav__list li.menu-item-has-children > a{
  gap:8px;
}

/* стрелка справа от текста */
.hutsNav__list li.menu-item-has-children > a::before{
  content:"▾";
  display:inline-block;
  font-size:12px;
  line-height:1;
  opacity:.7;
  transform: translateY(-1px);
  transition: transform .2s ease, opacity .2s ease, color .2s ease;
  margin-left:6px;
}

/* повернуть стрелку, когда li раскрыт */
.hutsNav__list li.is-open > a::before{
  transform: translateY(-1px) rotate(180deg);
  opacity:1;
  color:var(--huts-accent);
}

/* ===== SUBMENU (open by click via .is-open) ===== */
.hutsNav__list .sub-menu{
  display:none;
}

/* открыть подменю */
.hutsNav__list li.is-open > .sub-menu{
  display:block;
}

/* Desktop dropdown */
@media (min-width:1025px){
  .hutsNav__list li.menu-item-has-children{
    position:relative;
  }

  .hutsNav__list li.menu-item-has-children > .sub-menu{
    position:absolute;
    top:calc(100% + 14px);
    left:-10px;              /* лёгкий сдвиг влево, как ты просила */
    min-width:240px;
    background:#fff;
    border:1px solid var(--huts-border);
    border-radius:14px;
    box-shadow:0 14px 40px rgba(2,6,23,.08);
    padding:10px 0;
    z-index:2000;
  }

  .hutsNav__list .sub-menu li{
    padding:0 14px;
  }

  .hutsNav__list .sub-menu a{
    font-size:14px;
    font-weight:600;
    text-transform:none;     /* подменю без капса */
    letter-spacing:.03em;
    padding:10px 10px;
    display:block;
  }

  /* убираем underline у подменю (не меняя основной стиль) */
  .hutsNav__list .sub-menu a::after{ display:none; }

  @media (hover:hover){
    .hutsNav__list .sub-menu a:hover{
      color:var(--huts-accent);
    }
  }
}

/* ===== Burger ===== */
.hutsHeader__burger{
  display:none;
  width:28px;
  height:22px;
  border:none;
  background:none;
  cursor:pointer;
  padding:0;
  position:relative;
}

.hutsHeader__burger span{
  position:absolute;
  left:0;
  width:100%;
  height:2px;
  background:var(--huts-text);
  transition:all .3s ease;
}

.hutsHeader__burger span:nth-child(1){ top:0; }
.hutsHeader__burger span:nth-child(2){ top:10px; }
.hutsHeader__burger span:nth-child(3){ bottom:0; }

.hutsHeader.is-open .hutsHeader__burger span:nth-child(1){
  transform:rotate(45deg);
  top:10px;
}
.hutsHeader.is-open .hutsHeader__burger span:nth-child(2){
  opacity:0;
}
.hutsHeader.is-open .hutsHeader__burger span:nth-child(3){
  transform:rotate(-45deg);
  bottom:10px;
}

/* ===== Sticky ===== */
.hutsHeader.is-scrolled{
  position:fixed;
  top:0;
  left:0;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(10px);
  box-shadow:0 4px 24px rgba(0,0,0,.05);
}

/* ===== Contacts: desktop OFF, mobile ON ===== */
.hutsNav__contacts{ display:none; }

/* ===== Mobile ===== */
@media (max-width:1024px){
  .hutsHeader__wrap{ height:72px; }

  .hutsHeader__logoImg{
    height:28px; /* на мобиле ещё компактнее */
    max-width:220px;
  }

  .hutsHeader__burger{ display:block; }

  .hutsNav{
    position:fixed;
    top:0;
    right:-100%;
    width:300px;
    height:100vh;
    background:#fff;
    padding:110px 28px 32px;
    box-shadow:-10px 0 30px rgba(0,0,0,.08);
    transition:right .3s ease;
    display:block;
    overflow:auto;
  }

  .hutsNav.is-open{ right:0; }

  .hutsNav__list{
    flex-direction:column;
    align-items:flex-start;
    gap:24px;
  }

  /* mobile submenu as accordion */
  .hutsNav__list .sub-menu{
    position:static;
    background:transparent;
    border:0;
    box-shadow:none;
    padding:12px 0 0 14px;
  }

  .hutsNav__list .sub-menu a{
    text-transform:none;
    letter-spacing:.03em;
    font-size:14px;
    padding:8px 0;
  }

  .hutsNav__list .sub-menu a::after{ display:none; }

  .hutsNav__contacts{
    display:block;
    margin-top:26px;
    padding-top:18px;
    border-top:1px solid var(--huts-border);
  }
}
/* =========================
   OLD HOVER: red + shift
   (no underline)
========================= */

/* 1) убираем любые underline-псевдоэлементы */
.hutsNav__list a::after{
  content:none !important;
  display:none !important;
}

/* 2) базовый стиль (как был) */
.hutsNav__list a{
  color:var(--huts-text);
  transition: color .2s ease, transform .2s ease;
  will-change: transform;
}

/* 3) красный + лёгкий сдвиг вправо при наведении */
@media (hover:hover){
  .hutsNav__list a:hover{
    color:var(--huts-accent);
    transform: translateX(4px);
  }
}

/* 4) активный пункт (если WP ставит current) — тоже красный + небольшой сдвиг */
.hutsNav__list .current-menu-item > a,
.hutsNav__list .current-menu-ancestor > a{
  color:var(--huts-accent);
}
@media (hover:hover){
  .hutsNav__list .current-menu-item > a,
  .hutsNav__list .current-menu-ancestor > a{
    transform: translateX(2px);
  }
}
/* =========================
   CARET RIGHT + BIGGER
========================= */

/* родитель с подменю */
.hutsNav__list li.menu-item-has-children > a{
  display:inline-flex;
  align-items:center;
  gap:10px; /* расстояние между словом и стрелкой */
}

/* стрелка справа */
.hutsNav__list li.menu-item-has-children > a::after{
  content:"▾";
  display:inline-block;
  font-size:18px;     /* БОЛЬШЕ */
  line-height:1;
  margin-left:6px;
  transform: translateY(-1px);
  transition: transform .2s ease, color .2s ease;
  opacity:.8;
}

/* поворот при открытии */
.hutsNav__list li.is-open > a::after{
  transform: translateY(-1px) rotate(180deg);
  color:var(--huts-accent);
}

/* чтобы underline старый не конфликтовал */
.hutsNav__list a::before{
  content:none !important;
}
.hutsNav__list li.menu-item-has-children > a::after{
  content:"";
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  margin-left:8px;
}
/* ===============================
   FORCE CARET RIGHT (GUARANTEED)
================================ */

/* убираем любые старые псевдоэлементы */
.hutsNav__list a::before,
.hutsNav__list a::after{
  content:none !important;
}

/* пункт с подменю */
.hutsNav__list li.menu-item-has-children > a{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
}

/* создаём стрелку справа */
.hutsNav__list li.menu-item-has-children > a::after{
  content:"▼" !important;     /* явный символ */
  display:inline-block !important;
  font-size:16px !important;
  margin-left:6px !important;
  line-height:1 !important;
  opacity:.8 !important;
}

/* поворот при открытии */
.hutsNav__list li.is-open > a::after{
  transform:rotate(180deg);
  color:var(--huts-accent);
}
/* =========================================
   CARET: если у пункта ЕСТЬ .sub-menu
   (не зависит от menu-item-has-children)
========================================= */

/* на всякий убираем старые псевдо-стрелки */
.hutsNav__list a::before{ content:none !important; }

/* стрелка справа ТОЛЬКО у li с подменю */
.hutsNav__list li:has(> .sub-menu) > a{
  display:inline-flex !important;
  align-items:center;
  gap:10px;
}

.hutsNav__list li:has(> .sub-menu) > a::after{
  content:"▼" !important;
  display:inline-block !important;
  font-size:16px !important;
  line-height:1 !important;
  margin-left:8px !important;
  opacity:.8 !important;
  transform: translateY(-1px);
  transition: transform .2s ease, color .2s ease, opacity .2s ease;
}

/* поворот, когда пункт раскрыт (твой JS ставит is-open) */
.hutsNav__list li.is-open > a::after{
  transform: translateY(-1px) rotate(180deg);
  color: var(--huts-accent);
  opacity:1;
}
/* ===============================
   CARET: no overlap (right side)
================================ */

/* ссылка — как контейнер */
.hutsNav__list li:has(> .sub-menu) > a{
  display:inline-flex !important;
  align-items:center !important;
  gap:10px !important;
  padding-right:0 !important;
  position:relative !important;
}

/* стрелка — НЕ absolute, чтобы не наезжала */
.hutsNav__list li:has(> .sub-menu) > a::after{
  position:static !important;
  content:"▼" !important;
  display:inline-block !important;
  font-size:16px !important;
  line-height:1 !important;
  margin-left:10px !important;
  transform: translateY(-1px) !important;
  opacity:.8 !important;
}

/* если где-то раньше было absolute — гасим */
.hutsNav__list li:has(> .sub-menu) > a::after{
  left:auto !important;
  right:auto !important;
  top:auto !important;
  bottom:auto !important;
}

/* поворот при открытии */
.hutsNav__list li.is-open > a::after{
  transform: translateY(-1px) rotate(180deg) !important;
  color: var(--huts-accent) !important;
  opacity:1 !important;
}
/* =========================================
   SUBMENU: ONLY CLICK (HARD OVERRIDE)
   Отключаем hover-раскрытие полностью
========================================= */

/* 1) по умолчанию всё скрыто */
.hutsHeader .hutsNav .hutsNav__list li > .sub-menu{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  transform:none !important;
  pointer-events:none !important;
}

/* 2) НИКАКОГО hover-раскрытия */
@media (min-width:1025px){
  .hutsHeader .hutsNav .hutsNav__list li:hover > .sub-menu{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* 3) Открываем ТОЛЬКО по клику (класс is-open ставит JS) */
.hutsHeader .hutsNav .hutsNav__list li.is-open > .sub-menu{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* 4) если у подменю есть абсолют/позиционирование — оставляем как есть, но можно раскомментить:
.hutsHeader .hutsNav .hutsNav__list li.is-open > .sub-menu{
  position:absolute !important;
}
*/
/* =========================================
   FIX: remove hover dropdown, keep click only
   + unify submenu size/position
========================================= */

/* 1) Подменю по умолчанию скрыто */
.hutsHeader .hutsNav .hutsNav__list li > .sub-menu{
  display:none !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
}

/* 2) Жёстко запрещаем hover-раскрытие (иначе "двойной слой") */
@media (min-width:1025px){
  .hutsHeader .hutsNav .hutsNav__list li:hover > .sub-menu{
    display:none !important;
    opacity:0 !important;
    visibility:hidden !important;
    pointer-events:none !important;
  }
}

/* 3) Открываем ТОЛЬКО по клику (is-open) */
.hutsHeader .hutsNav .hutsNav__list li.is-open > .sub-menu{
  display:block !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
}

/* 4) Единый стиль подменю на десктопе (чтобы не было "меньше/больше") */
@media (min-width:1025px){
  .hutsHeader .hutsNav .hutsNav__list li{ position:relative; }

  .hutsHeader .hutsNav .hutsNav__list li > .sub-menu{
    position:absolute !important;
    top:calc(100% + 14px) !important;
    left:-10px !important;
    min-width:240px !important;

    background:#fff !important;
    border:1px solid var(--huts-border) !important;
    border-radius:14px !important;
    box-shadow:0 14px 40px rgba(2,6,23,.08) !important;
    padding:10px 0 !important;

    transform:none !important; /* убираем "второй стиль" со сдвигом/анимацией */
  }

  .hutsHeader .hutsNav .hutsNav__list li > .sub-menu a{
    display:block;
    padding:10px 14px;
    font-size:14px;
    font-weight:600;
    text-transform:none;
    letter-spacing:.03em;
  }

  /* на всякий убираем underline/сдвиги из основного ховера внутри подменю */
  .hutsHeader .hutsNav .hutsNav__list li > .sub-menu a:hover{
    transform:none !important;
  }
  .hutsHeader .hutsNav .hutsNav__list li > .sub-menu a::after{
    content:none !important;
    display:none !important;
  }
}
/* ================================
   FIX: убрать точку/маркер списка
================================ */

/* убираем стандартные маркеры */
.hutsNav__list,
.hutsNav__list li,
.hutsNav__list .sub-menu{
  list-style:none !important;
}

/* если вдруг используется ::marker */
.hutsNav__list li::marker{
  content:'' !important;
}

/* если где-то добавлен псевдо-элемент */
.hutsNav__list li::before{
  content:none !important;
  display:none !important;
}
/* ================================
   REMOVE BULLETS / DOTS IN MENU
================================ */

/* убираем маркеры у всех уровней меню */
.hutsNav__list,
.hutsNav__list ul,
.hutsNav__list li{
  list-style: none !important;
  margin: 0;
  padding: 0;
}

/* на случай если браузер рисует ::marker */
.hutsNav__list li::marker{
  content: "" !important;
}

/* на случай если тема добавляет псевдо-точку */
.hutsNav__list li::before{
  content: none !important;
  display: none !important;
}
/* если "точка" рисуется перед текстом пункта меню */
.hutsNav__list > li > a::before{
  content:none !important;
  display:none !important;
}
/* ================================
   CLEAN MENU FROM OLD DECOR
================================ */

/* Убираем любые псевдо-точки слева */
.hutsNav__list > li > a::before{
  content: none !important;
  display: none !important;
}

/* Убираем возможные маркеры */
.hutsNav__list,
.hutsNav__list ul,
.hutsNav__list li{
  list-style: none !important;
}

/* Убираем всё лишнее у sub-menu */
.hutsNav__list .sub-menu{
  list-style: none !important;
  padding-left: 0 !important;
}
/* =================================
   FIX: убрать "точку" из ::after
   и оставить только стрелку справа
================================= */

.hutsNav__list > li.menu-item-has-children > a::after{
  content:"▾" !important;      /* именно стрелка */
  width:auto !important;
  height:auto !important;
  border:0 !important;
  border-radius:0 !important;  /* убираем кружок */
  background:transparent !important;
  box-shadow:none !important;
  display:inline-block !important;
  margin-left:8px !important;
  transform: translateY(-1px) !important;
  opacity:.85 !important;
}

/* поворот при открытии */
.hutsNav__list > li.is-open > a::after{
  transform: translateY(-1px) rotate(180deg) !important;
  color: var(--huts-accent) !important;
  opacity:1 !important;
}.hutsNav__list > li.menu-item-has-children > a::after{
  content:"";
  width:10px;
  height:10px;
  border-right:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform: rotate(45deg) translateY(-2px);
  margin-left:10px;
  display:inline-block;
  transition: transform .25s ease;
}
/* =========================================
   FINAL CARET (override everything)
   Стрелка через border, БЕЗ символов
========================================= */

.hutsNav__list > li.menu-item-has-children > a::after{
  content: "" !important;                 /* убиваем ▾ */
  display: inline-block !important;
  width: 12px !important;                 /* размер стрелки */
  height: 12px !important;
  margin-left: 10px !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;

  border-right: 3px solid currentColor !important;  /* толщина */
  border-bottom: 3px solid currentColor !important;
  transform: rotate(45deg) translateY(-2px) !important;
  transition: transform .2s ease !important;
  opacity: .9 !important;
}

/* поворот при открытии */
.hutsNav__list > li.is-open > a::after{
  transform: rotate(-135deg) translateY(2px) !important;
}

/* если хочешь красную стрелку всегда — раскомментируй */
/*
.hutsNav__list > li.menu-item-has-children > a::after{
  border-right-color: var(--huts-accent) !important;
  border-bottom-color: var(--huts-accent) !important;
}
*/
@media (max-width:1024px){
  .hutsNav__contactLink[href^="tel:"]{
    font-size: 15px;
    font-weight: 800;
  }
  .hutsNav__contactLink[href*="t.me"],
  .hutsNav__contactLink[href^="viber:"]{
    font-weight: 700;
  }
}
/* =========================================
   MOBILE CONTACTS — HUTS buttons
========================================= */

@media (max-width:1024px){

  .hutsNav__contacts{
    margin-top: 24px;
    padding-top: 20px;
    border-top: 1px solid var(--huts-border);
    display: grid;
    gap: 12px;
  }

  .hutsNav__contactsTitle{
    font-weight: 800;
    margin-bottom: 6px;
  }

  /* Телефон — простой, строгий */
  .hutsNav__contactLink[href^="tel:"]{
    font-weight: 800;
    font-size: 15px;
    padding: 6px 0;
    border: none;
    background: transparent;
  }

  /* === TELEGRAM + VIBER как кнопки === */
  .hutsNav__contactLink[href*="t.me"],
  .hutsNav__contactLink[href^="viber:"]{
    display: flex;
    align-items: center;
    justify-content: center;

    padding: 12px 16px;
    border-radius: 18px;

    font-weight: 700;
    font-size: 14px;
    letter-spacing: .02em;

    text-decoration: none;
    transition: all .25s ease;
  }

  /* Telegram */
  .hutsNav__contactLink[href*="t.me"]{
    border: 2px solid #229ED9;
    color: #229ED9;
  }

  .hutsNav__contactLink[href*="t.me"]:hover{
    background: #229ED9;
    color: #fff;
  }

  /* Viber */
  .hutsNav__contactLink[href^="viber:"]{
    border: 2px solid #7360F2;
    color: #7360F2;
  }

  .hutsNav__contactLink[href^="viber:"]:hover{
    background: #7360F2;
    color: #fff;
  }
}