/* TradesFolks P59 — AdSense Safe In-Flow Layout
   Manual display ads live in dedicated page space instead of covering UI. */

.tf-ad-zone{
  width:100%;
  margin:0;
  padding:12px 0;
  background:#f3f6f9;
  clear:both;
}
.tf-ad-zone-shell{
  position:relative;
  width:min(calc(100% - 32px),1180px);
  min-height:108px;
  margin:0 auto;
  padding:17px 14px 10px;
  overflow:hidden;
  border:1px solid #d7e1ea;
  border-radius:14px;
  background:#fff;
  box-shadow:0 3px 12px rgba(17,47,77,.035);
}
.tf-ad-label{
  position:absolute;
  top:5px;
  left:50%;
  transform:translateX(-50%);
  color:#7a8b9b;
  font-size:8px;
  line-height:1;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  pointer-events:none;
}
.tf-adsense-unit{
  width:100%;
  min-height:90px;
}
.tf-ad-zone-top{
  padding-top:10px;
  padding-bottom:14px;
}
.tf-ad-zone-footer{
  padding-top:18px;
  padding-bottom:18px;
}
.tf-ad-zone-footer .tf-ad-zone-shell{
  max-width:970px;
}

@media(max-width:767px){
  .tf-ad-zone{
    padding:9px 0;
  }
  .tf-ad-zone-shell{
    width:calc(100% - 20px);
    min-height:116px;
    padding:17px 8px 8px;
    border-radius:11px;
  }
  .tf-adsense-unit{
    min-height:100px;
  }
}

/* Avoid printing empty ad chrome. */
@media print{
  .tf-ad-zone{display:none!important}
}