/* TradesFolks 18.4.107 — Supplier Market Visibility + Premium Balance
   Fixes oversized empty white body and makes all market information clearly visible. */

/* card becomes a balanced 3-part layout */
.tf-homepage .country-network-premium .country-market-card{
  display:flex!important;
  flex-direction:column!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  border:1px solid #d8e4ef!important;
  border-radius:15px!important;
  background:#fff!important;
  box-shadow:0 8px 22px rgba(9,35,69,.065)!important;
}

/* image area: visually dominant but not oversized */
.tf-homepage .country-network-premium .country-market-visual{
  flex:0 0 150px!important;
  height:150px!important;
  min-height:150px!important;
  max-height:150px!important;
  overflow:hidden!important;
  background:#eef3f8!important;
}

.tf-homepage .country-network-premium .country-market-artwork{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}

/* body: remove giant blank space */
.tf-homepage .country-network-premium .country-market-body{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  justify-content:center!important;
  flex:0 0 58px!important;
  min-height:58px!important;
  height:58px!important;
  max-height:58px!important;
  margin:0!important;
  padding:8px 12px 9px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-sizing:border-box!important;
}

/* small sourcing label stays visible */
.tf-homepage .country-network-premium .country-market-body>span,
.tf-homepage .country-network-premium .country-market-body>small{
  position:static!important;
  display:block!important;
  margin:0 0 3px!important;
  padding:0!important;
  color:#6f8095!important;
  font-size:5.8px!important;
  font-weight:700!important;
  line-height:1.15!important;
  opacity:1!important;
  visibility:visible!important;
}

/* country name: prominent and readable */
.tf-homepage .country-network-premium .country-market-body h3,
.tf-homepage .country-network-premium .country-market-body strong{
  position:static!important;
  display:block!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  color:#0b2343!important;
  font-size:10.5px!important;
  font-weight:900!important;
  line-height:1.15!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
  opacity:1!important;
  visibility:visible!important;
}

/* footer: visible, compact and premium */
.tf-homepage .country-network-premium .country-market-footer{
  position:relative!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  flex:0 0 34px!important;
  min-height:34px!important;
  height:34px!important;
  max-height:34px!important;
  margin:0!important;
  padding:0 11px!important;
  border-top:1px solid #e9eff5!important;
  background:linear-gradient(180deg,#f8fbff 0%,#f2f7fd 100%)!important;
  color:#46617f!important;
  font-size:6.2px!important;
  font-weight:800!important;
  line-height:1!important;
  opacity:1!important;
  visibility:visible!important;
  box-sizing:border-box!important;
}

/* prevent any old footer text from being pushed off-screen */
.tf-homepage .country-network-premium .country-market-footer>*{
  position:static!important;
  margin:0!important;
  transform:none!important;
  opacity:1!important;
  visibility:visible!important;
}

/* premium arrow button */
.tf-homepage .country-network-premium .country-market-footer:after{
  content:"→"!important;
  position:static!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 20px!important;
  width:20px!important;
  height:20px!important;
  margin-left:8px!important;
  border-radius:50%!important;
  background:#075bc7!important;
  color:#fff!important;
  box-shadow:0 4px 10px rgba(7,91,199,.18)!important;
  font-size:8px!important;
  font-weight:900!important;
}

/* richer but controlled hover */
.tf-homepage .country-network-premium .country-market-card:hover{
  transform:translateY(-3px)!important;
  border-color:#abc5e0!important;
  box-shadow:0 16px 30px rgba(9,35,69,.11)!important;
}

/* desktop/laptop */
@media(min-width:1280px){
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:148px!important;
    height:148px!important;
    min-height:148px!important;
    max-height:148px!important;
  }
  .tf-homepage .country-network-premium .country-market-body{
    flex-basis:56px!important;
    min-height:56px!important;
    height:56px!important;
    max-height:56px!important;
  }
}

/* tablet */
@media(min-width:700px) and (max-width:1023px){
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:138px!important;
    height:138px!important;
    min-height:138px!important;
    max-height:138px!important;
  }
  .tf-homepage .country-network-premium .country-market-body{
    flex-basis:54px!important;
    min-height:54px!important;
    height:54px!important;
    max-height:54px!important;
  }
}

/* mobile */
@media(max-width:699px){
  .tf-homepage .country-network-premium .country-market-visual{
    flex-basis:124px!important;
    height:124px!important;
    min-height:124px!important;
    max-height:124px!important;
  }

  .tf-homepage .country-network-premium .country-market-body{
    flex-basis:50px!important;
    min-height:50px!important;
    height:50px!important;
    max-height:50px!important;
    padding:7px 9px 8px!important;
  }

  .tf-homepage .country-network-premium .country-market-body>span,
  .tf-homepage .country-network-premium .country-market-body>small{
    font-size:5.2px!important;
  }

  .tf-homepage .country-network-premium .country-market-body h3,
  .tf-homepage .country-network-premium .country-market-body strong{
    font-size:9px!important;
  }

  .tf-homepage .country-network-premium .country-market-footer{
    flex-basis:31px!important;
    min-height:31px!important;
    height:31px!important;
    max-height:31px!important;
    padding:0 9px!important;
    font-size:5.5px!important;
  }

  .tf-homepage .country-network-premium .country-market-footer:after{
    flex-basis:18px!important;
    width:18px!important;
    height:18px!important;
    font-size:7px!important;
  }
}