/*
 * Business Voice C10 R1 HF58
 * Definitive How It Works dropdown repair.
 *
 * Root cause found:
 * The theme fallback emitted <ul class="sub-menu"> beneath How It Works but
 * omitted WordPress's `menu-item-has-children` class on the parent <li>.
 * Therefore the dropdown CSS never matched that fallback markup and the
 * submenu stayed visible in normal document flow, enlarging the white header.
 *
 * HF58 fixes the markup and adds a direct-child CSS safety net.
 */

/* Desktop/tablet navigation: any direct submenu under the primary menu is a
   floating dropdown, even if a future walker omits the WP parent class. */
@media (min-width:961px){
  .navbar .menu > li{
    position:relative;
  }

  .navbar .menu > li > .sub-menu{
    position:absolute!important;
    left:-14px!important;
    top:calc(100% - 2px)!important;
    min-width:292px!important;
    margin:0!important;
    padding:9px!important;
    list-style:none!important;
    background:#fff!important;
    border:1px solid #dce4eb!important;
    border-radius:10px!important;
    box-shadow:0 12px 28px rgba(5,30,52,.12)!important;
    opacity:0!important;
    visibility:hidden!important;
    pointer-events:none!important;
    transform:translateY(7px)!important;
    transition:opacity .18s ease, transform .18s ease, visibility .18s ease!important;
    z-index:1000!important;
    white-space:normal!important;
  }

  .navbar .menu > li:hover > .sub-menu,
  .navbar .menu > li:focus-within > .sub-menu{
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
  }

  .navbar .menu > li > .sub-menu > li{
    display:block!important;
    margin:0!important;
    padding:0!important;
    list-style:none!important;
  }

  .navbar .menu > li > .sub-menu > li > a{
    display:flex!important;
    align-items:center!important;
    width:100%!important;
    min-height:42px!important;
    padding:9px 11px!important;
    border:0!important;
    border-radius:6px!important;
    color:#173852!important;
    font-size:12px!important;
    line-height:1.35!important;
    text-decoration:none!important;
  }

  .navbar .menu > li > .sub-menu > li > a::after{
    display:none!important;
  }

  .navbar .menu > li > .sub-menu > li > a:hover,
  .navbar .menu > li > .sub-menu > li.current-menu-item > a,
  .navbar .menu > li > .sub-menu > li.current_page_item > a{
    background:#f4f8fc!important;
    color:#A1081D!important;
  }

  /* Keep the shell itself compact: an open submenu must never establish a
     second row inside the white header. */
  .navbar__inner,
  .navbar__content,
  .navbar .menu{
    overflow:visible!important;
  }
}

/* Mobile drawer remains intentionally in-flow. */
@media (max-width:960px){
  .navbar .menu > li > .sub-menu{
    position:static!important;
    min-width:0!important;
    margin:0!important;
    padding:0 0 0 14px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
    opacity:1!important;
    visibility:visible!important;
    pointer-events:auto!important;
    transform:none!important;
    list-style:none!important;
  }

  .navbar .menu > li > .sub-menu > li{
    list-style:none!important;
  }
}