/* Community search — editorial theme. Reuses member_directory_editorial.css
   for the hero (.md-hero*), the #refine directory-search head (.md-directory*),
   the result cards (.md-grid / .md-card*), and .md-notice. This file adds the
   wine hero search box, the cross-module result blocks, and the browse pager. */

/* #results and #browse section heads reuse .md-directory__head. */

/* ---- Hero search box (a child of .md-hero__copy) ------------------- */
.sd-hero__form {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  max-width: 560px;
  margin-top: 26px;
}
.sd-hero__form input {
  flex: 1 1 260px;
  min-width: 0;
  min-height: 52px;
  padding: 0 16px;
  border: 1px solid rgba(255,255,255,.4);
  background: rgba(255,255,255,.06);
  color: #fff;
  font: 500 15px var(--eg-sans);
}
.sd-hero__form input::placeholder { color: rgba(255,255,255,.55); }
.sd-hero__form input:focus { outline: 2px solid var(--eg-gold); outline-offset: 1px; }
.md-hero__copy .sd-hero__form .mh-btn {
  min-height: 52px;
  border-color: var(--eg-gold);
  background: var(--eg-gold);
  color: #2b1708;
}
.md-hero__copy .sd-hero__form .mh-btn.ghost {
  background: transparent;
  border-color: rgba(255,255,255,.4);
  color: #fff;
}

/* ---- Sections ---------------------------------------------------- */
.sd-page .sd-section {
  padding: clamp(64px, 8vw, 116px) var(--eg-gutter);
  background: var(--eg-paper);
}

.sd-browse-meta { margin: 12px 0 0; color: var(--eg-muted); font-size: 13px; }
.sd-notice { margin-top: 22px; color: var(--eg-muted); font-size: 14px; line-height: 1.7; }

/* ---- Result blocks --------------------------------------------- */
.sd-result-block { margin-top: 52px; }
.sd-result-block:first-of-type { margin-top: 44px; }
.sd-result-block__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  padding-bottom: 16px;
  margin-bottom: 26px;
  border-bottom: 1px solid var(--eg-line);
}
.sd-result-block__head h3 {
  margin: 0;
  font: 600 clamp(22px, 2.4vw, 32px)/1.15 var(--eg-serif);
  letter-spacing: -.02em;
}
.sd-result-block__head .sd-count { color: var(--eg-muted); font-size: 13px; }
.sd-result-block > .mh-actions { margin-top: 22px; }

/* Result cards reuse .md-grid / .md-card / .md-card__* from
   member_directory_editorial.css (member cards get an avatar; sathram / gotra /
   career cards omit it). member_directory styles the h3 heading; search blocks
   nest their card heading as an h4 under the block's h3, so style that too. */
.sd-page .md-card__body h4 {
  margin: 2px 0 0;
  font: 600 clamp(18px, 1.6vw, 22px)/1.2 var(--eg-serif);
}
.sd-page .md-card__body h4 a { text-decoration: none; }
.sd-page .md-card__body h4 a:hover { color: var(--eg-wine); }

/* The #refine directory-search form reuses .md-directory__head + .md-filters +
   .md-notice from member_directory_editorial.css (same as the members.php
   filter row). */

/* ---- Browse pager --------------------------------------------- */
.sd-page .mh-pagination { margin-top: clamp(36px, 5vw, 56px); }

/* ---- Reveal -------------------------------------------------- */
.sd-reveal { opacity: 0; transform: translateY(20px); transition: opacity .7s ease, transform .7s ease; }
.sd-reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  .sd-reveal { opacity: 1; transform: none; }
}