@media (max-width: 1024px) {
    .nav--mobile .nav { display: block!important; margin-top: 20px!important;}
}
.nav-toggle.is-active .nav-toggle__bar:nth-child(1) { transform: translateY(2px) rotate(45deg) !important; }
.nav-toggle.is-active .nav-toggle__bar:nth-child(2) { opacity: 0; }
.nav-toggle.is-active .nav-toggle__bar:nth-child(3) { transform: translateY(-2px) rotate(-45deg)!important; }
.nav--mobile {background: #fff!important;}
@media (max-width: 768px)
{
	.hero--layout-08-1 .hero__inner {
    grid-template-columns: 1fr!important;
}
}

@media (max-width: 1024px) {
    .site-header__nav-group { display: none; } /* desktop nav + CTA hidden; mobile overlay has its own */
    .nav-toggle { display: flex; }
    .nav--mobile .nav { display: block!important; margin-top: 20px!important;}
}

/**MOBILE MENU***/
@media (max-width: 920px) {

.site-header { box-shadow: 0 2px 16px rgba(25, 6, 45, 0.08); }

    .site-header__inner {
    border-bottom: 1px solid #ffffff33;
}
    .nav--mobile {
    height: stretch;
    top: 45px !important;
    z-index: 5;
    }

  /* --- Row layout: link fills, arrow pushed far right --- */
  .nav--mobile .menu-item--has-children,
  .nav--mobile .menu-item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
  }

  .nav--mobile .menu-item > a {
    flex: 1 1 auto;
    display: block;
    padding: 18px 0;            /* vertical rhythm — tune to taste */
    color: var(--color-primary);            /* muted brownish-rose — replace with exact Figma hex */
    text-decoration: none;
  }

  /* Arrow button pushed to the far right */
  .submenu-toggle {
    margin-left: auto;          /* <-- this is what pushes it right */
    flex: 0 0 auto;
    background: none;
    border: 0;
    padding: 0;
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: var(--color-primary);           /* same as link */
  }

  .submenu-toggle__icon {
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform .25s ease;
  }

  .menu-item--has-children.is-open > .submenu-toggle .submenu-toggle__icon {
    transform: rotate(-135deg);
  }

  /* --- Submenu items: same color and spacing --- */
  .nav--mobile .nav__dropdown {
    flex: 1 0 100%;
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: max-height .3s ease;
  }

  .nav--mobile .menu-item--has-children.is-open > .nav__dropdown {
    max-height: 1000px;
  }

  .nav--mobile .nav__dropdown .menu-item > a {
    padding: 14px 0;
    color: var(--color-primary);
  }

  /* First and last items often need trimming if the theme adds borders/margins */
  .nav--mobile > ul > li:first-child > a { padding-top: 12px; }
  .nav--mobile > ul > li:last-child  > a { padding-bottom: 24px; }

  .nav--mobile .current_page_item.menu-item > a {
    color: var(--color-secondary)!important;
}
.nav--mobile .nav-toggle { display: none !important; }

.nav-toggle__bar {
    width: 100%;
    height: 2px;
    background: var(--color-primary);
    border-radius: var(--radius-pill);
    transition: transform var(--transition-base), opacity var(--transition-base);
}

.nav-toggle.is-active .nav-toggle__bar:nth-child(1) { transform: translateY(6px) rotate(45deg) !important; }
.nav-toggle.is-active .nav-toggle__bar:nth-child(2) { opacity: 0; }
.nav-toggle.is-active .nav-toggle__bar:nth-child(3) { transform: translateY(-9px) rotate(-45deg)!important; }

.nav__cta {display: none; }
}