/*
 * A2Z Local Payments — FadiTec / Eng. Fadi Abboud
 * Theme-aware frontend styles. Intentionally inherits typography, colors and controls from the active theme/WooCommerce.
 */
.a2zlp-methods,
.a2zlp-block-wrap,
.a2zlp-customer-status {
	direction: rtl;
	text-align: right;
	font: inherit;
	color: inherit;
}

.a2zlp-methods,
.a2zlp-block-wrap {
	--a2zlp-border: color-mix(in srgb, currentColor 18%, transparent);
	--a2zlp-soft: color-mix(in srgb, currentColor 5%, transparent);
	--a2zlp-soft-strong: color-mix(in srgb, currentColor 9%, transparent);
	--a2zlp-radius: var(--wc-form-border-radius, var(--wp--custom--border-radius, 8px));
}

.a2zlp-gateway-description {
	margin-block: 0 1em;
	color: inherit;
}

.a2zlp-method-card {
	position: relative;
	margin: .75em 0;
	border: 1px solid var(--a2zlp-border, currentColor);
	border-radius: var(--a2zlp-radius, 8px);
	background: transparent;
	color: inherit;
	overflow: clip;
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.a2zlp-method-card.is-selected {
	border-color: currentColor;
	background: var(--a2zlp-soft, transparent);
	box-shadow: inset 0 0 0 1px currentColor;
}

.a2zlp-method-head {
	display: flex;
	align-items: center;
	gap: .75em;
	width: 100%;
	padding: .9em 1em;
	margin: 0;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	color: inherit;
	box-sizing: border-box;
}

.a2zlp-method-head input[type="radio"] {
	flex: 0 0 auto;
	margin: 0;
	accent-color: currentColor;
}

.a2zlp-method-head img {
	width: 42px;
	height: 42px;
	object-fit: contain;
	border-radius: calc(var(--a2zlp-radius, 8px) * .75);
	background: transparent;
}

.a2zlp-method-head > span:last-child {
	min-width: 0;
	line-height: 1.35;
}

.a2zlp-method-details {
	padding: .9em 1em 1em;
	border-top: 1px solid var(--a2zlp-border, currentColor);
	color: inherit;
}

.a2zlp-method-details[hidden] {
	display: none !important;
}

.a2zlp-method-details p {
	margin: .45em 0;
}

.a2zlp-account-line {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .4em .65em;
}

.a2zlp-method-details code {
	direction: ltr;
	display: inline-block;
	font: inherit;
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
	font-weight: 600;
	color: inherit;
	background: var(--a2zlp-soft-strong, transparent);
	border-radius: calc(var(--a2zlp-radius, 8px) * .6);
	padding: .18em .5em;
}

.a2zlp-instructions {
	margin-top: .75em;
	padding: .75em .9em;
	border-inline-start: 3px solid currentColor;
	background: var(--a2zlp-soft, transparent);
	border-radius: calc(var(--a2zlp-radius, 8px) * .75);
}

.a2zlp-instructions > :first-child { margin-top: 0; }
.a2zlp-instructions > :last-child { margin-bottom: 0; }

.a2zlp-extra-fields {
	display: flow-root;
	margin-top: 1.1em;
}

.a2zlp-extra-fields .form-row,
.a2zlp-block-wrap .a2zlp-field {
	margin-bottom: .95em;
}

.a2zlp-extra-fields label,
.a2zlp-block-wrap .a2zlp-field-label {
	display: block;
	margin: 0 0 .4em;
	font: inherit;
	font-weight: 600;
	color: inherit;
}

.a2zlp-extra-fields input[type="text"],
.a2zlp-extra-fields input[type="file"],
.a2zlp-block-wrap .a2zlp-input {
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	font: inherit;
	color: inherit;
}

.a2zlp-receipt-row {
	clear: both;
	padding-top: .2em;
}

.a2zlp-receipt-row input[type="file"],
.a2zlp-block-wrap input[type="file"].a2zlp-input {
	padding: .65em;
	border: 1px dashed var(--a2zlp-border, currentColor);
	border-radius: var(--a2zlp-radius, 8px);
	background: transparent;
}

.a2zlp-receipt-row small {
	display: block;
	margin-top: .45em;
	font-size: .88em;
	opacity: .72;
}

.a2zlp-upload-status {
	display: block;
	margin-top: .55em;
	font-size: .92em;
}

.a2zlp-upload-status.is-success,
.a2zlp-upload-status.is-error,
.a2zlp-rejection {
	font-weight: 600;
}

.a2zlp-customer-status {
	--a2zlp-border: color-mix(in srgb, currentColor 18%, transparent);
	--a2zlp-soft: color-mix(in srgb, currentColor 5%, transparent);
	--a2zlp-radius: var(--wc-form-border-radius, var(--wp--custom--border-radius, 8px));
	margin: 1.5em 0;
	padding: 1.1em 1.2em;
	border: 1px solid var(--a2zlp-border, currentColor);
	border-radius: var(--a2zlp-radius, 8px);
	background: var(--a2zlp-soft, transparent);
	color: inherit;
}

.a2zlp-customer-status h2 {
	margin-top: 0;
	color: inherit;
	font: inherit;
	font-size: 1.25em;
	font-weight: 700;
}

.a2zlp-customer-status p {
	margin: .5em 0;
}

.a2zlp-reupload-form {
	display: grid;
	gap: .7em;
	margin-top: 1em;
}

.a2zlp-reupload-form input[type="file"] {
	width: 100%;
	box-sizing: border-box;
	font: inherit;
	color: inherit;
}

.a2zlp-reupload-form .button,
.a2zlp-reupload-form button {
	justify-self: start;
	font: inherit;
}

.wc-block-checkout .a2zlp-method-head input[type="radio"] {
	width: auto;
}

@supports not (color: color-mix(in srgb, black 50%, transparent)) {
	.a2zlp-method-card,
	.a2zlp-method-details,
	.a2zlp-receipt-row input[type="file"],
	.a2zlp-block-wrap input[type="file"].a2zlp-input,
	.a2zlp-customer-status {
		border-color: currentColor;
	}
}

@media (max-width: 480px) {
	.a2zlp-method-head {
		padding: .8em;
	}
	.a2zlp-method-details {
		padding: .8em;
	}
}