/**
 * Simple Deposits for WooCommerce — Frontend styles
 *
 * This file did not exist among the files re-prefixed in Step 0, so
 * it starts here with just the single-product deposit badge section
 * (Feature D). Later phases (cart/checkout breakdown rows, payment
 * mode toggle) will append further sections below rather than
 * interleaving rules mid-file.
 */

.sdfw-deposit-badge {
	margin: 0 0 1em;
	padding: 0.5em 0.75em;
	background: #f7f7f7;
	border-left: 3px solid #7f54b3;
	font-size: 0.95em;
	line-height: 1.4;
}

.sdfw-deposit-badge-amount {
	font-weight: 600;
}

/**
 * Cart & checkout deposit breakdown rows (SDFW_Cart) — the two rows
 * appended after the order total on the cart page and in the checkout
 * order review box. Kept visually distinct from the plain order-total
 * row above them, but light enough not to compete with it.
 */
.sdfw-deposit-row th,
.sdfw-fee-row th {
	font-weight: 400;
}


.sdfw-fee-row td {
	font-weight: 600;
	color: #3c434a;
}

.sdfw-deposit-row td,
.sdfw-cod-row td {
	font-weight: 600;
}

.sdfw-deposit-row td {
	color: #7f54b3;
}

.sdfw-cod-row td {
	color: #3c434a;
}

.sdfw-deposit-row:first-of-type th,
.sdfw-deposit-row:first-of-type td {
	border-top: 1px solid #e0e0e0;
	padding-top: 0.75em;
}

.sdfw-payable-row th,
.sdfw-payable-row td {
	border-top: 1px solid #e0e0e0;
	padding-top: 0.75em;
	font-weight: 700;
}

/**
 * Below-minimum full-payment notice (SDFW_Gateway::payment_fields()) —
 * shown instead of the merchant's normal deposit/COD description when
 * the cart total doesn't meet the site-wide minimum for a partial split.
 */
.sdfw-full-payment-notice {
	margin: 0.5em 0 0;
	padding: 0.5em 0.75em;
	background: #f7f7f7;
	border-left: 3px solid #7f54b3;
	font-size: 0.95em;
	line-height: 1.4;
}

/**
 * Deposit-vs-full payment mode toggle (SDFW_Gateway::payment_fields(),
 * Feature B) — the two radio options letting the customer switch
 * between a partial deposit and paying the full order total online.
 */
.sdfw-payment-mode-toggle {
	margin: 0.75em 0 0;
	padding: 0;
	border: 0;
}

.sdfw-payment-mode-legend {
    width: 100%;
    padding-bottom: 0.3em;
    margin-bottom: 0.5em;
	font-size: 18px;
    font-weight: 800;
    border-bottom: 1px solid #e0e0e0;
}

.sdfw-payment-mode-option {
	display: block;
	margin: 0 0 0.5em;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
}

.sdfw-payment-mode-option:last-child {
	margin-bottom: 0;
}

.sdfw-payment-mode-option input[type="radio"] {
	margin-right: 0.4em;
}