/* TradesFolks 18.4.18 — Final compact utility/top-bar ownership
   Fixes oversized Become a seller and uneven vertical/horizontal spacing. */

@media (min-width:1024px){
  .site-header.premium-header .utility-bar{
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    overflow:hidden!important;
    background:#071b46!important;
  }

  .site-header.premium-header .utility-bar .utility-inner{
    width:min(1920px,calc(100% - 48px))!important;
    height:40px!important;
    min-height:40px!important;
    max-height:40px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:18px!important;
  }

  .site-header.premium-header .utility-left{
    display:flex!important;
    align-items:center!important;
    min-width:0!important;
    height:40px!important;
    flex:1 1 auto!important;
    overflow:hidden!important;
  }

  .site-header.premium-header .tf-marketplace-claim{
    display:block!important;
    max-width:100%!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
    white-space:nowrap!important;
    color:#e8eef9!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:40px!important;
  }
  .site-header.premium-header .tf-marketplace-claim strong{
    color:#f5bd37!important;
    font-weight:850!important;
  }

  .site-header.premium-header .utility-right{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    flex:0 0 auto!important;
    height:40px!important;
    min-height:40px!important;
    margin:0!important;
    padding:0!important;
    gap:22px!important;
    white-space:nowrap!important;
    flex-wrap:nowrap!important;
  }

  .site-header.premium-header .utility-right > *,
  .site-header.premium-header .utility-right a,
  .site-header.premium-header .utility-right button{
    position:static!important;
    top:auto!important;
    bottom:auto!important;
    left:auto!important;
    right:auto!important;
    transform:none!important;
    margin:0!important;
    align-self:center!important;
    vertical-align:middle!important;
  }

  /* Exact compact seller CTA from the reference */
  .site-header.premium-header .utility-bar .tf-utility-seller-cta{
    box-sizing:border-box!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:none!important;
    height:32px!important;
    min-height:32px!important;
    max-height:32px!important;
    margin:0!important;
    padding:0 14px!important;
    border:1px solid #f5bd37!important;
    border-radius:8px!important;
    background:#f5bd37!important;
    background-image:none!important;
    color:#071b46!important;
    font-size:12.5px!important;
    font-weight:850!important;
    line-height:30px!important;
    letter-spacing:0!important;
    text-decoration:none!important;
    box-shadow:none!important;
  }

  .site-header.premium-header .utility-bar .tf-utility-seller-cta:hover{
    background:#ffd264!important;
    border-color:#ffd264!important;
  }

  .site-header.premium-header .utility-right a:not(.tf-utility-seller-cta),
  .site-header.premium-header .utility-right .language-switcher,
  .site-header.premium-header .utility-right [class*="language"]{
    height:40px!important;
    min-height:40px!important;
    display:inline-flex!important;
    align-items:center!important;
    color:#dce5f4!important;
    font-size:12.5px!important;
    font-weight:500!important;
    line-height:1!important;
  }

  .site-header.premium-header .utility-right .language-switcher,
  .site-header.premium-header .utility-right [class*="language"]{
    color:#9eacc3!important;
    font-weight:650!important;
  }
}

/* Laptop widths: reduce gaps and text size rather than enlarging/wrapping CTA. */
@media (min-width:1024px) and (max-width:1399px){
  .site-header.premium-header .utility-bar .utility-inner{
    width:calc(100% - 28px)!important;
    gap:12px!important;
  }
  .site-header.premium-header .utility-right{
    gap:17px!important;
  }
  .site-header.premium-header .tf-marketplace-claim{
    font-size:11px!important;
  }
  .site-header.premium-header .utility-bar .tf-utility-seller-cta{
    height:30px!important;
    min-height:30px!important;
    max-height:30px!important;
    padding:0 12px!important;
    border-radius:7px!important;
    font-size:11.5px!important;
    line-height:28px!important;
  }
  .site-header.premium-header .utility-right a:not(.tf-utility-seller-cta),
  .site-header.premium-header .utility-right .language-switcher,
  .site-header.premium-header .utility-right [class*="language"]{
    font-size:11.5px!important;
  }
}

/* At narrower desktop widths preserve right-side controls; claim truncates first. */
@media (min-width:1024px) and (max-width:1180px){
  .site-header.premium-header .utility-left{
    max-width:300px!important;
  }
  .site-header.premium-header .utility-right{
    gap:13px!important;
  }
}

/* Mobile remains controlled by existing mobile header rules. */
@media (max-width:1023px){
  .site-header.premium-header .utility-bar .tf-utility-seller-cta{
    width:auto!important;
  }
}