/* ---------- Header ---------- */
/* collapse the paper seams so trust-strip + nav read as one dark unit */
.bf-header > *{margin-block:0 !important}
.bf-header{margin-block-end:0 !important}
main.wp-block-group{margin-block-start:0 !important}

.bf-trust-strip{margin:0}
.bf-trust-strip p{margin:0}

/* dark bar — sticks to top on scroll */
.bf-navbar{position:sticky;top:0;z-index:50;box-shadow:0 12px 30px -26px rgba(8,36,15,.95)}
.bf-navbar .alignwide{align-items:center;gap:1.25rem}

.bf-logo{margin:0;flex:0 0 auto}
.bf-logo img{display:block;width:168px;max-width:none}

/* primary nav — animated underline on hover */
.bf-navbar .wp-block-navigation{--wp--style--block-gap:1.15rem;flex-wrap:nowrap}
.bf-navbar .wp-block-navigation a,
.bf-navbar .wp-block-navigation .wp-block-navigation-item__content{
  color:#fff;text-decoration:none;position:relative;white-space:nowrap;padding-block:2px}
.bf-navbar .wp-block-navigation .wp-block-navigation-item__content::after{
  content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:var(--bf-radius);
  background:var(--bf-green);transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
.bf-navbar .wp-block-navigation .wp-block-navigation-item:hover .wp-block-navigation-item__content::after{transform:scaleX(1)}
.bf-navbar .wp-block-navigation a:hover{color:var(--bf-green)}

/* utilities cluster: search · account · cart */
.bf-nav-utils{flex:0 0 auto;display:flex;align-items:center;gap:.85rem}

/* account + cart — consistent 23px icons, white, green on hover */
.bf-nav-utils .bf-account,
.bf-nav-utils .wc-block-mini-cart{line-height:0}
.bf-nav-utils .bf-account__trigger,
.bf-nav-utils .wc-block-mini-cart__button{
  color:#fff;display:inline-flex;align-items:center;justify-content:center;
  padding:.3rem;border-radius:var(--bf-radius);transition:color .18s ease;cursor:pointer}
.bf-nav-utils .bf-account:hover .bf-account__trigger,
.bf-nav-utils .bf-account:focus-within .bf-account__trigger,
.bf-nav-utils .wc-block-mini-cart__button:hover{color:var(--bf-green)}
.bf-nav-utils .bf-account__icon,
.bf-nav-utils .wc-block-mini-cart__icon{width:23px;height:23px;display:block}
.bf-nav-utils .wc-block-mini-cart__icon path{fill:currentColor}
.bf-nav-utils .wc-block-mini-cart__badge{font-weight:700}

/* account hover/focus dropdown */
.bf-account{position:relative}
.bf-account__pop{
  position:absolute;top:100%;right:0;margin-top:13px;min-width:212px;
  background:#fff;color:var(--bf-graphite);border:1px solid var(--bf-hairline);
  border-radius:var(--bf-radius);padding:.85rem;box-shadow:0 22px 48px -16px rgba(8,36,15,.42);
  opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s ease;z-index:60}
.bf-account__pop::before{content:"";position:absolute;top:-13px;left:0;right:0;height:13px}
.bf-account:hover .bf-account__pop,
.bf-account:focus-within .bf-account__pop{opacity:1;visibility:visible;transform:translateY(0)}
.bf-account__greet{margin:0 .35rem .5rem;padding-bottom:.55rem;font-weight:700;font-size:.78rem;
  text-transform:uppercase;letter-spacing:.06em;color:var(--bf-stone-deep);border-bottom:1px solid var(--bf-hairline)}
.bf-account__menu{list-style:none;margin:0;padding:0}
.bf-account__link{display:block;padding:.5rem .55rem;border-radius:var(--bf-radius);
  color:var(--bf-graphite);text-decoration:none;font-size:.9rem;font-weight:500;line-height:1.3}
.bf-account__link:hover{background:var(--bf-mint);color:var(--bf-green-ink)}

/* mini-cart drawer title — WooCommerce sets 2em (≈32px); out-specify it */
.wp-block-woocommerce-mini-cart-contents h2.wc-block-mini-cart__title{font-size:1.25rem;font-weight:600;line-height:1.2;letter-spacing:-0.01em}
.wp-block-woocommerce-mini-cart-contents .wp-block-woocommerce-mini-cart-title-items-counter-block{font-size:.9rem;font-weight:500;color:var(--bf-stone-deep)}

/* compact rounded search with green submit cap */
.bf-search{margin:0}
.bf-search .wp-block-search__inside-wrapper{
  border:1px solid rgba(255,255,255,.22);border-radius:var(--bf-radius);height:40px;align-items:center;
  width:fit-content;padding:0;
  background:rgba(255,255,255,.06);overflow:hidden;transition:border-color .2s ease,background .2s ease}
.bf-search:focus-within .wp-block-search__inside-wrapper{border-color:var(--bf-green);background:rgba(255,255,255,.10)}
.bf-search .wp-block-search__input{
  background:transparent;border:0;color:#fff;height:100%;min-width:0;
  font-size:.875rem;padding-inline:.95rem;width:clamp(190px,18vw,250px)}
.bf-search .wp-block-search__input::placeholder{color:rgba(255,255,255,.55)}
.bf-search .wp-block-search__button{
  background:var(--bf-green);color:var(--bf-green-ink);border:0;margin:0;padding:0;border-radius:0;
  width:42px;height:40px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;
  transition:background .18s ease}
.bf-search .wp-block-search__button:hover{background:var(--bf-green-hover)}
.bf-search .wp-block-search__button .search-icon{width:19px;height:19px}

/* drop the search pill first so the account + cart icons never get crowded out */
@media (max-width:1139.98px){.bf-search{display:none}}

/* below desktop: hamburger nav, cluster on the right */
@media (max-width:1023.98px){
  .bf-logo img{width:150px}
  .bf-navbar .alignwide{gap:.5rem;justify-content:flex-start}
  .bf-logo{margin-right:auto}
  .bf-nav-utils{order:2}
  .bf-nav{order:3}
  .bf-nav .wp-block-navigation__responsive-container-open{display:flex !important}
  .bf-nav .wp-block-navigation__responsive-container:not(.is-menu-open){display:none !important}
}

/* ---------- Mega menu (desktop dropdown panels) ---------- */
@media (min-width:1024px){
  .bf-navbar .wp-block-navigation .has-child .wp-block-navigation__submenu-container{
    display:grid !important;grid-template-columns:repeat(2,minmax(168px,1fr));gap:.1rem 1.4rem;
    left:-1px;margin-top:14px;padding:1.1rem 1.2rem;min-width:360px;
    background:#fff !important;color:var(--bf-graphite) !important;
    border:1px solid var(--bf-hairline);border-radius:var(--bf-radius);
    box-shadow:0 28px 56px -22px rgba(8,36,15,.45)}
  /* hover bridge across the gap below the bar so the panel doesn't close */
  .bf-navbar .wp-block-navigation .has-child > .wp-block-navigation__submenu-container::after{
    content:"";position:absolute;top:-16px;left:0;right:0;height:16px}
  .bf-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item{position:static}
  .bf-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content{
    color:var(--bf-graphite) !important;padding:.45rem .55rem;border-radius:var(--bf-radius);white-space:nowrap;
    font-weight:500;font-size:.92rem}
  .bf-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover,
  .bf-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content:focus{
    background:var(--bf-mint);color:var(--bf-green-ink)}
  /* kill the top-bar underline animation inside the panel */
  .bf-navbar .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after{display:none}
  /* 'Shop all X' — spans both columns, emphasised */
  .bf-navbar .wp-block-navigation__submenu-container .bf-mega-all{grid-column:1 / -1;margin-top:.4rem;
    padding-top:.55rem;border-top:1px solid var(--bf-hairline)}
  .bf-navbar .wp-block-navigation__submenu-container .bf-mega-all .wp-block-navigation-item__content{
    color:var(--bf-forest);font-weight:700}
  .bf-navbar .wp-block-navigation__submenu-container .bf-mega-all .wp-block-navigation-item__content:hover{
    background:transparent;color:var(--bf-green-deep);text-decoration:underline}
}

/* ---------- Checkout header (black logo on light) ---------- */
.bf-checkout-header{background:#fff;border-bottom:1px solid var(--bf-hairline)}
.bf-checkout-header .bf-checkout-logo{margin:0}
.bf-checkout-header .bf-checkout-logo img{display:block;width:150px;height:auto}
.bf-checkout-header a{color:var(--bf-graphite)}