/* ==========================================================================
   Galeria Build — под-услуги в менюто (3-то ниво)
   Десктоп: под-услугите се РАЗГРЪЩАТ НАДОЛУ при hover на родителя (със стрелка).
   Мобилно: акордеон под „Услуги" в оувърлея, който СЕ СКРОЛВА до долу.
   Добавен файл (не се пребилдва от node/) — енкюва се от inc/enqueue.php.
   ========================================================================== */

/* ---------- ДЕСКТОП (≥1060px, където .header__links е активно) ---------- */
@media (min-width: 1060px) {

  /* Стрелка на топ „Услуги" (има подменю) */
  .header__links > li.menu-item-has-children > a {
    display: inline-flex;
    align-items: center;
    gap: .7rem;
  }
  .header__links > li.menu-item-has-children > a::after {
    content: "";
    width: .7rem;
    height: .7rem;
    border-right: .16rem solid currentColor;
    border-bottom: .16rem solid currentColor;
    transform: translateY(-.15rem) rotate(45deg);
    transition: transform .25s ease;
  }
  .header__links > li.menu-item-has-children:hover > a::after {
    transform: translateY(.1rem) rotate(225deg);
  }

  /* Панелът на „Услуги" — малко по-широк за дългите заглавия */
  .header__links li ul.sub-menu { width: 36rem; }

  /* 2-рото ниво: блок (не flex, наследен от темата) — под-услугите да текат
     НАДОЛУ под родителя, а не в дясна колона (иначе излизат от панела). */
  .header__links ul.sub-menu > li { display: block; position: relative; }
  .header__links ul.sub-menu li { display: block; }
  /* всеки линк в дропдауна е блок → вертикалният padding създава височина
     (иначе inline елементите се сплескват без разстояние). */
  .header__links ul.sub-menu a { display: block; }

  /* Родителска услуга (има под-услуги) — bold + стрелка вдясно */
  .header__links ul.sub-menu > li.menu-item-has-children > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 700;
  }
  .header__links ul.sub-menu > li.menu-item-has-children > a::after {
    content: "";
    flex: 0 0 auto;
    margin-left: 1rem;
    width: .7rem;
    height: .7rem;
    border-right: .16rem solid #141414;
    border-bottom: .16rem solid #141414;
    transform: translateY(-.15rem) rotate(45deg);
    transition: transform .25s ease;
  }
  .header__links ul.sub-menu > li.menu-item-has-children:hover > a::after {
    transform: translateY(.1rem) rotate(225deg);
  }

  /* 3-то ниво: СКРИТО по подразбиране, РАЗГРЪЩА СЕ НАДОЛУ при hover на родителя.
     Видимостта (opacity/visibility) я кара правилото на темата при hover на „Услуги";
     тук контролираме само разгъването с max-height → няма фантомна hit зона. */
  .header__links ul.sub-menu ul.sub-menu {
    position: static;
    top: auto;
    left: auto;
    width: auto;
    transform: none;
    z-index: auto;
    background: #fafafa;
    padding: 0;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
  }
  .header__links ul.sub-menu > li.menu-item-has-children:hover > ul.sub-menu {
    max-height: 40rem;
  }

  /* Под-услугите — нормален регистър, с отстъп и водеща чертичка */
  .header__links ul.sub-menu ul.sub-menu li { text-transform: none; }
  .header__links ul.sub-menu ul.sub-menu li a {
    padding: 1.1rem 1.3rem 1.1rem 2.8rem;
    font-weight: 500;
    font-size: 1.3rem;
    color: #3a3a3a;
    position: relative;
  }
  .header__links ul.sub-menu ul.sub-menu li a::before {
    content: "";
    position: absolute;
    left: 1.4rem;
    top: 50%;
    width: .7rem;
    height: .1rem;
    background: #b3b3b3;
    transform: translateY(-50%);
  }
  .header__links ul.sub-menu ul.sub-menu li:hover a { color: #141414; }
}

/* ---------- МОБИЛНО (оувърлей .navbar, < 1060px) ---------- */
@media (max-width: 1059px) {

  /* Оувърлеят да СЕ СКРОЛВА — иначе при отворени услуги долните линкове
     остават извън екрана и не се стигат. Само вертикалното подравняване се
     сменя на „горе"; хоризонталното центриране (justify-content:center) НЕ се
     пипа — оувърлеят е 300vw широк с отрицателни left/right. */
  .navbar {
    align-items: flex-start !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
  }
  .navbar-content {
    margin: 9rem auto 4rem !important;
  }

  /* пази ширината — вложеното да не разширява центрирания списък */
  .navbar-content .links { max-width: 100%; box-sizing: border-box; }
  .navbar .links > li { max-width: 86vw; }
}

.navbar .links li.has-subservices {
  flex-direction: column;
  align-items: flex-start;
  width: 86vw;
  max-width: 40rem;
}
.navbar .links li .subservices-row { display: flex; align-items: center; width: 100%; }

.navbar .links li .subservices-toggle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.4rem;
  height: 3.4rem;
  margin-left: 1.2rem;
  border: .1rem solid rgba(255,255,255,.4);
  border-radius: .9rem;
  background: transparent;
  color: #fff;
  cursor: pointer;
  flex: 0 0 auto;
  transition: all .25s ease;
  -webkit-tap-highlight-color: transparent;
}
.navbar .links li .subservices-toggle svg { width: 1.3rem; height: 1.3rem; transition: transform .25s ease; }
.navbar .links li.open .subservices-toggle svg { transform: rotate(180deg); }
.navbar .links li.open .subservices-toggle { border-color: #fff; background: rgba(255,255,255,.08); }

.navbar .links .subservices {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing: border-box;
  max-height: 0;
  overflow: hidden;
  transition: max-height .35s ease;
}
.navbar .links li.open .subservices { max-height: 140rem; }
.navbar .links .subservices .subservices-group > a,
.navbar .links .subservices .subservices-group ul li a { overflow-wrap: anywhere; }

/* отмени наследения от темата li{display:flex} за вложените редове */
.navbar .links .subservices li { display: block; }

.navbar .links .subservices .subservices-group { margin: 1.6rem 0 0; }
.navbar .links .subservices .subservices-group > a {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: .02em;
  opacity: .85;
}
.navbar .links .subservices .subservices-group ul {
  list-style: none;
  margin: .6rem 0 0;
  padding: 0 0 0 1.4rem;
  border-left: .1rem solid rgba(255,255,255,.2);
}
.navbar .links .subservices .subservices-group ul li { margin: .1rem 0; }
.navbar .links .subservices .subservices-group ul li a {
  display: block;
  font-size: 1.6rem;
  font-weight: 400;
  color: rgba(255,255,255,.82);
  padding: 1rem 0;
  text-transform: none;
}
.navbar .links .subservices .subservices-group ul li a:hover { color: #fff; }