/* TradesFolks 18.4.16 — header balance refinement
   Additive-only visual refinement over 18.4.15. */

.site-header.premium-header{
  --tf-header-max:1920px;
}

/* Top utility bar: stronger brand claim, balanced spacing. */
.site-header.premium-header .utility-bar .utility-inner{
  width:min(var(--tf-header-max), calc(100% - 48px))!important;
  margin-inline:auto!important;
  padding-inline:0!important;
  min-height:42px!important;
}
.site-header.premium-header .tf-marketplace-claim{
  display:inline-flex!important;
  align-items:center!important;
  white-space:nowrap!important;
  color:#e8eef9!important;
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:-.01em!important;
}
.site-header.premium-header .tf-marketplace-claim strong{
  color:#f5bd37!important;
  font-weight:900!important;
}
.site-header.premium-header .tf-marketplace-claim .tf-claim-separator{
  color:#aebbd0!important;
}

/* Main header row: align logo/search/account controls on one optical axis. */
.site-header.premium-header .header-main-inner{
  width:min(var(--tf-header-max), calc(100% - 48px))!important;
  margin-inline:auto!important;
  padding-top:14px!important;
  padding-bottom:14px!important;
  column-gap:22px!important;
  align-items:center!important;
}
.site-header.premium-header .brand-logo{
  flex:0 0 92px!important;
  width:92px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
}
.site-header.premium-header .brand-logo img{
  display:block!important;
  max-width:76px!important;
  max-height:66px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
}
.site-header.premium-header .header-search-area{
  min-width:0!important;
  flex:1 1 auto!important;
}
.site-header.premium-header .header-actions{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
  white-space:nowrap!important;
}
.site-header.premium-header .header-actions > *{
  margin:0!important;
}

/* Search bar proportions: retain working voice/search fix but make it less visually heavy. */
@media (min-width:1024px){
  .site-header.premium-header .global-search{
    height:56px!important;
    min-height:56px!important;
    grid-template-columns:166px minmax(300px,1fr) 52px 136px!important;
    border-radius:14px!important;
  }
  .site-header.premium-header .global-search > select,
  .site-header.premium-header .global-search > input[name="q"],
  .site-header.premium-header .global-search > .tf-header-desktop-voice{
    height:52px!important;
    min-height:52px!important;
  }
  .site-header.premium-header .global-search > .tf-header-search-submit{
    height:56px!important;
    min-height:56px!important;
    width:136px!important;
    min-width:136px!important;
    max-width:136px!important;
  }

  /* Keep seller CTA highlighted without overpowering the utility bar. */
  .site-header.premium-header .utility-bar .tf-utility-seller-cta{
    min-height:34px!important;
    padding:5px 14px!important;
    border-radius:9px!important;
    font-size:13px!important;
  }
}

/* Primary nav gets the same content rails as the two rows above. */
.site-header.premium-header .primary-nav .primary-nav-inner,
.site-header.premium-header .category-nav .category-nav-inner{
  width:min(var(--tf-header-max), calc(100% - 48px))!important;
  margin-inline:auto!important;
}
.site-header.premium-header .category-nav{
  border-top:1px solid #e9edf3!important;
  border-bottom:1px solid #e3e8ef!important;
}
.site-header.premium-header .category-nav .category-nav-inner{
  min-height:58px!important;
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
}
.site-header.premium-header .category-nav a,
.site-header.premium-header .category-nav button{
  white-space:nowrap!important;
}

/* Mid-size desktops/laptops: preserve room for account actions. */
@media (min-width:1024px) and (max-width:1499px){
  .site-header.premium-header .utility-bar .utility-inner,
  .site-header.premium-header .header-main-inner,
  .site-header.premium-header .primary-nav .primary-nav-inner,
  .site-header.premium-header .category-nav .category-nav-inner{
    width:calc(100% - 32px)!important;
  }
  .site-header.premium-header .header-main-inner{column-gap:14px!important}
  .site-header.premium-header .brand-logo{flex-basis:78px!important;width:78px!important}
  .site-header.premium-header .brand-logo img{max-width:68px!important}
  .site-header.premium-header .global-search{
    grid-template-columns:132px minmax(230px,1fr) 46px 112px!important;
  }
  .site-header.premium-header .global-search > .tf-header-desktop-voice{
    width:46px!important;min-width:46px!important;
  }
  .site-header.premium-header .global-search > .tf-header-search-submit{
    width:112px!important;min-width:112px!important;max-width:112px!important;
  }
  .site-header.premium-header .header-actions{gap:9px!important}
  .site-header.premium-header .tf-marketplace-claim{font-size:12.5px!important}
}

/* Mobile/tablet: keep claim compact and do not disturb existing app-like header. */
@media (max-width:1023px){
  .site-header.premium-header .utility-bar .utility-inner{
    width:calc(100% - 24px)!important;
  }
  .site-header.premium-header .tf-marketplace-claim{
    font-size:11px!important;
    max-width:58vw!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .site-header.premium-header .tf-marketplace-claim .tf-claim-separator{display:none!important}
  .site-header.premium-header .tf-marketplace-claim strong{margin-right:4px!important}
}