.ast-icon.icon-arrow {
  color: #6170e6;
}
/* 1. Hide Astra's default submenu toggle button completely */
@media (min-width: 922px) {
.ast-menu-toggle {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  pointer-events: none !important;
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  overflow: hidden !important;
}

/* 2. Prevent layout shift from missing toggle button */
.menu-item-has-children {
  position: relative;
}

/* 3. Remove Astra’s default arrow ONLY in submenus */
.main-header-menu .sub-menu .ast-header-navigation-arrow {
  display: none !important;
}

/* 4. Add left-facing arrow and center the text in submenus */
.main-header-menu .sub-menu .menu-item-has-children > .menu-link {
  display: grid;
  place-items: center;
  position: relative;
  text-align: center;
  padding-left: 2em; /* Space for the left arrow */
}

/* 5. Left arrow style and position */
.main-header-menu .sub-menu .menu-item-has-children > .menu-link::before {
  content: "";
  position: absolute;
  left: 0.75em;
  top: 50%;
  transform: translateY(-50%);
  width: 1em;
  height: 1em;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%234169e1' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolyline points='15 18 9 12 15 6'/%3E%3C/svg%3E");
  background-size: 1em 1em;
  background-repeat: no-repeat;
}
}
/* raise secondary dropdown arrows on mobile *
.ast-header-break-point .ast-menu-toggle {
  top: 18px !important; /* adjust this value as needed *
  transform: translateY(-50%);
  position: absolute !important;
}
/* First-level dropdown toggle (top-level menu items) */
.ast-header-break-point > .main-header-bar-navigation .menu-item-has-children > .ast-menu-toggle {
  top: 18px !important;
  transform: translateY(-50%);
  position: absolute !important;
}
/* Second-level dropdown toggle (submenu items) */
.ast-header-break-point .menu-item-has-children .sub-menu .menu-item-has-children > .ast-menu-toggle {
  top: 16px !important; /* adjust as needed */
  transform: translateY(-50%);
  position: absolute !important;
}
/* don't show arrow for menu items that don't have a dropdown */
.ast-header-break-point .main-navigation ul .menu-item .menu-link .icon-arrow:first-of-type svg {
    display: none;
}