/* ───────────────────────────────────────────────────────────────
   Reset & Base
─────────────────────────────────────────────────────────────── */

.bhfb.bhfb-header.bhfb-desktop{
    z-index: 9999;
}


.g9-menu,
.g9-menu-list,
.g9-menu-list ul,
.main-dropdown,
.submenu,
.sub-submenu {
  margin: 0;
  padding: 0;
  list-style: none !important;
}

/* Top‑level */
.g9-menu {
  position: relative;
  z-index: 9999;
}
.g9-menu-list {
  display: flex;
  margin-right: 30px;
  justify-content: start;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.g9-menu-list .main-item {
  cursor: pointer;
  position: relative;
}

/* Panel */
.main-dropdown {
  position: fixed;
  top: 0;         /* overwritten via JS */
  left: 0;        /* always at viewport’s left edge */
  min-height: calc(-123px + 100vh);
  width: 420px;
  background: #F8F6F2;
  z-index: 50;
}

/* Position sub‑panels to the right */
.main-dropdown.sub-panel {
  left: 420px;
  margin-left: 8px;
  background: #F8F6F2;
}

/* Submenu (tabs) */
.submenu {
    display: flex;
    justify-content: start;
    align-items: start;
    flex-wrap: wrap;
    text-transform: uppercase;
    gap: 0;
    padding: 40px;
    padding-bottom: 10px;
}
.submenu-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0;
    padding: 0 0 20px 0;
    /* font-family: Roboto !important; */
    font-size: 22px !important;
    font-weight: 400 !important;
    line-height: 25.78px !important;
    text-align: left !important;
    width: 100% !important;
}
.submenu-title .close-icon {
  margin-left: 1em;
  cursor: pointer;
  font-size: 1.2em;
}

/* Tab links */
.sub-menu-link {
  text-decoration: none;
  /* padding: 0.5em 0.75em; */
  display: block;
}
.sub-menu-link.active {
  /* border-bottom: 2px solid #333; */
}

/* Sub‑submenu content */
.sub-submenu {
  position: unset;
  top: unset ;
  max-height: 35vh;
  overflow-y: auto;
}
.sub-sub-item{
  position: static;
  padding: 12px 40px;
  border-top: 1px solid #99999966;
  margin-bottom: 0;
}
.sub-sub-item + .sub-sub-item {
  /* margin-top: 0.1em; */
}
.sub-sub-menu-link {
  text-decoration: none;
}

/* Mobile fallback (optional—you can refine) */
@media (max-width: 768px) {
  .main-dropdown {
    position: static;
    box-shadow: none;
  }
}

.main-dropdown.sub-panel .submenu{

    padding: 40px 40px 14px 40px;
    border-bottom: 1px solid #99999966;
}

.submenu .submenu-all-link a{

    min-width: 340px;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
    /* font-family: Roboto !important; */
    color: #1E1E1E !important;
    font-weight: 500 ;
    font-size: 13px ;
}
img.arrow-icon {
  width:17px;
  height:14px;
}
.sub-submenu .sub-sub-sub-item a{

    /* font-family: Roboto !important; */
    font-size: 14px ;
    font-weight: 400 ;
    line-height: 16.41px !important;
    text-align: left ;
    padding: 8px 40px ;
    color: #1E1E1E !important;
    display: flex;
    text-decoration: none;text-transform:uppercase;
}

/* ───────────────────────────────────────────────────────────────
   Full‑page menu overlay
─────────────────────────────────────────────────────────────── */
.menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(36, 36, 36, 0.2);
    display: none;
    z-index: 999;
}


.sub-submenu .sub-sub-item .sub-sub-menu-link{

    /* font-family: Roboto !important; */
    font-size: 14px ;
    font-weight: 400 ;
    line-height: 16.41px ;
    text-align: left ;
    color: #1E1E1E !important;text-transform:uppercase;
}

.tab-content .submenu li.sub-item:not(:last-child) {
    margin-right: 20px;
}

.sub-menu-link.tab-trigger{
    /* font-family: Roboto !important; */
    font-size: 14px ;
    font-weight: 400 ;
    line-height: 16.41px ;
    text-align: left ;
    color: #A4A4A4 !important;
    padding: 0 0 0 0;
}

.sub-menu-link.tab-trigger.active{
    color: #1E1E1E !important;
    font-weight: 500 ;
    font-size: 14px ;
    padding: 0 0 0px 0;
}

.main-dropdown .submenu .sub-item{
    margin-right: 18px;padding-bottom:10px !important;
}

/*base module links*/

.footer_module_links{
    margin-top: 30px;
}

.footer_module_links ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer_module_links ul li{
    margin: 0;
    margin-bottom: 16px;
    padding: 0 40px;
    color: #1E1E1E;
}

.footer_module_links ul li a{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 15px;
}

.footer_module_links ul li a .link-text{
    font-family: Roboto;
    font-size: 16px ;
    font-weight: 500 ;
    line-height: 18.75px ;
    text-align: left ;
    color: #1E1E1E ;
}

.footer_module_links .arrow-icon { 
  opacity: 0;
  transition: opacity 0.4s;
}

/* When the anchor is hovered, target the child icon */
.footer_module_links a:hover .arrow-icon {
  opacity: 1;
}

.sub-sub-item:hover{
    background: #FAF1D0;
    border-top: 1px solid transparent;
}

.sub-sub-sub-item:hover{
    background: #FAF1D0;
}

.g9-menu .submenu .submenu-title{
    color: #1E1E1E;
}

.header-transparent-wrapper .g9-menu .g9-menu-list .main-item a{
    color: #fff;
} 
.g9-menu .g9-menu-list .main-item a{
    color: #53585C;
} 
/* Highlight active main menu item */
.g9-menu-list .main-item.active > a {
  border-bottom: 1px solid #53585C;
}

.header-transparent-wrapper .g9-menu-list .main-item.active > a {
  border-bottom: 1px solid #fff;
}