/* サイト全体の枠（includes/site-layout.php）。色は GeneratePress のグローバルカラー（spec.md §2） */

/* ヘッダーの下に線 */
.site-header {
	border-bottom: 1px solid var(--contrast-3, #E4E1DC);
}

/* フッター（面の色の地に、リンク・アソシエイトの表示・著作権） */
.site-footer .site-info {
	background-color: var(--base, #F6F5F3);
	color: var(--contrast-2, #625D57);
	font-size: 14px;
}

/* テーマはフッターの中身を中央に寄せて縮めるので、横幅いっぱいに広げる */
.site-info .copyright-bar {
	flex: 1 1 auto;
}

.jgd-footer {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: baseline;
	gap: 8px 32px;
	text-align: left;
}

.jgd-footer p {
	margin: 0;
}

.jgd-footer__nav {
	flex-basis: 100%;
}

.jgd-footer__nav ul {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 18px;
	margin: 0;
	padding: 0;
	list-style: none;
}

.site-info .jgd-footer__nav a {
	color: var(--contrast, #1F1D1B);
}

.site-info .jgd-footer__nav a:hover,
.site-info .jgd-footer__nav a:focus-visible {
	color: var(--accent, #C8381E);
}

/*
 * CookieYes の同意の枠を朱に合わせる（無料のプランでは CookieYes の画面で色を変えられないため）。
 * CookieYes がボタンに style 属性で色を付けるので !important で上書きする。CookieYes の作りが変わると青に戻るだけで、同意の動きには影響しない。
 * 拒否は同意と同じ見た目にする（GDPR: 拒否を同意より目立たなくしない）。
 */
.cky-btn.cky-btn-accept,
.cky-btn.cky-btn-reject,
.cky-btn.cky-btn-preferences {
	border-color: var(--accent, #C8381E) !important;
	background-color: var(--accent, #C8381E) !important;
	color: #FFFFFF !important;
}

.cky-btn.cky-btn-customize {
	border-color: var(--accent, #C8381E) !important;
	background-color: transparent !important;
	color: var(--accent, #C8381E) !important;
}

.cky-notice-des a.cky-policy,
.cky-notice-des button.cky-policy,
.cky-preference-content-wrapper .cky-show-desc-btn,
button.cky-show-desc-btn:not(:hover):not(:active) {
	color: var(--accent, #C8381E) !important;
}

.cky-switch input[type="checkbox"]:checked {
	background: var(--accent, #C8381E) !important;
}

.cky-btn-revisit-wrapper {
	background-color: var(--accent, #C8381E) !important;
}

.cky-consent-container :focus-visible,
.cky-modal :focus-visible {
	outline-color: var(--accent, #C8381E) !important;
}