/* TradesFolks 18.4.37 — Desktop Header Geometry Fix
   One compact sizing system for search + account + compare + cart. */
@media(min-width:1024px){
  .site-header.premium-header .utility-inner,
  .site-header.premium-header .header-main.shell,
  .site-header.premium-header .nav-inner{
    width:min(100% - 36px,1880px)!important;
    max-width:1880px!important;
    margin-inline:auto!important;
  }

  .site-header.premium-header .utility-bar{height:34px!important;min-height:34px!important}
  .site-header.premium-header .utility-inner{
    height:34px!important;min-height:34px!important;
    display:flex!important;align-items:center!important;justify-content:space-between!important;
    gap:20px!important;padding:0!important;font-size:11px!important;
  }
  .site-header.premium-header .utility-inner nav{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:20px!important;min-width:0!important;white-space:nowrap!important;
  }
  .site-header.premium-header .utility-bar .tf-utility-seller-cta{
    min-height:30px!important;height:30px!important;
    padding:0 14px!important;border-radius:8px!important;font-size:11px!important;
  }

  .site-header.premium-header .header-main.shell{
    display:grid!important;
    grid-template-columns:58px minmax(360px,1fr) auto!important;
    align-items:center!important;
    gap:12px!important;
    min-height:68px!important;
    padding:7px 0!important;
    overflow:visible!important;
  }
  .site-header.premium-header .brand{
    width:58px!important;min-width:58px!important;height:52px!important;
    display:flex!important;align-items:center!important;justify-content:flex-start!important;
    margin:0!important;padding:0!important;
  }
  .site-header.premium-header .brand img{
    width:auto!important;max-width:54px!important;height:48px!important;max-height:48px!important;
    object-fit:contain!important;object-position:left center!important;
  }

  .site-header.premium-header .global-search{
    width:100%!important;min-width:0!important;
    height:48px!important;min-height:48px!important;
    grid-template-columns:124px minmax(180px,1fr) 44px 104px!important;
    border:1.5px solid #0b5cc7!important;border-radius:11px!important;
    overflow:hidden!important;margin:0!important;
  }
  .site-header.premium-header .global-search>select,
  .site-header.premium-header .global-search>input[name="q"]{
    height:46px!important;min-height:46px!important;
    font-size:12.5px!important;
  }
  .site-header.premium-header .global-search>select{padding-inline:14px!important}
  .site-header.premium-header .global-search>input[name="q"]{padding-inline:14px 8px!important}
  .site-header.premium-header .global-search>.tf-header-desktop-voice{
    width:44px!important;min-width:44px!important;height:46px!important;min-height:46px!important;
  }
  .site-header.premium-header .global-search>.tf-header-search-submit{
    width:104px!important;min-width:104px!important;max-width:104px!important;
    height:48px!important;min-height:48px!important;max-height:48px!important;
    padding:0 12px!important;border-radius:0 10px 10px 0!important;
    font-size:12px!important;font-weight:800!important;
  }

  .site-header.premium-header .header-actions{
    display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:6px!important;width:auto!important;min-width:0!important;height:48px!important;
    margin:0!important;padding:0!important;white-space:nowrap!important;
  }
  .site-header.premium-header .header-actions>a{
    flex:0 0 auto!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;
    height:42px!important;min-height:42px!important;
    margin:0!important;
    font-size:11.5px!important;line-height:1!important;font-weight:750!important;
    border-radius:10px!important;box-sizing:border-box!important;
  }
  .site-header.premium-header .header-actions>.account-link{
    max-width:86px!important;
    padding:0 6px!important;
    overflow:hidden!important;text-overflow:ellipsis!important;
    color:#172238!important;
  }
  .site-header.premium-header .header-actions>.join-button{
    min-width:102px!important;padding:0 12px!important;
    border:1.5px solid #0b5cc7!important;background:#fff!important;color:#0b4ca5!important;
  }
  .site-header.premium-header .header-actions>.compare-header-link{
    min-width:108px!important;padding:0 12px!important;
    background:#071b46!important;color:#fff!important;
  }
  .site-header.premium-header .header-actions>.shopping-cart-link{
    min-width:112px!important;width:auto!important;padding:0 11px!important;
    background:#071b46!important;color:#fff!important;
  }
  .site-header.premium-header .header-actions>.compare-header-link span,
  .site-header.premium-header .shopping-cart-link b[data-cart-count]{
    display:grid!important;place-items:center!important;
    min-width:22px!important;height:22px!important;margin-left:7px!important;padding:0 5px!important;
    border:0!important;border-radius:999px!important;
    background:#f5bd37!important;color:#071b46!important;
    font-size:10px!important;font-weight:900!important;
    position:static!important;transform:none!important;
  }
  .site-header.premium-header .shopping-cart-link .cart-svg-icon{
    width:22px!important;height:22px!important;margin-right:7px!important;
    border-radius:7px!important;background:#f5bd37!important;color:#075bc5!important;
  }
  .site-header.premium-header .shopping-cart-link .cart-svg-icon svg{width:16px!important;height:16px!important}
  .site-header.premium-header .shopping-cart-link>span:not(.cart-svg-icon){
    display:inline!important;
    margin:0!important;padding:0 7px!important;
    border-radius:999px!important;
    background:#f5bd37!important;color:#071b46!important;
  }

  .site-header.premium-header .nav-row{
    height:44px!important;min-height:44px!important;border-top:1px solid #edf0f4!important;
    border-bottom:1px solid #e5e9f0!important;
  }
  .site-header.premium-header .nav-inner{
    min-height:44px!important;height:44px!important;padding:0!important;
    display:flex!important;align-items:center!important;gap:26px!important;
  }
  .site-header.premium-header .category-trigger{
    height:36px!important;min-height:36px!important;
    padding:0 12px!important;border-radius:9px!important;font-size:11.5px!important;
  }
  .site-header.premium-header .tf-market-nav{gap:30px!important;min-width:0!important}
  .site-header.premium-header .tf-market-nav>*>button,
  .site-header.premium-header .tf-market-nav>a{font-size:11.5px!important;white-space:nowrap!important}
}

/* Mid-size desktop/laptop: preserve search width by collapsing greeting first. */
@media(min-width:1024px) and (max-width:1279px){
  .site-header.premium-header .utility-inner,
  .site-header.premium-header .header-main.shell,
  .site-header.premium-header .nav-inner{width:calc(100% - 24px)!important}

  .site-header.premium-header .header-main.shell{
    grid-template-columns:52px minmax(320px,1fr) auto!important;
    gap:9px!important;
  }
  .site-header.premium-header .brand{width:52px!important;min-width:52px!important}
  .site-header.premium-header .brand img{max-width:48px!important;height:44px!important}
  .site-header.premium-header .global-search{
    grid-template-columns:104px minmax(150px,1fr) 40px 88px!important;
  }
  .site-header.premium-header .global-search>.tf-header-search-submit{
    width:88px!important;min-width:88px!important;max-width:88px!important;
  }
  .site-header.premium-header .header-actions{gap:5px!important}
  .site-header.premium-header .header-actions>.account-link{display:none!important}
  .site-header.premium-header .header-actions>.join-button{min-width:86px!important;padding:0 9px!important}
  .site-header.premium-header .header-actions>.compare-header-link{min-width:92px!important;padding:0 9px!important}
  .site-header.premium-header .header-actions>.shopping-cart-link{min-width:96px!important;padding:0 8px!important}
  .site-header.premium-header .utility-inner nav{gap:12px!important}
  .site-header.premium-header .tf-market-nav{gap:20px!important}
}

/* Large desktop: slightly more breathing room but same compact geometry. */
@media(min-width:1600px){
  .site-header.premium-header .header-main.shell{gap:16px!important}
  .site-header.premium-header .header-actions{gap:8px!important}
}
