/* ==========================================================================
   "Can't find yourself?" pointer, shown only when a search returns nothing.
   ========================================================================== */

.als-pf-hook{margin:0 0 20px;padding:20px 22px;border:1px solid rgba(55,195,187,.45);
  border-left:4px solid #37c3bb;border-radius:12px;background:rgba(55,195,187,.10);color:#e8f1f8}
.als-pf-hook__heading{margin:0 0 6px;font-weight:700;font-size:1.12rem;color:#eaf2fa}
.als-pf-hook__body{margin:0 0 14px;line-height:1.55;font-size:.95rem;color:#b6cbdd}
.als-pf-hook__link{display:inline-block;padding:12px 20px;border-radius:8px;background:#37c3bb;
  color:#04252a;font-weight:700;text-decoration:none;line-height:1.2}
.als-pf-hook__link:hover{background:#2aa9a2;color:#04252a}
.als-pf-hook__link:focus-visible{outline:3px solid #8be3dd;outline-offset:2px}

/* ==========================================================================
   Option A: the "Suggest a professional" form belongs to a DIFFERENT plugin
   (ALS Agent Discovery) which ships a light stylesheet. It looks broken on
   this dark page, so restyle it here rather than editing a plugin we do not
   own.

   These selectors are deliberately more specific than that plugin's own
   (.als-ad alone is 0-1-0; these are 1-1-0 / 0-2-0) so they win regardless of
   the order the two stylesheets happen to load in.
   ========================================================================== */

#als-ad-directory-form .als-ad,
.als-results .als-ad{
  background:rgba(255,255,255,.035);
  border:1px solid rgba(255,255,255,.12);
  color:#cfe0f0;
}
#als-ad-directory-form .als-ad h3,
.als-results .als-ad h3{color:#eaf2fa}
#als-ad-directory-form .als-ad p,
.als-results .als-ad p{color:#a9c0d6;line-height:1.55}
#als-ad-directory-form .als-ad label,
.als-results .als-ad label{color:#cfe0f0}
#als-ad-directory-form .als-ad input,
.als-results .als-ad input{
  background:rgba(255,255,255,.06);
  border-color:rgba(255,255,255,.20);
  color:#eaf2fa;
}
#als-ad-directory-form .als-ad input::placeholder,
.als-results .als-ad input::placeholder{color:#7f97ae;opacity:1}
#als-ad-directory-form .als-ad input:focus-visible,
.als-results .als-ad input:focus-visible{outline:3px solid #37c3bb;outline-offset:1px}
#als-ad-directory-form .als-ad__privacy,
.als-results .als-ad__privacy{color:#8fa7bd}
#als-ad-directory-form .als-ad__notice,
.als-results .als-ad__notice{background:rgba(55,195,187,.14);color:#cfe0f0}
/* the heading of the suggestion block, so it reads as secondary */
#als-ad-directory-form .als-ad h3,
.als-results .als-ad h3{font-size:1.02rem;font-weight:600;color:#9fc0d8}
#als-ad-directory-form .als-ad button,
.als-results .als-ad button{background:#1d3a5c;color:#e8f1f8}
#als-ad-directory-form .als-ad button:hover,
.als-results .als-ad button:hover{background:#27507c;color:#fff}

@media (prefers-reduced-motion:no-preference){
  .als-pf-hook__link{transition:background-color .15s ease}
}