/**
 * Renewal /event モード別テーマCSS
 *
 * 移植元: tmp/mock/app.js の modesData.event（themeColor, indicatorColor 等）。
 * [data-renewal-layout] 配下かつ [data-mode="event"] スコープに限定する
 * （tmp/front_layout_unification_plan.md 5章 CSSスコープ規約）。
 */

/* サブナビのヘッダー（インジケーター・タイトル）: eventページ表示時 */
[data-renewal-layout] nav[data-mode="event"] #nav-indicator {
	background: linear-gradient(to bottom, #22c55e, #10b981);
}

/* CTAボタン（front_nav_items type=button, design=primary/secondary）: eventページ表示時 */
[data-renewal-layout] nav[data-mode="event"] .nav-cta-btn[data-design="primary"] {
	background: linear-gradient(to right, #22c55e, #10b981, #a3e635);
	color: #052e16;
	font-weight: 900;
	box-shadow: 0 10px 15px -3px rgba(34, 197, 94, 0.3);
}
[data-renewal-layout] nav[data-mode="event"] .nav-cta-btn[data-design="primary"]:hover {
	background: linear-gradient(to right, #4ade80, #a3e635);
}
[data-renewal-layout] nav[data-mode="event"] .nav-cta-btn[data-design="secondary"] {
	background-color: #fff;
	color: #065f46;
	border: 1px solid #6ee7b7;
}
[data-renewal-layout] nav[data-mode="event"] .nav-cta-btn[data-design="secondary"]:hover {
	background-color: #ecfdf5;
}

/* ページトップへ戻るボタン: eventモードのアクセントカラー（nav-indicatorと同色）を適用 */
[data-renewal-layout][data-renewal-mode="event"] .pagetop {
	background: linear-gradient(to bottom, #22c55e, #10b981);
	border: 2px solid #fff;
}
[data-renewal-layout][data-renewal-mode="event"] .pagetop:hover {
	background: linear-gradient(to bottom, #16a34a, #059669);
}