/* ---------- Base (Desktop) ---------- */
.wp-block-navigation .wp-block-navigation__submenu-container {
    background: #ffffff !important;
    border: 1px solid #ddd !important;
    padding: 0 !important;
    border-radius: 6px !important;
    box-shadow: 0 4px 12px rgba(0,0,0,0.1) !important;
    min-width: 182px !important; /* your 30% narrower width */
    overflow: hidden; /* keep rounded corners clean */
}

/* Items */
.wp-block-navigation .wp-block-navigation__submenu-container li {
    padding: 9px 14px !important; /* ~20% shorter height retained */
    border-bottom: 1px solid #eee !important;
    list-style: none !important;
}
.wp-block-navigation .wp-block-navigation__submenu-container li:last-child {
    border-bottom: none !important;
}

/* Links */
.wp-block-navigation .wp-block-navigation__submenu-container a {
    display: block !important;
    color: #333 !important;
    text-decoration: none !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
}

/* Keep items static on hover (desktop) */
.wp-block-navigation .wp-block-navigation__submenu-container li:hover {
    background: none !important;
}

/* ---------- Motion preferences ---------- */
@media (prefers-reduced-motion: reduce) {
    .wp-block-navigation .wp-block-navigation__submenu-container,
    .wp-block-navigation .wp-block-navigation__submenu-container a {
        transition: none !important;
    }
}

@media all and (max-width: 1024px) { 
    /* Force all submenus to stay collapsed by default */
    .wp-block-navigation .wp-block-navigation__submenu-container {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        overflow: hidden !important;
    }

 /* Keep submenu open when the toggle is expanded */
.wp-block-navigation-item.has-child .wp-block-navigation-submenu__toggle[aria-expanded="true"] ~ .wp-block-navigation__submenu-container {
    display: block !important;
    visibility: visible !important;
    height: auto !important;
    opacity: 1 !important;
}



.hero-cover {
  position: relative;
  overflow: visible !important;
}

/* IMPORTANT: this must be relative (not static) */
.hero-cover .wp-block-cover__inner-container {
  position: relative;
  overflow: visible !important;
}

/* Your blue box */
.blue-overlap {
  position: absolute;
  bottom: -80px;
  right: 60px;
  width: 360px;
  z-index: 999;
}