/**
 * Frontend Styles for WooCommerce Line of Credit
 *
 * @package Noble\WCCreditLine
 */

/* My Account Credit Line */
.wccl-myaccount-credit {
	margin: 20px 0;
}

.wccl-credit-summary {
	background: #f9f9f9;
	padding: 20px;
	margin-bottom: 20px;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
}

.wccl-credit-amounts {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	gap: 15px;
	margin-top: 15px;
}

.wccl-credit-amounts > div {
	padding: 15px;
	background: #fff;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
}

.wccl-status-badge {
	display: inline-block;
	padding: 4px 10px;
	border-radius: 3px;
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}

.wccl-status-active {
	background: #5cb85c;
	color: #fff;
}

.wccl-status-frozen {
	background: #d9534f;
	color: #fff;
}

.wccl-status-paid {
	background: #5cb85c;
	color: #fff;
}

.wccl-status-unpaid {
	background: #f0ad4e;
	color: #fff;
}

/* Checkout Payment Info */
.wccl-credit-info {
	background: #f9f9f9;
	padding: 15px;
	margin: 10px 0;
	border-radius: 4px;
	border: 1px solid #e0e0e0;
}

.wccl-credit-info p {
	margin: 5px 0;
}

/* Responsive */
@media (max-width: 768px) {
	.wccl-credit-amounts {
		grid-template-columns: 1fr;
	}
}