/* halmek-custom: shared (index.html + reset.html) — was inline before </html> */

/* halmek-custom: amplify UI が依存する CSS 変数の既定（design HTML の :root と合致） */
:root {
	--amplify-font-family: 'Amazon Ember', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	--amplify-text-xxs: 0.75rem;
	--amplify-text-xs: 0.81rem;
	--amplify-text-sm: 0.875rem;
	--amplify-text-md: 1rem;
	--amplify-text-md-sub: 1.15rem;
	--amplify-text-lg: 1.5rem;
	--amplify-text-xl: 2rem;
	--amplify-text-xxl: 2.5rem;
	--amplify-primary-contrast: var(--amplify-white);
	--amplify-primary-tint: #ffac31;
	--amplify-primary-shade: #e88b01;
	--amplify-secondary-color: #152939;
	--amplify-secondary-contrast: var(--amplify-white);
	--amplify-secondary-tint: #31465f;
	--amplify-secondary-shade: #1F2A37;
	--amplify-tertiary-color: #5d8aff;
	--amplify-tertiary-contrast: var(--amplify-white);
	--amplify-tertiary-tint: #7da1ff;
	--amplify-tertiary-shade: #537BE5;
	--amplify-background-color: var(--amplify-white);
	--amplify-grey: #828282;
	--amplify-light-grey: #c4c4c4;
	--amplify-white: #ffffff;
	--amplify-smoke-white: #f5f5f5;
	--amplify-red: #dd3f5b;
	--amplify-blue: #099ac8;
}

/* halmek-custom: page layout — full-height centering（コンテンツが viewport より高い場合は上部開始） */
html {
	box-sizing: border-box;
	margin: 0;
	height: 100%;
}
body {
	box-sizing: border-box;
	margin: 0;
	min-height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

/* halmek-custom: Amplify authenticator theme */
/* margin-top: -16px は amplify 内部の form-section-header の margin-top:1rem を相殺するため
   （shadow DOM 内のため外部 CSS で直接上書きできず、外側からネガティブマージンで補正） */
amplify-authenticator {
	--margin-bottom: 0;
	--amplify-primary-color: #fcb900;
	--container-height: auto;
	--container-display: block;
	--padding: 0;
	--box-shadow: none;
	display: block;
	margin-top: -16px;
	margin-bottom: 0;
}

/* halmek-custom: amplify-form-section / amplify-section の末尾余白と内部パディングを削除 */
/* CSS 変数を !important で強制（shadow DOM 内のフォールバック値が効かないように） */
amplify-form-section,
amplify-section {
	display: block;
	--margin-bottom: 0 !important;
	--padding: 0 !important;
}
amplify-section {
	--box-shadow: none !important;
}

/* halmek-custom: amplify-hint は amplify-sign-in 等の shadow DOM の奥にあるため、
   外部 CSS や CSS 変数では到達できない。React コード側 (src/utils/injectShadowStyles.js)
   で amplify-hint の shadowRoot に直接 <style> を挿入して style を上書きしている。 */

.halmekEvents {
	--amplify-primary-color: #9ec317;
	--amplify-primary-tint: #9ec317;
}
.halmekEvents .MuiLink-underlineHover:hover {
	color: #9ec317;
}
.halmekEvents amplify-authenticator {
	--amplify-primary-color: #9ec317;
	--amplify-primary-tint: #9ec317;
}

/* halmek-custom: MUI shell overrides */
.MuiCardContent-root {
	padding: 35px 40px !important;
}

/* halmek-custom: reset.html — primary submit */
/* margin-top は flex container (.login-footer-actions / .settings-footer-actions) の gap で
   制御するため、ここでは指定しない（指定すると flex gap と重複して間隔が広がる） */
.MuiButtonBase-root.MuiButton-root.MuiButton-contained {
	box-sizing: border-box;
	width: 100%;
	padding: 1rem;
	font-family: 'Amazon Ember', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	line-height: 1.1;
	letter-spacing: 0.75px;
	text-transform: uppercase;
	color: #fff;
	background-color: #fcb900;
	border: none;
	border-radius: 0;
	box-shadow: none;
}
.halmekEvents .MuiButtonBase-root.MuiButton-root.MuiButton-contained {
	background-color: #9ec317;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained:hover {
	color: #fff;
	background-color: #fcb900;
	opacity: 0.8;
	box-shadow: none;
}
.halmekEvents .MuiButtonBase-root.MuiButton-root.MuiButton-contained:hover {
	background-color: #9ec317;
}

@media (hover: none) {
	.MuiButtonBase-root.MuiButton-root.MuiButton-contained:hover {
		background-color: #fcb900;
		opacity: 0.8;
		box-shadow: none;
	}
	.halmekEvents .MuiButtonBase-root.MuiButton-root.MuiButton-contained:hover {
		background-color: #9ec317;
	}
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained:active {
	opacity: 1;
	background-color: #e88b01;
	box-shadow: none;
}

.MuiButtonBase-root.MuiButton-root.MuiButton-contained.Mui-disabled,
.MuiButtonBase-root.MuiButton-root.MuiButton-contained:disabled {
	opacity: 0.65;
	color: #fff;
	cursor: auto;
	background-color: #ffac31;
	box-shadow: none;
}

/* halmek-custom: sign-in footer — お客様情報登録 / お問い合わせ / pmark */
/* design HTML の .login-footer-actions は margin-top: 0。auth-fields の margin-bottom: 2rem だけが上の空間を担う */
.login-footer-actions {
	display: flex;
	flex-direction: column;
	gap: 12px;
	width: 100%;
}


/* halmek-custom: お問い合わせボタン（白地、primary色アウトライン、ピル形状） */
.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.login-footer--contact {
	background-color: #fff;
	color: #fcb900;
	border: 1px solid #fcb900;
	border-radius: 99999px;
	box-shadow: none;
	font-family: 'Amazon Ember', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
	font-size: 0.875rem;
	font-weight: 600;
	letter-spacing: 0.75px;
	padding: 1rem;
	text-transform: uppercase;
	width: 100%;
}
.MuiButtonBase-root.MuiButton-root.MuiButton-outlined.login-footer--contact:hover {
	background-color: #fff;
	opacity: 0.8;
	box-shadow: none;
}
.halmekEvents .MuiButtonBase-root.MuiButton-root.MuiButton-outlined.login-footer--contact {
	color: #9ec317;
	border-color: #9ec317;
}

/* halmek-custom: プライバシーマーク表示エリア */
.login-footer-pmark {
	display: flex;
	justify-content: center;
	width: 100%;
	margin-top: 1rem;
}
.login-footer-pmark img {
	display: block;
	width: 50px;
	max-width: 100%;
	height: auto;
}