/* CLR & Associates V28 review: admin image optimisation and service-filter surface correction. */

/* Keep the directory background and control surfaces visually consistent. */
.service-directory-section,
.service-priority-section{
  background:#f5f5f3!important;
}
.service-area-block{
  background:#fff!important;
  border:1px solid #dedbd5!important;
  box-shadow:0 10px 28px rgba(0,0,0,.045)!important;
}
.service-toolbar{
  background:#fff!important;
  border:1px solid #d8d4cc!important;
  box-shadow:0 8px 24px rgba(0,0,0,.055)!important;
  overflow:visible!important;
}
.service-toolbar:focus-within{
  position:relative!important;
  z-index:120!important;
  border-color:#a51f27!important;
  box-shadow:0 0 0 3px rgba(165,31,39,.09),0 9px 26px rgba(0,0,0,.07)!important;
}
.service-toolbar .search-box,
.service-toolbar select,
.service-toolbar .popular-toggle{
  background:#fff!important;
  color:#171717!important;
  border-color:#d5d1c9!important;
}
.service-toolbar select{
  min-width:0!important;
  line-height:1.25!important;
  padding:0 38px 0 14px!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.service-toolbar select:focus{
  border-color:#a51f27!important;
  outline:2px solid rgba(165,31,39,.10)!important;
  outline-offset:1px!important;
}
.directory-meta{
  background:transparent!important;
}
.service-grid{
  position:relative!important;
  z-index:1!important;
}

/* Uploaded organisation logos use the same compact card without distortion. */
.affiliation-logo.has-image{
  background:#fff!important;
  padding:5px!important;
  overflow:hidden!important;
}
.affiliation-logo.has-image img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  display:block!important;
}

/* The approved floating CTA remains visible, but directory controls stay clickable above it. */
.service-toolbar:focus-within ~ .directory-meta,
.service-toolbar:focus-within ~ .service-grid{
  position:relative!important;
}

@media(max-width:880px){
  .service-toolbar{overflow:hidden!important}
  .service-toolbar select{width:100%!important;min-height:42px!important}
}