/**
 * Woo Stripe Gateway styles.
 *
 * Deliberately minimal — buttons and tables inherit the theme, and only the
 * plugin's own affordances (status pills, payout warnings, the Element wrapper)
 * are styled here.
 */

/* -------------------------------------------------------------------------
 * Checkout
 * ---------------------------------------------------------------------- */

.wsg-payment-fields {
	padding: 4px 0;
}

.wsg-payment-element {
	margin: 12px 0;
	min-height: 40px;
}

.wsg-payment-element .wsg-loading {
	color: #6b7280;
	font-size: 0.9em;
}

.wsg-payment-errors {
	display: none;
	margin: 10px 0 0;
	padding: 10px 12px;
	border-left: 3px solid #b32d2e;
	background: #fcf0f1;
	color: #8a1f21;
	font-size: 0.9em;
}

.wsg-test-mode-notice {
	margin: 8px 0;
	padding: 8px 12px;
	background: #fdf6e3;
	border-left: 3px solid #dba617;
	font-size: 0.88em;
}

.wsg-test-mode-notice code {
	background: transparent;
	padding: 0;
}

/* -------------------------------------------------------------------------
 * Connect status pills
 * ---------------------------------------------------------------------- */

.wsg-connect-status {
	display: inline-block;
	padding: 2px 10px;
	border-radius: 999px;
	font-size: 0.82em;
	font-weight: 600;
	line-height: 1.7;
	white-space: nowrap;
}

.wsg-status-active {
	background: #edfaef;
	color: #1a6b2e;
}

.wsg-status-pending {
	background: #fdf6e3;
	color: #7a5c00;
}

.wsg-status-restricted {
	background: #fcf0f1;
	color: #8a1f21;
}

.wsg-status-not_connected {
	background: #f0f0f1;
	color: #50575e;
}

/* -------------------------------------------------------------------------
 * My Account page
 * ---------------------------------------------------------------------- */

.wsg-account-page .wsg-account-table th {
	width: 40%;
	text-align: left;
}

.wsg-account-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 20px;
}

.wsg-disconnect-button {
	opacity: 0.85;
}

.wsg-synced-note,
.wsg-liability-note {
	color: #6b7280;
	font-size: 0.86em;
}

.wsg-notice-restricted ul,
.wsg-notice-pending ul {
	margin: 8px 0 0 20px;
	list-style: disc;
}

.wsg-connect-button-wrap {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}

.wsg-connect-logged-out {
	color: #6b7280;
	font-size: 0.9em;
}

/* -------------------------------------------------------------------------
 * Admin
 * ---------------------------------------------------------------------- */

.wsg-effective-payout .wsg-effective-payout-value {
	float: left;
}

.wsg-payout-warning .wsg-effective-payout-value strong {
	color: #b32d2e;
}

.wsg-payout-warning-text {
	display: block;
	clear: both;
	padding-top: 4px;
	color: #b32d2e !important;
}

/* WooCommerce's list table is table-layout: fixed and only sizes its own
 * columns, so an unsized custom column collapses to a few pixels. */
table.wp-list-table .column-wsg_payout {
	width: 14%;
}

.wsg-payout-warning-badge {
	display: inline-block;
	padding: 1px 8px;
	border-radius: 3px;
	background: #fcf0f1;
	color: #8a1f21;
	font-size: 0.9em;
}

.wsg-order-payout {
	margin: 0;
}

.wsg-order-payout li {
	margin: 0 0 6px;
	line-height: 1.5;
}

.wsg-order-payout code {
	font-size: 0.9em;
	word-break: break-all;
}

.wsg-order-fallback-warning {
	margin-top: 10px !important;
	padding: 8px 10px;
	border-left: 3px solid #b32d2e;
	background: #fcf0f1;
	color: #8a1f21;
}

/* Connect settings fields greyed out while the master toggle is off. */
.wsg-setting-disabled {
	opacity: 0.45;
}

.wsg-setting-disabled input,
.wsg-setting-disabled select,
.wsg-setting-disabled textarea {
	pointer-events: none;
}

.wsg-misrouting-notice ul {
	margin-bottom: 10px;
}

/* -------------------------------------------------------------------------
 * My Account — payment methods
 * ---------------------------------------------------------------------- */

.wsg-add-payment-method-intro {
	margin: 0 0 12px;
	color: #6b7280;
	font-size: 0.9em;
}

.wsg-add-payment-method .wsg-payment-element {
	max-width: 480px;
}

.woocommerce-MyAccount-paymentMethods tr.default-payment-method td {
	background: #f6f7f7;
}