/* MBHS Menu Thumbnails & Mega Menu v1.5 */
.mbhs-menu-thumb-wrap{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;margin-inline-end:10px;vertical-align:middle}
.mbhs-menu-thumb{display:block;width:42px;height:42px;object-fit:cover;border:1px solid #d6ad42;border-radius:5px;padding:0;box-sizing:border-box}
.mbhs-has-thumbnail>a{display:flex;align-items:center;min-width:0}

/* Desktop: hide thumbnail only for direct top-level items, never submenu links. */
@media(min-width:1025px){
  .primary-menu-container>ul>li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap,
  .primary-menu-container>.menu>li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap,
  #site-navigation>ul>li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap,
  #site-navigation>.menu>li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap,
  .header-navigation>.header-menu-container>ul>li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap,
  .header-navigation>.header-menu-container>.menu>li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap{display:none!important}
}

/* Desktop mega menu panel and compact card rows. */
@media(min-width:1025px){
  li.mbhs-mega-menu{position:static!important}
  li.mbhs-mega-menu>.sub-menu{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    align-items:start;
    gap:2px 10px!important;
    position:absolute!important;
    left:50%!important;right:auto!important;
    transform:translateX(-50%);
    width:min(920px,calc(100vw - 40px))!important;
    min-width:560px;
    padding:10px 14px!important;
    box-sizing:border-box;
    background:#0b1c36!important;
    border:1px solid #b88e31;
    z-index:99999;
  }
  li.mbhs-mega-menu>.sub-menu>li{display:block!important;float:none!important;width:auto!important;min-width:0!important;margin:0!important;padding:0!important;list-style:none!important}
  li.mbhs-mega-menu>.sub-menu>li>a{
    display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
    gap:9px!important;width:100%!important;min-width:0!important;min-height:48px;
    box-sizing:border-box!important;padding:4px 7px!important;
    color:#fff!important;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important;
    line-height:1.25!important;text-decoration:none;border-radius:4px;
  }
  li.mbhs-mega-menu>.sub-menu>li>a>.mbhs-menu-thumb-wrap{
    display:inline-flex!important;flex:0 0 52px!important;width:52px!important;height:52px!important;margin:0!important;
  }
  li.mbhs-mega-menu>.sub-menu .mbhs-menu-thumb{display:block!important;width:52px!important;height:52px!important;max-width:52px!important;border:1px solid #d6ad42!important;border-radius:5px}
  li.mbhs-mega-menu>.sub-menu>li>a:hover{background:rgba(214,173,66,.14)!important}
  /* Keep submenu open while pointer/focus is anywhere within parent li, including submenu. */
  li.mbhs-mega-menu > .sub-menu{
    visibility:hidden;
    opacity:0;
    pointer-events:none;
    transition:opacity .12s ease, visibility .12s ease;
  }
  li.mbhs-mega-menu:hover > .sub-menu,
  li.mbhs-mega-menu:focus-within > .sub-menu,
  li.mbhs-mega-menu > .sub-menu:hover{
    visibility:visible!important;
    opacity:1!important;
    pointer-events:auto!important;
  }
  /* Transparent bridge covers the small vertical gap between nav bar and panel. */
  li.mbhs-mega-menu > .sub-menu:before{
    content:"";
    position:absolute;
    top:-14px;
    left:0;
    right:0;
    height:14px;
    display:block;
    background:transparent;
    pointer-events:auto;
  }
  li.mbhs-mega-menu>a:after,
  li.mbhs-mega-menu>a .dropdown-nav-toggle,
  li.mbhs-mega-menu>a .kadence-svg-iconset,
  li.mbhs-mega-menu>a .sub-menu-toggle,
  li.mbhs-mega-menu>a .dropdown-toggle{display:none!important}
  li.mbhs-mega-menu>a{padding-inline-end:0!important}
}

/* Mobile: preserve Kadence's existing expandable menu and keep labels alongside images. */
@media(max-width:1024px){
  li.mbhs-has-thumbnail>a{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;min-height:58px;white-space:normal!important;overflow-wrap:normal!important;word-break:normal!important}
  li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap{display:inline-flex!important;flex:0 0 42px!important;width:42px!important;height:42px!important;margin:0!important}
  li.mbhs-has-thumbnail>a .mbhs-menu-thumb{width:42px!important;height:42px!important;max-width:42px!important;border:1px solid #d6ad42!important;border-radius:5px}
  li.mbhs-has-thumbnail>a .menu-item-label,li.mbhs-has-thumbnail>a .kadence-menu-item-text,li.mbhs-has-thumbnail>a .wp-block-navigation-item__label{flex:1 1 auto;min-width:0}
}
@media(max-width:480px){
  li.mbhs-has-thumbnail>a>.mbhs-menu-thumb-wrap{flex-basis:38px!important;width:38px!important;height:38px!important}
  li.mbhs-has-thumbnail>a .mbhs-menu-thumb{width:38px!important;height:38px!important;max-width:38px!important}
}
