/* Site-wide additions on top of the legacy theme CSS in _assets/.
   Kept separate — the mirrored theme CSS under _assets/ is left untouched. */

/* --- 定休日カレンダー --- 追加: 2026-08-12
   tools/update_holidays.py がGoogleカレンダーから生成する当月+翌月の月間カレンダー用。
   休業日は赤字＋背景色。色だけに頼らず「休」の文字も出すので（マークアップ側で対応済み）、
   背景色は視認性の補助に徹する。
   2ヶ月分は幅に余裕があれば横並び、無ければ縦積みに自動で切り替わる
   （横並びだと375px幅では1表あたり7列が窮屈になるため）。 */
.holiday-cal-group {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1em 1.5em;
	margin-bottom: 1.5em;
}

.holiday-cal {
	flex: 1 1 260px;
	max-width: 300px;
	margin: 0;
	border-collapse: collapse;
	table-layout: fixed;
}

.holiday-cal caption {
	font-weight: bold;
	margin-bottom: 0.5em;
}

.holiday-cal th,
.holiday-cal td {
	text-align: center;
	padding: 0.4em 0;
	font-size: 0.9em;
}

/* 既存テーマの `.module table tr td, .module table tr th{border:none}` が
   詳細度(0,1,3)でこちらの border:1px solid #ddd(0,1,1)に勝ち、グリッド線が
   全く表示されていなかった。クラス二重掛けで確実に上書き。 */
.holiday-cal.holiday-cal th,
.holiday-cal.holiday-cal td {
	border: 1px solid #ddd;
}

/* 既存テーマの `.module table tr:before`（価格表の行区切り点線用）が、
   position:absoluteにも関わらずtable-layout:fixedの列計算に数えられてしまい、
   「見えない1列」が先頭に挿入されて実列(日〜土)が1列分右にズレる不具合が発生していた
   （日曜の左に不自然な空白ができて見えた原因）。カレンダーでは不要な装飾なので無効化する。 */
.holiday-cal.holiday-cal tr:before {
	content: none;
}

/* 既存テーマ(vt_custom.css)の `.module table tr th:first-child{width:200px}`
   （価格表向けの汎用ルール）が、table-layout:fixedにより1列目（日曜）だけを
   固定幅にしてしまい、残り6列が極端に狭くなる不具合を打ち消す。
   クラスを重ねて詳細度(0,3,1)を稼ぎ、テーマ側(0,2,3)より確実に勝たせる。 */
.holiday-cal.holiday-cal th:first-child {
	width: auto;
}

.holiday-cal th {
	background: #f5f5f5;
}

/* 既存テーマの `.module table tr th{text-align:left}` が詳細度(0,1,3)でこちらの
   text-align:center(0,1,1)に勝ち、th(曜日)だけ左寄せ・td(日付)は中央寄せのまま
   になっていた（縦に見るとズレて見える原因）。上と同じクラス二重掛けで確実に上書き。 */
.holiday-cal.holiday-cal th {
	text-align: center;
}

.holiday-cal td.is-pad {
	border-color: #eee;
	background: transparent;
}

.holiday-cal td.is-closed {
	background: #ffe3e3;
	color: #ff0000;
	font-weight: bold;
}

.holiday-cal td.is-closed span {
	display: block;
	font-size: 0.85em;
}

.holiday-cal td.is-short {
	color: #b5651d;
}

.holiday-cal td.is-short span {
	display: block;
	font-size: 0.75em;
	line-height: 1.2;
}

/* --- 定休日カレンダーへの導線バッジ --- 追加: 2026-08-13（3案目）
   #post-notice-holiday（定休日カレンダー）への導線。
   1案目=ヘッダーtel下の下線テキスト、2案目=ナビ右端の下線テキスト、
   どちらも「浮いたHTML」に見えると指摘を受けて再設計した。

   このヘッダーは電話バッジ・営業時間・住所まで全て一枚絵(webp)で、生きたテキストが無い。
   下線付きテキストリンクでは画像群の中で明らかに異質だったため、下線テキストではなく
   「独立したUI部品」と分かる塗りのバッジ(ボタン状)にした。
   色は既存画像から実測した本サイト本来のアクセントブルー#6091DA
   （モバイルメニュー背景 #pagewrap #main-menu-container の色と同一。vt_custom.css 2835行目）
   を採用。airikyu-com由来の#b5651d（1・2案目で使用）は姉妹サイトの配色であり
   このサイト自身の色ではなかったため不採用に変更。
   配置はheader_access（電話・営業時間）とheader_add（住所）の間に戻す
   （.header_info span の既存ルールにそのまま乗る、レイアウト面で最も安全な位置）。

   さらに1段調整（同日）: header_tel（電話番号画像）を単独の行にし、
   header_timeとこのバッジを次の行に並べる2段組みに変更。
   header_accessは元々display:flex（nowrap）なので、flex-wrapを足したうえで
   header_telだけflex-basis:100%にして強制的に折り返させる。
   画像(header_tel/header_time)はwebp自体を編集できないため、
   並び順の調整はCSSのflexプロパティのみで行っている。 */
.header_access {
	flex-wrap: wrap;
}

.header_tel {
	flex-basis: 100%;
}

.header_holiday-link a {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background: #6091da;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 10px;
	border-radius: 3px;
	text-decoration: none;
	letter-spacing: 0.02em;
}

.header_holiday-link a svg {
	flex-shrink: 0;
}

.header_holiday-link a:hover {
	background: #4a76c4;
}