/* やどフォーム ブランド要素（ゲスト画面・管理画面 共通）
   ロゴ書体は「やどサイト」のロゴと同じ Zen Kaku Gothic New 700。
   ロゴに必要な6文字（やどフォーム）だけをサブセット化して自己ホストしている。
     - 第三者（Google Fonts）への通信を発生させない＝個人情報を扱う画面の外部送信を増やさない
     - CSP を default-src 'none' のまま維持できる
     - ファイルサイズ 1.6KB
   Zen Kaku Gothic New: SIL Open Font License 1.1（再配布・自己ホスト可） */

@font-face {
  font-family: 'Zen Kaku Gothic New';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/zen-kaku-gothic-new-700-yadoform.woff2') format('woff2');
  /* サブセットに含まれる文字だけに適用し、他の文字は通常のフォントへフォールバックさせる */
  unicode-range: U+3068-3069, U+3084, U+3099, U+30a9, U+30d5-30d6, U+30e0, U+30fc;
}

.yf-logo {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  text-decoration: none;
  color: inherit;
  flex-shrink: 0;
}

.yf-mark {
  width: 24px;
  height: 24px;
  display: block;
  flex: 0 0 auto;
  user-select: none;
  -webkit-user-drag: none;
}

/* 施設ロゴ（横型ワードマーク）。高さ基準で置き、幅は成り行き。
   ワードマークは漢字＋ローマ字の2段組なので、22px だとローマ字が潰れる。26px を下限にする */
.prop-logo {
  height: 26px;
  width: auto;
  display: block;
  flex: 0 0 auto;
  user-select: none;
  -webkit-user-drag: none;
}

.yf-name {
  /* やどサイトの .logo と同じ指定（--font-jp / 700 / letter-spacing .06em） */
  font-family: 'Zen Kaku Gothic New', 'Noto Sans JP', sans-serif;
  font-weight: 700;
  font-size: 15px;
  letter-spacing: 0.06em;
  line-height: 1;
  white-space: nowrap;
}