/**
 * 机构站点（二级域名）顶部工具条 + 顶部搜索。
 *
 * 本该跟 web-clinic.css 的 .site-hero / .site-tabs 那几条挨在一起，
 * 但那份文件已经贴着单文件 20KB 的上限（见 bin/check-limits.php），
 * 这两块是后加的，只能单独一份、跟 web-clinic.css 一起加载（见 layout-site.php）。
 */

/**
 * 顶部工具条：语言 / 分享 / 登录。压在机构名之上的一条窄条，字号最小——
 * 这几样都是「用一次就不再动」的访问期设置，不该跟每天要点的价目表抢视觉重量。
 * 语言是路径第一段（/ja/prices），每一项是一条真地址，不是脚本改状态，
 * 没有 JS 也能用、爬虫也跟得进去。
 */
.site-util {
  background: var(--mb-brand-wash); font-size: var(--mb-font-sm);
  border-bottom: 1px solid var(--mb-line);
}
.site-util__in {
  display: flex; align-items: center; justify-content: space-between;
  gap: var(--mb-gap); flex-wrap: wrap; padding: 6px 0;
}
.site-util__langs { display: flex; gap: var(--mb-gap); flex-wrap: wrap; }
.site-util__langs a { color: var(--mb-sub); }
.site-util__langs a:hover { color: var(--mb-brand-ink); }
.site-util__langs .is-on { color: var(--mb-brand-ink); font-weight: 600; }
.site-util__actions { display: flex; align-items: center; gap: var(--mb-gap); margin-left: auto; }
.site-util__btn {
  display: inline-flex; align-items: center; gap: 4px; color: var(--mb-sub);
  background: none; border: 0; padding: 0; cursor: pointer; font: inherit;
}
.site-util__btn:hover { color: var(--mb-brand-ink); }

/**
 * 顶部搜索：默认搜这家机构自己的项目，本院没有再退到平台（见 ClinicSiteController::search()）。
 * 样式照抄平台头部的 .site-search，两处是同一类控件，长得不一样反而奇怪。
 */
.site-hero__search { display: flex; max-width: 360px; margin-top: var(--mb-gap); }
.site-hero__search input {
  flex: 1; min-width: 0; height: 36px; padding: 0 var(--mb-gap);
  border: 1px solid var(--mb-line); border-right: 0;
  border-radius: var(--mb-radius-pill) 0 0 var(--mb-radius-pill);
  background: var(--mb-card); font-size: var(--mb-font-base);
}
.site-hero__search input:focus { outline: 2px solid var(--mb-brand-soft); outline-offset: -2px; }
.site-hero__search button {
  height: 36px; padding: 0 var(--mb-gap-lg); border: 0; cursor: pointer;
  border-radius: 0 var(--mb-radius-pill) var(--mb-radius-pill) 0;
  background: var(--mb-brand); color: #fff; font-size: var(--mb-font-base);
}