/* ================================
   TMSB HERO CARD – FacetWP styling
   ================================ */

/* Hide external labels (use facet “Any label” / placeholder text instead) */
.tmsb-hero-card .tmsb-filter-label,
.tmsb-hero-card .facetwp-facet-label{
  display:none !important;
}

/* Remove FacetWP default spacing inside the card */
.tmsb-hero-card .facetwp-facet{
  margin:0 !important;
  padding:0 !important;
}

/* Field wrappers + Divi paragraph cleanup */
.tmsb-hero-card .tmsb-field{ margin:0 0 10px !important; }
.tmsb-hero-card p{ margin:0 !important; }

/* Card body padding */
.tmsb-hero-card__body{
  padding:16px 16px 14px !important;
}

/* Controls (dropdowns + inputs) */
.tmsb-hero-card .facetwp-facet select,
.tmsb-hero-card .facetwp-facet input{
  display:block;
  width:100% !important;
  box-sizing:border-box;
  height:48px;
  padding:0 16px;
  border-radius:12px;
  border:1px solid rgba(0,0,0,.15);
  font-size:15px;
  background:#fff;
}

/* Prevent any inherited min-width on selects */
.tmsb-hero-card .facetwp-facet select{ min-width:0 !important; }

/* Proximity/location facet uses input.facetwp-location */
.tmsb-hero-card .facetwp-facet-location .facetwp-input-wrap{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
}
.tmsb-hero-card .facetwp-facet-location input.facetwp-location{
  width:100% !important;
  max-width:100% !important;
}

/* Fixed right column width on desktop */
@media (min-width: 981px){
  .tmsb-hero-right{
    flex:0 0 400px;
    max-width:400px;
  }
  .tmsb-hero-right .tmsb-hero-card{ width:100%; }
}

/* Mobile tweaks (keep navy header) */
@media (max-width: 980px){
  .tmsb-hero-card .facetwp-facet select,
  .tmsb-hero-card .facetwp-facet input{
    height:42px;
    font-size:14px;
  }
  .tmsb-hero-card__body{
    padding:18px 18px 20px !important;
  }
  .tmsb-hero-row{
    flex-wrap: wrap !important;
  }
  .tmsb-hero-row > .et_pb_column{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    width: 100% !important;
  }
}
/* TMSB Hero Card Button */
.tmsb-hero-card__button{
  display:block;
  width:100%;
  text-align:center;
  margin-top:12px;
  padding:14px 18px;

  background:#1f2f44;          /* TMSB navy */
  color:#ffffff;
  font-weight:600;
  font-size:15px;
  text-decoration:none;

  border-radius:12px;
  transition:all .25s ease;
}

/* Hover */
.tmsb-hero-card__button:hover{
  background:#162333;          /* slightly darker navy */
  transform:translateY(-1px);
}