/**
 * Delivery panel bridge — maps PCD UI to shared PC theme tokens.
 * Loads after pcd-frontend so theme wins over dark-first hardcoded rules.
 * Semantic PCD colors come from tokens.css; reassert surface aliases only.
 */

html.pc-theme-dark {
	--pcd-panel-bg: var(--pc-bg-card);
	--pcd-panel-border: var(--pc-border-soft);
	--pcd-panel-text: var(--pc-text-main);
	--pcd-panel-muted: var(--pc-text-muted);
	--pcd-surface: var(--pc-bg-elevated);
	--pcd-surface-border: var(--pc-border-soft);
	--pcd-divider: var(--pc-divider);
}

html.pc-theme-light {
	--pcd-panel-bg: var(--pc-bg-card);
	--pcd-panel-border: var(--pc-border-soft);
	--pcd-panel-text: var(--pc-text-main);
	--pcd-panel-muted: var(--pc-text-muted);
	--pcd-surface: var(--pc-surface-2);
	--pcd-surface-border: var(--pc-border-soft);
	--pcd-divider: var(--pc-divider);
}

/* —— Panel shell —— */
.pcd-panel {
	border-color: var(--pcd-panel-border) !important;
	background: var(--pcd-panel-bg) !important;
	color: var(--pcd-panel-text) !important;
	transition: var(--pc-transition-bg, 0.2s ease);
}

html.pc-theme-dark .pcd-panel {
	border-color: var(--pc-border-strong) !important;
	box-shadow: var(--pc-shadow-strong), inset 0 0 0 1px rgba(249, 115, 22, 0.06);
}

html.pc-theme-light .pcd-panel {
	box-shadow: var(--pc-shadow-soft);
}

/* —— Shared muted / titles (both themes via tokens) —— */
.pcd-panel .pcd-panel-title,
.pcd-panel-title {
	color: var(--pcd-panel-text) !important;
}

.pcd-panel .pcd-hint,
.pcd-hint,
.pcd-panel .pcd-mini-label,
.pcd-panel .pcd-status-line,
.pcd-otp-pad-label {
	color: var(--pcd-panel-muted) !important;
}

.pcd-now-box,
.pcd-unit-card,
.pcd-installments-box,
.pcd-chat-thread,
.pcd-chat-box,
.pcd-block,
.pcd-guide-text,
.pcd-contract-text,
.pcd-bacs-account,
.pcd-creds,
.pcd-file-name,
.pcd-slot-tips,
.pcd-dash-track,
.pcd-dash-card,
.pcd-inst-hub-card {
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
	color: var(--pcd-panel-text) !important;
}

.pcd-wait-banner {
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
	color: var(--pcd-panel-text) !important;
}

.pcd-dash-track {
	background:
		radial-gradient(circle at top left, rgba(249, 115, 22, 0.12), transparent 55%),
		var(--pcd-panel-bg) !important;
	border-color: var(--pcd-panel-border) !important;
	color: var(--pcd-panel-text) !important;
}

.pcd-dash-track-head h3,
.pcd-unit-title,
.pcd-unit-guide-title,
.pcd-unit-cards-title,
.pcd-block h4 {
	color: var(--pcd-panel-text) !important;
}

.pcd-dash-track-head p,
.pcd-dash-next,
.pcd-file-label {
	color: var(--pcd-panel-muted) !important;
}

.pcd-dash-status {
	color: var(--pc-orange, #f97316) !important;
}

/* —— Inputs / OTP / secondary buttons —— */
.pcd-panel .pcd-input,
.pcd-input,
.pcd-panel textarea.pcd-input,
.pcd-chat-compose .pcd-input {
	background: var(--pc-input-bg, var(--pcd-surface)) !important;
	border-color: var(--pc-input-border, var(--pcd-surface-border)) !important;
	color: var(--pcd-panel-text) !important;
}

.pcd-otp-pad {
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
	box-shadow: none;
}

.pcd-panel .pcd-otp-digit,
.pcd-otp-digit {
	background: var(--pc-input-bg, var(--pcd-surface)) !important;
	border-color: var(--pcd-surface-border) !important;
	color: var(--pcd-panel-text) !important;
	box-shadow: none;
}

.pcd-btn-secondary,
.pcd-panel .pcd-btn.pcd-btn-secondary,
.pcd-dash-notice .pcd-btn-secondary {
	background: var(--pc-bg-elevated, var(--pcd-surface)) !important;
	color: var(--pcd-panel-text) !important;
	border: 1px solid var(--pcd-surface-border) !important;
}

html.pc-theme-dark .pcd-btn-primary,
html.pc-theme-dark .pcd-panel .pcd-btn.pcd-btn-primary {
	box-shadow: var(--pc-glow-orange);
}

html.pc-theme-light .pcd-btn-primary,
html.pc-theme-light .pcd-panel .pcd-btn.pcd-btn-primary {
	background: var(--pc-orange, #f97316);
	border-color: var(--pc-orange, #f97316);
	color: #fff;
	box-shadow: none;
}

html.pc-theme-dark .pcd-now-box.is-action {
	box-shadow: var(--pc-glow-orange);
}

html.pc-theme-dark .pcd-live-badge {
	box-shadow: var(--pc-glow-green);
}

/* —— Contract preview / articles —— */
.pcd-contract-preview {
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
}

.pcd-contract-preview summary,
.pcd-contract-article h5,
.pcd-contract-article.is-intro h5 {
	color: var(--pcd-panel-text) !important;
	border-bottom-color: var(--pcd-divider) !important;
}

.pcd-contract-article {
	border-bottom-color: var(--pcd-divider) !important;
}

.pcd-contract-article p {
	color: var(--pcd-panel-muted) !important;
}

.pcd-bacs-account code {
	color: var(--pcd-color-warning-strong, #f97316) !important;
}

/* —— Chat —— */
.pcd-chat-box {
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
	color: var(--pcd-panel-text) !important;
}

.pcd-chat-msg {
	color: var(--pcd-panel-text) !important;
}

/* —— Installments hub (fix light-coded islands in dark) —— */
.pcd-inst-hub-head h2 {
	color: var(--pc-text-main, var(--pcd-panel-text)) !important;
}

.pcd-inst-hub-head p {
	color: var(--pc-text-muted, var(--pcd-panel-muted)) !important;
}

.pcd-inst-hub-empty {
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
	color: var(--pcd-panel-muted) !important;
}

.pcd-installments-box .pcd-hint,
.pcd-inst-hub-msg,
.pcd-inst-history-ts {
	color: var(--pcd-panel-muted) !important;
}

.pcd-inst-pay-center,
.pcd-inst-pay-option {
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
	color: var(--pcd-panel-text) !important;
}

/* —— Restore PCD forms against Woodmart bleed —— */
.pcd-panel input[type="text"],
.pcd-panel input[type="email"],
.pcd-panel input[type="password"],
.pcd-panel input[type="tel"],
.pcd-panel input[type="number"],
.pcd-panel input[type="search"],
.pcd-panel textarea,
.pcd-panel select,
.pcd-installments-box input[type="text"],
.pcd-installments-box input[type="number"],
.pcd-installments-box textarea,
.pcd-inst-hub input[type="text"],
.pcd-inst-hub input[type="number"],
.pcd-inst-hub textarea {
	background: var(--pc-input-bg, var(--pcd-surface)) !important;
	border-color: var(--pc-input-border, var(--pcd-surface-border)) !important;
	color: var(--pcd-panel-text) !important;
}

.pcd-panel .amount,
.pcd-panel .woocommerce-Price-amount,
.pcd-installments-box .amount,
.pcd-installments-box .woocommerce-Price-amount,
.pcd-inst-hub .amount,
.pcd-inst-hub .woocommerce-Price-amount {
	color: inherit;
}

html.pc-theme-dark .pcd-panel h1,
html.pc-theme-dark .pcd-panel h2,
html.pc-theme-dark .pcd-panel h3,
html.pc-theme-dark .pcd-panel h4,
html.pc-theme-dark .pcd-inst-hub h1,
html.pc-theme-dark .pcd-inst-hub h2,
html.pc-theme-dark .pcd-inst-hub h3,
html.pc-theme-dark .pcd-inst-hub h4 {
	color: var(--pcd-panel-text) !important;
}

/* —— Light-only polish for leftover dark gradients —— */
html.pc-theme-light .pcd-otp-pad {
	background: var(--pc-surface-sunken) !important;
	border-color: var(--pc-border-strong) !important;
}

html.pc-theme-light .pcd-panel .pcd-otp-digit,
html.pc-theme-light .pcd-otp-digit {
	background: var(--pc-bg-card) !important;
	border-color: var(--pc-border-hover) !important;
	color: var(--pc-text-main) !important;
}

html.pc-theme-light .pcd-panel .pcd-otp-digit.is-filled,
html.pc-theme-light .pcd-otp-digit.is-filled {
	background: var(--pcd-color-success-bg) !important;
	border-color: var(--pcd-color-success-border) !important;
	color: var(--pcd-color-success) !important;
}

html.pc-theme-light .pcd-dash-notice,
html.pc-theme-light .pcd-flash,
html.pc-theme-light .pcd-ready-toast,
html.pc-theme-light .pcd-chat-msg {
	color: var(--pcd-panel-text);
	background: var(--pcd-surface) !important;
	border-color: var(--pcd-surface-border) !important;
}

html.pc-theme-light .pcd-chat-box {
	box-shadow: var(--pc-shadow-card);
}