/*!
 * 湯ヶ島たつた 連泊プランLP — テンプレート専用スタイル
 * テーマCSSと衝突しないよう、ラッパー .tatsuta-renpaku-lp 配下に閉じ込める
 */

/* ページ全体の背景・余白・フォント */
body.tatsuta-renpaku-lp-v8-active {
	margin: 0;
	padding: 0;
	background: #F7F3E8;
	color: #2B2620;
	font-family: "Noto Serif JP", serif;
	font-weight: 300;
	-webkit-font-smoothing: antialiased;
}

body.tatsuta-renpaku-lp-v8-active * ,
body.tatsuta-renpaku-lp-v8-active *::before,
body.tatsuta-renpaku-lp-v8-active *::after {
	box-sizing: border-box;
}

html.tatsuta-renpaku-lp-v8-html {
	scroll-behavior: smooth;
}

/* ラッパー直下に閉じ込める基本スタイル */
.tatsuta-renpaku-lp-v8-root {
	font-family: "Noto Serif JP", serif;
	color: #2B2620;
}

.tatsuta-renpaku-lp-v8-root a {
	color: inherit;
}

.tatsuta-renpaku-lp-v8-root ::selection {
	background: rgba(140, 113, 66, 0.3);
	color: #2B2620;
}

/* テーマCSS による上書き防止リセット
   - テーマが h1〜h6 / p / a / button / figure 等に !important で color/font/margin を当てているケースを想定
   - inline style を尊重させつつ、テーマ起因の color 指定を打ち消す */
.tatsuta-renpaku-lp-v8-root h1,
.tatsuta-renpaku-lp-v8-root h2,
.tatsuta-renpaku-lp-v8-root h3,
.tatsuta-renpaku-lp-v8-root h4,
.tatsuta-renpaku-lp-v8-root h5,
.tatsuta-renpaku-lp-v8-root h6,
.tatsuta-renpaku-lp-v8-root p,
.tatsuta-renpaku-lp-v8-root figcaption,
.tatsuta-renpaku-lp-v8-root span,
.tatsuta-renpaku-lp-v8-root div,
.tatsuta-renpaku-lp-v8-root a,
.tatsuta-renpaku-lp-v8-root button {
	color: inherit;
	font-family: inherit;
	background: transparent;
}

/* テーマが見出しに独自の装飾（疑似要素 ::before / ::after の罫線等）を入れているケースを除去 */
.tatsuta-renpaku-lp-v8-root h1::before,
.tatsuta-renpaku-lp-v8-root h2::before,
.tatsuta-renpaku-lp-v8-root h3::before,
.tatsuta-renpaku-lp-v8-root h4::before,
.tatsuta-renpaku-lp-v8-root h5::before,
.tatsuta-renpaku-lp-v8-root h6::before,
.tatsuta-renpaku-lp-v8-root h1::after,
.tatsuta-renpaku-lp-v8-root h2::after,
.tatsuta-renpaku-lp-v8-root h3::after,
.tatsuta-renpaku-lp-v8-root h4::after,
.tatsuta-renpaku-lp-v8-root h5::after,
.tatsuta-renpaku-lp-v8-root h6::after {
	content: none !important;
	display: none !important;
}

/* テーマがリンクや見出しに underline / text-shadow / border 等を当てているケースを打ち消す */
.tatsuta-renpaku-lp-v8-root a {
	text-decoration: none;
	border: 0;
}

/* テーマのコンテンツラッパー幅・余白を強制リセット
   （Cocoon / Lightning 等のテーマで .entry-content { max-width: 768px; padding: ... } のような
   幅制限がかかってLPがセンタリング崩れする場合に備える） */
body.tatsuta-renpaku-lp-v8-active .tatsuta-renpaku-lp-v8-root {
	max-width: none;
	margin: 0;
	padding: 0;
}

/* テーマのヘッダー/フッター/ウィジェットエリアを非表示にしたい場合は、
   テンプレート側で空の出力にしているのでここではあえて何もしない */

/* レスポンシブの簡易調整（必要に応じて） */
@media (max-width: 768px) {
	.tatsuta-renpaku-lp-v8-root section[id="prologue"] > div {
		grid-template-columns: 1fr !important;
		gap: 40px !important;
	}
	.tatsuta-renpaku-lp-v8-root section[id="plans"] > div > div:nth-child(2) {
		grid-template-columns: 1fr !important;
	}
	.tatsuta-renpaku-lp-v8-root .lp-day-row {
		grid-template-columns: 1fr !important;
	}
	.tatsuta-renpaku-lp-v8-root .lp-seasonal-grid {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}