/**
 * Partial Payment for WooCommerce – Frontend styles.
 *
 * @package PartialPaymentWC
 */

/* ── Deposit button wrapper ──────────────────────────────────────── */
.ppwc-deposit-wrap {
	display: block;
	margin-top: 8px;
	width: 100%;
}

/* ── Deposit button ──────────────────────────────────────────────── */
.ppwc-deposit-btn {
	background-color: #f0ad4e !important;
	border-color: #eea236 !important;
	color: #fff !important;
	font-weight: 600;
	transition: background-color 0.2s, border-color 0.2s;
}

.ppwc-deposit-btn:hover,
.ppwc-deposit-btn:focus {
	background-color: #ec971f !important;
	border-color: #d58512 !important;
	color: #fff !important;
}

/* Full-width variant – applied to all single-product deposit buttons */
.ppwc-deposit-btn--full {
	display: block;
	width: 100%;
	text-align: center;
}

/* Standalone form (replace mode) fills the same column as the WC form */
.ppwc-standalone-form {
	width: 100%;
}

/* Price hint inside the button */
.ppwc-price-hint {
	font-weight: 400;
	opacity: 0.9;
	font-size: 0.88em;
	margin-left: 4px;
}

/* ── Loop (archive) layout ───────────────────────────────────────── */
.ppwc-loop-btn {
	display: block;
	margin-top: 6px;
	text-align: center;
}

/* ── Cart badge ──────────────────────────────────────────────────── */
.ppwc-cart-badge {
	display: inline-block;
	padding: 2px 8px;
	background: #fff3cd;
	border: 1px solid #ffc107;
	border-radius: 3px;
	font-size: 0.8em;
	font-weight: 600;
	color: #856404;
	vertical-align: middle;
	margin-left: 6px;
}

/* ── Shortcode wrap ──────────────────────────────────────────────── */
.ppwc-shortcode-wrap {
	display: inline-block;
}

.ppwc-shortcode-btn {
	padding: 10px 20px;
}