/* v0.11.44 — Mobile header / overflow hard fix */
.bdi-mobile-nav-add{display:none}

@media (max-width:860px){
  html,body{max-width:100%;overflow-x:clip}
  .site-header{overflow:visible}
  .site-header .bdi-container{width:min(100% - 24px,var(--bdi-container))}
  .site-header__inner{
    display:grid;
    grid-template-columns:minmax(0,1fr) auto auto;
    align-items:center;
    gap:8px;
    min-height:68px;
    position:relative;
  }
  .site-branding{min-width:0;overflow:hidden}
  .bdi-brand{min-width:0;max-width:100%;gap:8px}
  .bdi-brand__mark{flex:0 0 36px;width:36px;height:36px;border-radius:11px}
  .bdi-brand__text{min-width:0;overflow:hidden}
  .bdi-brand__text strong{
    display:block;
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:17px;
  }
  .bdi-brand__text small{display:none}

  .bdi-header-tools{
    order:2;
    display:flex;
    min-width:0;
    margin:0;
    gap:0;
  }
  .bdi-weather-pill,.bdi-header-add{display:none}
  .bdi-location-control{min-width:0}
  .bdi-location-pill{
    height:40px;
    max-width:108px;
    min-width:0;
    gap:5px;
    padding:0 9px;
  }
  .bdi-location-pill svg{flex:0 0 16px;width:16px;height:16px}
  .bdi-location-pill__name{
    min-width:0;
    max-width:56px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size:12px;
  }
  .bdi-location-pill__chev{flex:0 0 auto}

  .bdi-menu-toggle{
    order:3;
    position:relative;
    z-index:1301;
    display:flex;
    flex:0 0 40px;
    width:40px;
    height:40px;
    padding:9px;
    flex-direction:column;
    justify-content:center;
    border:1px solid #dfe8e5;
    border-radius:11px;
    background:#fff;
    box-shadow:0 4px 14px rgba(20,59,49,.04);
    cursor:pointer;
  }
  .bdi-menu-toggle span{
    display:block;
    width:100%;
    height:2px;
    margin:2.5px 0;
    border-radius:2px;
    background:#17342c;
    transition:transform .18s ease,opacity .18s ease;
  }
  .bdi-menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .bdi-menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
  .bdi-menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

  .site-nav{
    position:absolute;
    z-index:1300;
    left:0;
    right:0;
    top:calc(100% + 8px);
    width:auto;
    max-height:calc(100vh - 94px);
    margin:0;
    padding:14px;
    overflow-y:auto;
    overflow-x:hidden;
    border:1px solid var(--bdi-border);
    border-radius:15px;
    background:#fff;
    box-shadow:0 20px 50px rgba(0,0,0,.12);
  }
  .site-nav:not(.is-open){display:none}
  .site-nav.is-open{display:block}
  .site-nav .bdi-primary-menu{display:block;width:100%;min-width:0}
  .site-nav .bdi-primary-menu>li,.site-nav .bdi-primary-menu a{max-width:100%}

  /* Mobile submenu: keep every child label readable on the white drawer. */
  .site-nav .bdi-primary-menu .sub-menu{
    margin:6px 0 8px 12px;
    padding:5px 0 5px 9px;
    border-left:2px solid #d8e8e3;
    background:transparent;
  }
  .site-nav .bdi-primary-menu .sub-menu li{
    margin:0;
    border-bottom:1px solid #edf2f0;
  }
  .site-nav .bdi-primary-menu .sub-menu li:last-child{border-bottom:0}
  .site-nav .bdi-primary-menu .sub-menu a,
  .site-nav .bdi-primary-menu .sub-menu a:visited{
    display:flex;
    align-items:center;
    min-height:38px;
    padding:9px 10px;
    border-radius:8px;
    background:#f8fbfa;
    color:#263a33;
    font-size:12px;
    font-weight:600;
    line-height:1.35;
    text-decoration:none;
    opacity:1;
  }
  .site-nav .bdi-primary-menu .sub-menu a:hover,
  .site-nav .bdi-primary-menu .sub-menu .current-menu-item>a{
    background:#eaf6f2;
    color:#075e54;
  }
  .site-nav .bdi-primary-menu .sub-menu .bdi-menu-icon,
  .site-nav .bdi-primary-menu .sub-menu .dashicons{
    color:#087f6b;
    opacity:1;
  }
  .bdi-mobile-nav-add{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    min-height:42px;
    margin-top:12px;
    border-radius:10px;
    background:var(--bdi-primary);
    color:#fff;
    text-decoration:none;
    font-size:13px;
    font-weight:800;
  }
  .bdi-location-menu{position:fixed;left:12px;right:12px;top:76px;width:auto;max-width:none}

  /* Prevent the hero search from creating page-level horizontal overflow. */
  .bdi-hero--split .bdi-search{
    width:100%;
    max-width:100%;
    grid-template-columns:1fr;
    overflow:hidden;
  }
  .bdi-hero--split .bdi-search label{
    width:100%;
    min-width:0;
    border-right:0;
    border-bottom:1px solid rgba(255,255,255,.10);
  }
  .bdi-hero--split .bdi-search label:last-of-type{border-bottom:0}
  .bdi-hero--split .bdi-search input,
  .bdi-hero--split .bdi-search select{min-width:0;width:100%}
  .bdi-hero--split .bdi-search button{width:100%;min-height:44px}
}

@media (max-width:480px){
  .site-header .bdi-container{width:min(100% - 20px,var(--bdi-container))}
  .site-header__inner{gap:6px}
  .bdi-brand__mark{flex-basis:34px;width:34px;height:34px}
  .bdi-brand__text strong{font-size:15px;letter-spacing:-.02em}
  .bdi-location-pill{max-width:92px;padding:0 7px}
  .bdi-location-pill__name{max-width:48px;font-size:11px}
  .bdi-menu-toggle{flex-basis:38px;width:38px;height:38px;padding:8px}
}

@media (max-width:360px){
  .bdi-brand__text strong{font-size:14px}
  .bdi-location-pill{max-width:82px}
  .bdi-location-pill__name{max-width:40px}
}