@charset "UTF-8";

/* ==========================================================
	UI設定値
	角丸を調整するときは、原則としてこのブロックだけを変更する。
========================================================== */
:root,
[data-bs-theme="light"],
[data-bs-theme="dark"] {
	/* システム全体のフォント倍率。この値だけで全画面を一括調整する。 */
	--deliver-system-font-scale: 90%;
	--deliver-radius-sm: 0.25rem;
	--deliver-radius: 0.75rem;
	--deliver-radius-lg: 1rem;
	--deliver-radius-xl: 1.25rem;
	--deliver-radius-pill: 50rem;

	/* Bootstrapと既存の.rounded系クラスにも同じ設定を反映する。 */
	--bs-border-radius-sm: var(--deliver-radius-sm);
	--bs-border-radius: var(--deliver-radius);
	--bs-border-radius-lg: var(--deliver-radius-lg);
	--bs-border-radius-xl: var(--deliver-radius-xl);
	--bs-border-radius-xxl: var(--deliver-radius-xl);
	--bs-border-radius-2xl: var(--deliver-radius-xl);
	--bs-border-radius-pill: var(--deliver-radius-pill);
}

html {
	font-size: var(--deliver-system-font-scale);
}

/* 確定済み受注明細の変更箇所。各app_idの背景色へ警告色を薄く混ぜる。 */
.order-confirm-change-highlight {
	background-color: #fff9e8 !important;
	background-color: color-mix(in srgb, rgb(var(--bs-warning-rgb)) 10%, var(--bs-body-bg)) !important;
}

/* Cards / panels */
.card {
	--bs-card-border-radius: var(--deliver-radius-lg);
	--bs-card-inner-border-radius: calc(var(--deliver-radius-lg) - var(--bs-border-width));
	border-radius: var(--deliver-radius-lg);
}

.card-header:first-child {
	border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}

.card-footer:last-child {
	border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}

/* Dialogs / floating panels */
.modal-content,
.offcanvas,
.toast,
.popover,
.dropdown-menu,
.ui-autocomplete {
	border-radius: var(--deliver-radius-lg);
}

.modal-content,
.offcanvas,
.toast,
.ui-autocomplete {
	overflow: hidden;
}

/* Messages / collapsible panels */
.alert,
.accordion-item,
.list-group {
	border-radius: var(--deliver-radius);
}

.accordion-item {
	overflow: hidden;
}

.list-group > .list-group-item:first-child {
	border-top-left-radius: var(--deliver-radius);
	border-top-right-radius: var(--deliver-radius);
}

.list-group > .list-group-item:last-child {
	border-bottom-right-radius: var(--deliver-radius);
	border-bottom-left-radius: var(--deliver-radius);
}

/* Forms / controls */
.form-control,
.form-select,
.input-group-text,
.btn,
.page-link,
.nav-pills .nav-link {
	border-radius: var(--deliver-radius-sm);
}

/* Image panels */
.ratio,
.thumbnail,
.img-thumbnail {
	border-radius: var(--deliver-radius);
}