/* =========================================================
   MEGA DROPDOWN GRID (DESKTOP ONLY)
   Applies only to menu items:
   - /work_type/poem/
   - /work_type/prose/
   - /work_type/art/
   - /work_type/classic/
   Mobile keeps theme behavior.
   ========================================================= */

:root {
  --mega-max: 1000px;
  --mega-pad: 16px;
  --mega-gap: 8px;
  --mega-radius: 12px;
  --mega-shadow: 0 16px 40px rgba(0, 0, 0, .12);
}

/* ---------------------------------------------------------
   MOBILE / TABLET: do not change open/close mechanics
   (only prevent ugly overflow)
   --------------------------------------------------------- */
@media (max-width: 991px) {
  /* На мобилках часто меню — аккордеон. Не вмешиваемся.
     Только делаем так, чтобы длинные пункты не вылезали. */
  .sub-menu a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}

/* ---------------------------------------------------------
   DESKTOP: mega menu as grid for 3 sections
   --------------------------------------------------------- */
@media (min-width: 992px) {

  /* 1) Базовый стиль панели — только для нужных 3 пунктов */
  .menu-item-has-children > a[href*="/work_type/poem/"] + ul.sub-menu,
  .menu-item-has-children > a[href*="/work_type/prose/"] + ul.sub-menu,
  .menu-item-has-children > a[href*="/work_type/art/"] + ul.sub-menu,
  .menu-item-has-children > a[href*="/work_type/classic/"] + ul.sub-menu {
    background: #fff;
    padding: 16px 18px;
    border-radius: var(--mega-radius);
    box-shadow: var(--mega-shadow);
    overflow: hidden;
    z-index: 1000;

    /* страхуем ширину, но НЕ задаём позиционирование —
       этим занимается тема, чтобы не было “гэпов” и конфликтов */
    max-width: min(var(--mega-max), calc(100vw - (var(--mega-pad) * 2)));
  }

  /* 2) В момент открытия (hover/focus) превращаем в grid
        ВАЖНО: display НЕ задаём в обычном состоянии, чтобы не было “пустого окна” */
  .menu-item-has-children:hover > a[href*="/work_type/poem/"] + ul.sub-menu,
  .menu-item-has-children:focus-within > a[href*="/work_type/poem/"] + ul.sub-menu,
  .menu-item-has-children:hover > a[href*="/work_type/prose/"] + ul.sub-menu,
  .menu-item-has-children:focus-within > a[href*="/work_type/prose/"] + ul.sub-menu,
  .menu-item-has-children:hover > a[href*="/work_type/art/"] + ul.sub-menu,
  .menu-item-has-children:focus-within > a[href*="/work_type/art/"] + ul.sub-menu,
  .menu-item-has-children:hover > a[href*="/work_type/classic/"] + ul.sub-menu,
  .menu-item-has-children:focus-within > a[href*="/work_type/classic/"] + ul.sub-menu {
    display: grid; /* переопределяет display:block темы только в момент открытия */
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 6px 20px;
  }

  /* 3) Grid items должны сжиматься, иначе текст “распирает” колонку */
  .menu-item-has-children:hover > a[href*="/work_type/poem/"] + ul.sub-menu > li,
  .menu-item-has-children:focus-within > a[href*="/work_type/poem/"] + ul.sub-menu > li,
  .menu-item-has-children:hover > a[href*="/work_type/prose/"] + ul.sub-menu > li,
  .menu-item-has-children:focus-within > a[href*="/work_type/prose/"] + ul.sub-menu > li,
  .menu-item-has-children:hover > a[href*="/work_type/art/"] + ul.sub-menu > li,
  .menu-item-has-children:focus-within > a[href*="/work_type/art/"] + ul.sub-menu > li,
  .menu-item-has-children:hover > a[href*="/work_type/classic/"] + ul.sub-menu > li,
  .menu-item-has-children:focus-within > a[href*="/work_type/classic/"] + ul.sub-menu > li {
    margin: 0;
    min-width: 0;
  }

  /* 4) Ссылки: ellipsis, чтобы ничего не вылезало вправо */
  .menu-item-has-children:hover > a[href*="/work_type/poem/"] + ul.sub-menu a,
  .menu-item-has-children:focus-within > a[href*="/work_type/poem/"] + ul.sub-menu a,
  .menu-item-has-children:hover > a[href*="/work_type/prose/"] + ul.sub-menu a,
  .menu-item-has-children:focus-within > a[href*="/work_type/prose/"] + ul.sub-menu a,
  .menu-item-has-children:hover > a[href*="/work_type/art/"] + ul.sub-menu a,
  .menu-item-has-children:focus-within > a[href*="/work_type/art/"] + ul.sub-menu a,
  .menu-item-has-children:hover > a[href*="/work_type/classic/"] + ul.sub-menu a,
  .menu-item-has-children:focus-within > a[href*="/work_type/classic/"] + ul.sub-menu a {
    display: block;
    min-width: 0;
    max-width: 100%;
    padding: 6px 0;

    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }

  /* ---------------------------------------------------------
     Responsive columns (desktop widths)
     --------------------------------------------------------- */
  @media (max-width: 1200px) {
    .menu-item-has-children:hover > a[href*="/work_type/poem/"] + ul.sub-menu,
    .menu-item-has-children:focus-within > a[href*="/work_type/poem/"] + ul.sub-menu,
    .menu-item-has-children:hover > a[href*="/work_type/prose/"] + ul.sub-menu,
    .menu-item-has-children:focus-within > a[href*="/work_type/prose/"] + ul.sub-menu,
    .menu-item-has-children:hover > a[href*="/work_type/art/"] + ul.sub-menu,
    .menu-item-has-children:focus-within > a[href*="/work_type/art/"] + ul.sub-menu,
  .menu-item-has-children:hover > a[href*="/work_type/classic/"] + ul.sub-menu,
  .menu-item-has-children:focus-within > a[href*="/work_type/classic/"] + ul.sub-menu {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }

  @media (max-width: 1050px) {
    .menu-item-has-children:hover > a[href*="/work_type/poem/"] + ul.sub-menu,
    .menu-item-has-children:focus-within > a[href*="/work_type/poem/"] + ul.sub-menu,
    .menu-item-has-children:hover > a[href*="/work_type/prose/"] + ul.sub-menu,
    .menu-item-has-children:focus-within > a[href*="/work_type/prose/"] + ul.sub-menu,
    .menu-item-has-children:hover > a[href*="/work_type/art/"] + ul.sub-menu,
    .menu-item-has-children:focus-within > a[href*="/work_type/art/"] + ul.sub-menu,
  .menu-item-has-children:hover > a[href*="/work_type/classic/"] + ul.sub-menu,
  .menu-item-has-children:focus-within > a[href*="/work_type/classic/"] + ul.sub-menu {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
}

/* Badge непрочитанных в меню */
.sm ysly-menu-badge,
.smysly-menu-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  margin-left: 8px;

  font-size: 12px;
  line-height: 1;
  font-weight: 600;

  color: #fff;
  background: #6941c6;
  border-radius: 999px;
}

.smysly-menu-badge{
  margin-left: 8px;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;

  font-size: 12px;
  line-height: 1;
  font-weight: 600;
  color: #fff;

  background: #6941c6; /* твой цвет */
}

/* если тема где-то принудительно прячет span’ы */
.smysly-menu-badge[style*="display: inline-flex"]{
  display: inline-flex !important;
}

/* =========================================================
   Mobile burger: original-like dropdown + first level only
   ========================================================= */
@media (max-width: 1199px) {
  /* Even if an old cached header still contains submenus, do not show them in burger. */
  .site-header .header-navbar__burger ul.sub-menu,
  .site-header .header-navbar__burger .sub-menu,
  .site-header .header-navbar__burger .children,
  .site-header .header-navbar__burger .smysly-submenu-load {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    overflow: hidden !important;
  }

  /* Fallback for devices where parent theme JS does not toggle the burger reliably. */
  .site-header .header-navbar__burger > ul.menu,
  .site-header .header-navbar__burger > ul {
    display: none;
  }

  .site-header .header-navbar__burger.smysly-burger-open > ul.menu,
  .site-header .header-navbar__burger.smysly-burger-open > ul,
  .site-header .header-navbar__burger.is-open > ul.menu,
  .site-header .header-navbar__burger.is-open > ul,
  .site-header .header-navbar__burger.active > ul.menu,
  .site-header .header-navbar__burger.active > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }

  .site-header .header-navbar__burger > ul.menu > li > a,
  .site-header .header-navbar__burger > ul > li > a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


/* =========================================================
   Mobile burger close button V7
   ========================================================= */
@media (max-width: 1199px) {
  .site-header .header-navbar__burger > a {
    min-width: 44px;
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .site-header .header-navbar__burger > a i {
    font-size: 22px;
    line-height: 1;
  }

  .site-header .header-navbar__burger > ul.menu > li.menu-item--burger-close,
  .site-header .header-navbar__burger > ul > li.menu-item--burger-close {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    padding: 12px 14px 4px !important;
    margin: 0 !important;
    border: 0 !important;
    height: auto !important;
    overflow: visible !important;
    visibility: visible !important;
  }

  .site-header .header-navbar__burger .smysly-burger-close {
    appearance: none;
    -webkit-appearance: none;
    width: 44px;
    height: 44px;
    min-width: 44px;
    min-height: 44px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    margin: 0 !important;
    border: 0;
    border-radius: 999px;
    background: #f4f4f5;
    color: #222;
    font-size: 34px;
    font-weight: 400;
    line-height: 1;
    cursor: pointer;
    box-shadow: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
  }

  .site-header .header-navbar__burger .smysly-burger-close:hover,
  .site-header .header-navbar__burger .smysly-burger-close:focus {
    background: #ececef;
    color: #111;
    outline: none;
  }

  .site-header .header-navbar__burger .smysly-burger-close span {
    display: block;
    transform: translateY(-2px);
    pointer-events: none;
  }

  .site-header .header-navbar__burger > ul.menu > li.menu-item--burger-search,
  .site-header .header-navbar__burger > ul > li.menu-item--burger-search {
    padding-top: 8px !important;
  }
}

/* =========================================================
   Mobile burger: remove legacy/theme pseudo close icon
   ========================================================= */
@media (max-width: 1199px) {
  .site-header .header-navbar__burger > ul.menu::before,
  .site-header .header-navbar__burger > ul.menu::after,
  .site-header .header-navbar__burger > ul.smysly-menu--mobile-level-1::before,
  .site-header .header-navbar__burger > ul.smysly-menu--mobile-level-1::after,
  .site-header .header-navbar__burger.smysly-burger-open > ul.menu::before,
  .site-header .header-navbar__burger.smysly-burger-open > ul.menu::after,
  .site-header .header-navbar__burger.is-open > ul.menu::before,
  .site-header .header-navbar__burger.is-open > ul.menu::after,
  .site-header .header-navbar__burger.active > ul.menu::before,
  .site-header .header-navbar__burger.active > ul.menu::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }
}


/* =========================================================
   USER ACCOUNT DROPDOWN RESTORE
   Desktop: hover/focus opens the {user} menu.
   Mobile: tap on {user} opens account actions inside burger.
   ========================================================= */
.site-header li.smysly-menu-user-has-dropdown {
  position: relative !important;
}

.site-header li.smysly-menu-user-has-dropdown > a {
  cursor: pointer !important;
}

.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu {
  list-style: none !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  background: #fff !important;
  border: 1px solid rgba(0,0,0,.08) !important;
  border-radius: 14px !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.14) !important;
}

.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu > li,
.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu > li::before,
.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu > li::after {
  list-style: none !important;
}

.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu > li::before,
.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu > li::after {
  content: none !important;
  display: none !important;
}

.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu a {
  display: block !important;
  padding: 9px 16px !important;
  color: #333 !important;
  font-size: 14px !important;
  line-height: 1.35 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  background: transparent !important;
}

.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu a:hover,
.site-header li.smysly-menu-user-has-dropdown > ul.sub-menu a:focus {
  color: #111 !important;
  background: #f6f4ff !important;
}

@media (min-width: 861px) {
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown.menu-item--user-account > ul.sub-menu {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 10px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 190px !important;
    z-index: 10080 !important;
  }

  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown:hover > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown:focus-within > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown.menu-item--user-account:hover > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown.menu-item--user-account:focus-within > ul.sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 860px) {
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a {
    position: relative !important;
    padding-right: 26px !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    right: 2px !important;
    top: 50% !important;
    width: 7px !important;
    height: 7px !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translateY(-65%) rotate(45deg) !important;
    opacity: .65 !important;
    background: none !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.is-submenu-open > a::after {
    transform: translateY(-35%) rotate(225deg) !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > ul.sub-menu,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item--user-account > ul.sub-menu {
    display: none !important;
    position: static !important;
    min-width: 0 !important;
    width: 100% !important;
    margin: 4px 0 10px 42px !important;
    padding: 6px 0 6px 10px !important;
    border: 0 !important;
    border-left: 2px solid rgba(108,77,255,.22) !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    z-index: auto !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.is-submenu-open > ul.sub-menu,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item--user-account.is-submenu-open > ul.sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > ul.sub-menu a {
    padding: 8px 0 !important;
    white-space: normal !important;
    font-size: 15px !important;
  }
}


/* =========================================================
   Header dropdown stability: user and publish menus
   ========================================================= */
@media (min-width: 861px) {
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown {
    position: relative !important;
  }

  /* Invisible hover bridge between top item and dropdown. */
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown::after,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown::after {
    content: "" !important;
    position: absolute !important;
    left: -12px !important;
    right: -12px !important;
    top: 100% !important;
    height: 12px !important;
    display: block !important;
    background: transparent !important;
    pointer-events: auto !important;
    z-index: 10079 !important;
  }

  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown > ul.sub-menu {
    display: none !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 0 !important;
    left: auto !important;
    min-width: 210px !important;
    width: max-content !important;
    max-width: 280px !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    border: 1px solid rgba(15, 23, 42, .08) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: 0 16px 40px rgba(15, 23, 42, .14) !important;
    z-index: 10080 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown:hover > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown:focus-within > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown:hover > ul.sub-menu,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown:focus-within > ul.sub-menu {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown > ul.sub-menu > li,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown > ul.sub-menu > li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown > ul.sub-menu a,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown > ul.sub-menu a {
    display: block !important;
    width: 100% !important;
    padding: 10px 16px !important;
    color: #242833 !important;
    background: transparent !important;
    white-space: nowrap !important;
    text-decoration: none !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
  }

  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown > ul.sub-menu a:hover,
  .site-header .header-navbar__menu li.smysly-menu-user-has-dropdown > ul.sub-menu a:focus,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown > ul.sub-menu a:hover,
  .site-header .header-navbar__menu li.smysly-menu-publish-has-dropdown > ul.sub-menu a:focus {
    color: #111 !important;
    background: #f6f4ff !important;
  }
}

/* Mobile burger must be controlled by our explicit classes on all devices where burger is visible. */
@media (max-width: 1199px) {
  .site-header .header-navbar__burger.smysly-burger-open > ul.menu,
  .site-header .header-navbar__burger.smysly-burger-open > ul,
  .site-header .header-navbar__burger.is-open > ul.menu,
  .site-header .header-navbar__burger.is-open > ul,
  .site-header .header-navbar__burger.active > ul.menu,
  .site-header .header-navbar__burger.active > ul {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }

  /* Global mobile rule hides heavy genre submenus; restore only the {user} submenu. */
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.is-submenu-open > ul.sub-menu,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item--user-account.is-submenu-open > ul.sub-menu {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    overflow: visible !important;
    pointer-events: auto !important;
  }
}


/* =========================================================
   Mobile burger account submenu polish v7
   - only {user} has a submenu arrow;
   - the username/avatar link remains clickable and opens the profile;
   - a separate button opens the dropdown;
   - cached parent classes must not draw fake arrows for Стихи/Проза/Арт/Классика.
   ========================================================= */
@media (max-width: 1199px) {
  .site-header .header-navbar__burger > ul.menu > li.menu-item-has-children:not(.smysly-menu-user-has-dropdown) > a::before,
  .site-header .header-navbar__burger > ul.menu > li.menu-item-has-children:not(.smysly-menu-user-has-dropdown) > a::after,
  .site-header .header-navbar__burger > ul > li.menu-item-has-children:not(.smysly-menu-user-has-dropdown) > a::before,
  .site-header .header-navbar__burger > ul > li.menu-item-has-children:not(.smysly-menu-user-has-dropdown) > a::after,
  .site-header .header-navbar__burger > ul.menu > li.parent:not(.smysly-menu-user-has-dropdown) > a::before,
  .site-header .header-navbar__burger > ul.menu > li.parent:not(.smysly-menu-user-has-dropdown) > a::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown {
    position: relative !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    padding-right: 46px !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a::after,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.is-submenu-open > a::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.is-submenu-open > a::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > .smysly-submenu-toggle {
    position: absolute !important;
    right: 6px !important;
    top: 5px !important;
    width: 36px !important;
    height: 36px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    color: #9aa1ad !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    box-shadow: none !important;
    touch-action: manipulation !important;
    -webkit-tap-highlight-color: transparent !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > .smysly-submenu-toggle:hover,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > .smysly-submenu-toggle:focus {
    background: rgba(105, 65, 198, .08) !important;
    color: #6941c6 !important;
    outline: none !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > .smysly-submenu-toggle span {
    width: 8px !important;
    height: 8px !important;
    display: block !important;
    border-right: 2px solid currentColor !important;
    border-bottom: 2px solid currentColor !important;
    transform: translateY(-2px) rotate(45deg) !important;
    transition: transform .16s ease !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.is-submenu-open > .smysly-submenu-toggle span {
    transform: translateY(2px) rotate(225deg) !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > ul.sub-menu,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item--user-account > ul.sub-menu {
    margin-left: 54px !important;
  }
}

/* =========================================================
   Mobile user menu caret fix v8
   Keep only the real clickable .smysly-submenu-toggle arrow.
   Hide legacy/theme pseudo-caret on the user <li> and profile link.
   ========================================================= */
@media (max-width: 1199px) {
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown::after,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item-has-children::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item-has-children::after,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.parent::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.parent::after,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item--user-account::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown.menu-item--user-account::after,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a::after,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a.hp-menu__item::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a.hp-menu__item::after,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > .smysly-submenu-toggle::before,
  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > .smysly-submenu-toggle::after {
    content: none !important;
    display: none !important;
    visibility: hidden !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .site-header .header-navbar__burger li.smysly-menu-user-has-dropdown > a {
    background-image: none !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}