/*
 ***************************************************************************************************
 * Medusa Checkout Invoice Settlement panel
 ***************************************************************************************************
 */

 /*
  * A CSS fájl a Medusa Checkout bővítmény "Invoice Settlement" paneljének stílusait tartalmazza, amely a WooCommerce checkout oldalán jelenik meg. 
  * A stílusok célja, hogy a panel vizuálisan elkülönüljön és harmonizáljon a Woodmart téma megjelenésével, miközben biztosítja a jó olvashatóságot és használhatóságot.
  */

.woocommerce-checkout .medusa-checkout-invoice-settlement__field-label-row {
	margin-top												: 20px;
	margin-bottom											: 0;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__field-label {
	display													: block;
	font-weight												: 400;
	color													: var(--medusa-theme-text);
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__row {
	padding													: 18px 20px;
	margin-top												: 0;
	border													: 1px solid var(--medusa-theme-border);
	border-radius											: 0;
	background												: color-mix(in srgb, var(--medusa-theme-surface) 86%, white 14%);
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__title {
	display													: block;
	font-weight												: 600;
	color													: var(--medusa-theme-text);
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__prompt {
	display													: block;
	margin-bottom											: 12px;
	color													: var(--medusa-theme-text-muted);
	font-size												: 0.92rem;
	line-height												: 1.45;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__prompt.medusa-checkout-form-error {
	color													: rgb(202, 25, 25);
	font-weight												: 600;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__row .woocommerce-input-wrapper {
	display													: grid;
	gap														: 12px;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__option {
	display													: flex;
	align-items												: center;
	gap														: 12px;
	padding													: 14px 16px;
	border													: 1px solid var(--medusa-theme-border);
	border-radius											: 0;
	background												: rgba(255, 255, 255, 0.58);
	transition												: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
	cursor													: pointer;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__option:hover,
.woocommerce-checkout .medusa-checkout-invoice-settlement__option.is-selected {
	border-color											: var(--medusa-theme-brand-soft) !important;
	background-color										: color-mix(in srgb, var(--medusa-theme-surface-accent) 78%, white 22%) !important;
	box-shadow												: inset 0 0 0 1px var(--medusa-theme-brand-soft);
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__option.is-selected .medusa-checkout-invoice-settlement__option-text {
	color													: var(--medusa-theme-heading);
	font-weight												: 600;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__option input[type="radio"] {
	margin													: 0;
	accent-color											: var(--medusa-theme-brand);
	flex-shrink												: 0;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__option-text {
	color													: var(--medusa-theme-text);
	line-height												: 1.45;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__row .description {
	margin-top												: 12px;
	color													: var(--medusa-theme-text-muted);
	font-size												: 0.92rem;
	line-height												: 1.55;
}

.woocommerce-checkout .medusa-checkout-invoice-settlement__row.has-error,
.woocommerce-checkout .medusa-checkout-invoice-settlement__row.woocommerce-invalid {
	border-color											: rgb(202, 25, 25);
	box-shadow												: none;
}

.woocommerce-order .medusa-checkout-invoice-settlement-summary,
.woocommerce-view-order .medusa-checkout-invoice-settlement-summary {
	margin-top												: 28px;
	padding													: 20px 22px;
	border													: 1px solid var(--medusa-theme-border);
	border-radius											: 0;
	background												: color-mix(in srgb, var(--medusa-theme-bg-alt) 82%, white 18%);
}

@media (max-width: 767.98px) {
	.woocommerce-checkout .medusa-checkout-invoice-settlement__row {
		padding												: 16px;
	}

	.woocommerce-checkout .medusa-checkout-invoice-settlement__row .woocommerce-input-wrapper label {
		padding												: 11px 12px;
	}
}