/*
 * Stripe shortcodes — extracted from the V1 plugin's two inline <style> blocks.
 * Applies to both [iwai_stripe_account] and [iwai_stripe_payment_method].
 */

/* ----- Account shortcode (subscriptions + payment history + legacy) ----- */

.iwai-stripe-account {
	margin: 20px 0;
}

.iwai-stripe-subscriptions,
.iwai-stripe-invoices,
.iwai-stripe-one-time {
	margin-bottom: 40px;
}

.iwai-stripe-table {
	width: 100%;
	border-collapse: collapse;
	margin-top: 15px;
}

.iwai-stripe-table th,
.iwai-stripe-table td {
	padding: 10px;
	text-align: left;
	border-bottom: 1px solid #ddd;
}

.iwai-stripe-table th {
	background-color: #f5f5f5;
	font-weight: bold;
}

.iwai-stripe-table tr:hover {
	background-color: #f9f9f9;
}

.iwai-stripe-empty {
	color: #666;
	margin-top: 10px;
}

.iwai-stripe-invoice-link {
	color: #007cba;
	text-decoration: none;
}

.iwai-stripe-invoice-link:hover {
	text-decoration: underline;
}

/* ----- Status badges (used by both shortcodes) ----- */

.iwai-stripe-status-active,
.iwai-stripe-status-paid,
.iwai-stripe-status-succeeded {
	color: #28a745;
	font-weight: 500;
}

.iwai-stripe-status-canceling,
.iwai-stripe-status-uncollectible,
.iwai-stripe-status-void {
	color: #dc3545;
	font-weight: 500;
}

.iwai-stripe-status-open,
.iwai-stripe-status-requires_payment_method,
.iwai-stripe-status-requires_confirmation,
.iwai-stripe-status-processing {
	color: #ffc107;
}

.iwai-stripe-status-requires_action {
	color: #17a2b8;
}

.iwai-stripe-status-draft,
.iwai-stripe-status-canceled {
	color: #6c757d;
}

/* ----- Payment method shortcode ----- */

.iwai-stripe-payment-method {
	margin: 20px 0;
}

.iwai-stripe-card-info,
.iwai-stripe-no-card {
	background: #f9f9f9;
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 20px;
	max-width: 500px;
}

.iwai-stripe-card-details {
	display: flex;
	align-items: center;
	gap: 15px;
	margin-bottom: 20px;
	flex-wrap: wrap;
}

.iwai-stripe-card-brand {
	display: flex;
	align-items: center;
	gap: 8px;
	font-weight: 600;
	font-size: 16px;
}

.iwai-stripe-card-last4 {
	font-size: 16px;
	font-family: monospace;
	letter-spacing: 1px;
}

.iwai-stripe-card-expiry {
	color: #666;
	font-size: 14px;
}

.iwai-stripe-update-button {
	display: inline-block;
	background: #007cba;
	color: #fff;
	padding: 10px 20px;
	text-decoration: none;
	border-radius: 5px;
	font-weight: 500;
	transition: background 0.2s;
}

.iwai-stripe-update-button:hover {
	background: #005fa3;
	color: #fff;
	text-decoration: none;
}

.iwai-stripe-no-card p {
	margin-top: 0;
	margin-bottom: 15px;
	color: #666;
}

@media ( max-width: 768px ) {
	.iwai-stripe-table {
		font-size: 14px;
	}
	.iwai-stripe-table th,
	.iwai-stripe-table td {
		padding: 8px 5px;
	}
}

@media ( max-width: 480px ) {
	.iwai-stripe-card-details {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
}