/* ==========================================================================
   index.css
   トップページ (resources/views/index/index.blade.php) 専用スタイル。
   ビュー側にインラインで書かれていた style="..." 属性を集約したもの。
   命名は "idx-" プレフィックスで他ページのスタイルと衝突しないようにスコープ。
   ========================================================================== */


/* --------------------------------------------------------------------------
   コース見出し（東京・京都・大井 等）の下線太さ
   元: <h6 style="border-bottom-width: 2px !important;">
   theme クラス（border-success / border-secondary / border-primary）と
   組み合わせて使用する。
   -------------------------------------------------------------------------- */
.idx-course-header {
	border-bottom-width: 2px !important;
}


/* --------------------------------------------------------------------------
   本日開催レースのハイライト
   元: <a style="background-color:#fff3cd; border-color: #ffc107 !important;">
   フューチャーセクション（JRA Future / NAR Future）で is_today_flg が真の
   レースリンクに付与する。
   -------------------------------------------------------------------------- */
.idx-race-today {
	background-color: #fff3cd;
	border-color: #ffc107 !important;
}


/* --------------------------------------------------------------------------
   本日開催の注目レースの強調
   NAR Future セクションで is_today_flg かつ is_attention_flg が真の
   レースリンクに付与する（本日分は全レース表示のため、注目レースを
   赤枠で区別する。将来日付は注目レースのみの表示なので付与しない）。
   -------------------------------------------------------------------------- */
.idx-race-attention {
	border: 2px solid #dc3545 !important;
}


/* --------------------------------------------------------------------------
   レース番号バッジ（左側の正方形バッジ "11R" 等）
   元: style="width: 50px; height: 50px; min-width: 50px;"
   -------------------------------------------------------------------------- */
.idx-race-number-badge {
	width: 50px;
	height: 50px;
	min-width: 50px;
}


/* --------------------------------------------------------------------------
   レース時刻（"15:30" 等）の文字サイズ
   元: <span style="font-size: 1.1rem;">
   -------------------------------------------------------------------------- */
.idx-race-time {
	font-size: 1.1rem;
}


/* --------------------------------------------------------------------------
   レース名見出しの文字サイズ
   元: <h6 style="font-size: 1.0rem;">
   -------------------------------------------------------------------------- */
.idx-race-name {
	font-size: 1.0rem;
}


/* --------------------------------------------------------------------------
   NAR セクションのランクバッジ縮小（地方は "Jpn1" "重賞交流" 等が長いため）
   元: <span class="badge ..." style="font-size: 0.7rem;">
   -------------------------------------------------------------------------- */
.idx-rank-badge-narrow {
	font-size: 0.7rem;
}