/*
* 由 JOURNAL > System > Settings > %StoreName% > Custom Code > Custom Code Header 設定引用。
*/

/******************************
 Locally hosted Google Fonts
*******************************/
@font-face {
	font-family: 'Plus Jakarta Sans 500';
	src: url('/fonts/plus-jakarta-sans-latin-ext-500.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Plus Jakarta Sans 600';
	src: url('/fonts/plus-jakarta-sans-latin-ext-600.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Plus Jakarta Sans 800';
	src: url('/fonts/plus-jakarta-sans-latin-ext-800.woff2') format('woff2');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Plus Jakarta Sans regular';
	src: url('/fonts/plus-jakarta-sans-latin-ext-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Roboto Mono';
	src: url('/fonts/roboto-mono-latin-ext-regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

/******************************
 Overwrite original
*******************************/
/* 結帳頁 Checkout Terms Popup */
@media (min-width: 768px) { /* 寬度 */
	#modal-agree .modal-dialog {
		width: 760px;
	}
}
#modal-agree .modal-header { /* Title 列 底色 */
	background-color: hsla(
		var(--j-color-scheme-background-primary-h),
		var(--j-color-scheme-background-primary-s),
		calc(var(--j-color-scheme-background-primary-l) - 0%),
		calc(var(--j-color-scheme-background-primary-a) * 1)
	);
}
#modal-agree .modal-header .close { /* 右上 X 樣式 */
	text-shadow: none;
	font-family: sans-serif;
	font-weight: 400;
	font-size: 30px;
	width: 30px;
	border-radius: 4px;
	color: hsla(
		var(--j-color-scheme-foreground-primary-h),
		var(--j-color-scheme-foreground-primary-s),
		calc(var(--j-color-scheme-foreground-primary-l) - 0%),
		calc(var(--j-color-scheme-foreground-primary-a) * 1)
	);
}
#modal-agree .modal-header .close:hover { /* 右上 X 樣式(hover) */
	background-color: hsla(
		var(--j-color-scheme-background-tertiary-h),
		var(--j-color-scheme-background-tertiary-s),
		calc(var(--j-color-scheme-background-tertiary-l) - 0%),
		calc(var(--j-color-scheme-background-tertiary-a) * 1)
	);
}

/******************************
 Custom style
*******************************/
/* 訊息置中 */
.my-text-center-block {
	width: fit-content !important;
	margin: 46px auto 120px !important;
	text-align: left !important;
}
/* 自用隱藏 */
.my-hidden {
	display: none !important;
}
/* 自用粗體 */
.my-font-bold {
	font-weight: bold !important;
}