/**
 * Frontend styles for the Sayad cheque submission guide, shown on the
 * WooCommerce thank-you page and the customer's My Account order view.
 */

.sci-installment-option {
	border: 1px solid #e2e2e2;
	border-radius: 4px;
	padding: 12px 14px;
	margin-bottom: 14px;
	background: #fafafa;
}

.sci-installment-option label {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
}

.sci-installment-option__description,
.sci-installment-option__hint {
	margin: 6px 0 0;
	font-size: 0.9em;
	color: #555;
}

.sci-thankyou-notice {
	background: #eef8ee;
	border: 1px solid #bfe3bf;
	color: #205d20;
	padding: 12px 16px;
	border-radius: 4px;
	margin-bottom: 20px;
}

.sci-cheque-guide {
	margin-top: 30px;
	border: 1px solid #e2e2e2;
	border-radius: 6px;
	padding: 20px;
	background: #fafafa;
}

.sci-cheque-guide h2 {
	margin-top: 0;
}

.sci-cheque-guide__image {
	text-align: center;
	margin-bottom: 20px;
}

.sci-cheque-guide__image img {
	max-width: 100%;
	height: auto;
	border: 1px solid #ddd;
	border-radius: 4px;
}

.sci-cheque-guide__summary,
.sci-cheque-guide__schedule {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}

.sci-cheque-guide__summary th,
.sci-cheque-guide__summary td,
.sci-cheque-guide__schedule th,
.sci-cheque-guide__schedule td {
	border: 1px solid #e2e2e2;
	padding: 8px 12px;
	text-align: right;
}

.sci-cheque-guide__schedule thead th {
	background: #f1f1f1;
}

.sci-cheque-guide__text {
	line-height: 2;
}