/* =================================================================
 * c-divider — 区切り線（hr）
 * Figma: 5371:86474 内「43 区切り線（hr）」
 *        スタイルガイド Wireframe-33 5824:102308（項目43 PC/SP・横方向 3種）
 *
 *   水平線 <hr> と縦線 <span role=separator> を共通化する最小単位。
 *   線の種類: Solid（#D9D9D9 実線）/ Dot（点線）/ Orange（オレンジ実線）
 *   向き    : 横（horizontal）/ 縦（vertical）
 *
 * 色: Solid/Dot = Neutral 04（line color #D9D9D9）= --color-border
 *     Orange    = Figma 上は変数バインドなしの raw 色 rgba(246,195,165,0.88)
 *                 ＝#F6C3A5@88%（淡いペールピーチ）。一致するトークンが無いため
 *                 dev-mode の raw 値で 1:1 一致させる。
 * 注: Figma の Solid/Dot は厳密には #D9D9D9@88% だが、1px では --color-border
 *     (#D9D9D9 100%) と視認差なくセマンティック線色トークンを優先。
 *
 * 使い方: front.components.divider（Blade）経由
 * =================================================================*/

.c-divider {
  border: 0;
  margin: 0;
  flex-shrink: 0;
}

/* ---------- 横線（hr） ---------- */
.c-divider--horizontal {
  width: 100%;
  height: 0;
  border-top: 1px solid var(--color-border);   /* #D9D9D9 */
}
.c-divider--horizontal.c-divider--dot    { border-top-style: dotted; }
.c-divider--horizontal.c-divider--orange { border-top-color: rgba(246, 195, 165, 0.88); } /* Figma raw #F6C3A5@88% */

/* ---------- 縦線（flex 親の高さいっぱいに伸びる） ---------- */
.c-divider--vertical {
  display: inline-block;
  align-self: stretch;          /* flex 親内で高さいっぱい */
  width: 0;
  min-height: 1em;              /* flex 以外の文脈でも最低限の高さ */
  border-left: 1px solid var(--color-border);
}
.c-divider--vertical.c-divider--dot    { border-left-style: dotted; }
.c-divider--vertical.c-divider--orange { border-left-color: rgba(246, 195, 165, 0.88); } /* Figma raw #F6C3A5@88% */