/* ==========================================================================
   Revix WooCommerce Trust Badges — v1.9.0
   Uses --rvx-* tokens defined in public.css (loaded alongside this file).
   ========================================================================== */

/* ── ProductBadge ── */
.drvws-woo-product-badge-wrap {
	margin: 12px 0 16px;
}

.drvws-woo-product-badge {
	display: inline-flex;
	align-items: center;
	gap: 14px;
	padding: 12px 16px;
	background: var(--rvx-surface-card, #fff);
	border: 1px solid var(--rvx-border, #e0e0e0);
	border-radius: 12px;
	box-shadow: 0 1px 3px rgba(0,0,0,.08);
	text-decoration: none;
	cursor: pointer;
	transition: box-shadow .3s, transform .3s, border-color .3s;
	max-width: 100%;
}

.drvws-woo-product-badge:hover {
	border-color: var(--rvx-primary, #2271b1);
	box-shadow: 0 6px 20px rgba(34,113,177,.18);
	transform: translateY(-2px);
}

.drvws-wpb-arc {
	flex-shrink: 0;
}

.drvws-wpb-info {
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.drvws-wpb-row1 {
	display: flex;
	align-items: center;
	gap: 8px;
}

.drvws-wpb-rating {
	font-weight: 800;
	font-size: 18px;
	color: var(--rvx-text-strong, #1f2937);
	line-height: 1;
	font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
}

.drvws-wpb-stars {
	display: flex;
	align-items: center;
	gap: 2px;
}

.drvws-wpb-row2 {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 13px;
	color: var(--rvx-text-muted, #6b7280);
}

.drvws-wpb-check {
	color: var(--rvx-success, #00a32a);
	flex-shrink: 0;
}

.drvws-wpb-cta {
	display: flex;
	align-items: center;
	gap: 4px;
	font-size: 12px;
	font-weight: 600;
	color: var(--rvx-text-link, #2271b1);
	opacity: .62;
	transition: opacity .25s, transform .25s;
	transform: translateX(0);
}

.drvws-woo-product-badge:hover .drvws-wpb-cta {
	opacity: 1;
	transform: translateX(2px);
}

/* ── FooterBadge ── */
.drvws-woo-footer-badge {
	display: flex;
	align-items: center;
	gap: 16px;
	flex-wrap: wrap;
	padding: 14px 18px;
	margin: 16px 0;
	background: var(--rvx-surface-sunken, #f9f9f9);
	border: 1px solid var(--rvx-border, #e0e0e0);
	border-radius: 12px;
	box-sizing: border-box;
}

.drvws-wfb-arc {
	flex-shrink: 0;
}

.drvws-wfb-info {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1;
	min-width: 0;
}

.drvws-wfb-row1 {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 14px;
	color: var(--rvx-text-strong, #1f2937);
}

.drvws-wfb-sep {
	color: var(--rvx-text-faint, #9ca3af);
}

.drvws-wfb-count {
	color: var(--rvx-text-muted, #6b7280);
}

.drvws-wfb-row2 {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--rvx-text-muted, #6b7280);
}

.drvws-wfb-brand {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	font-weight: 700;
	color: var(--rvx-text-body, #374151);
}

.drvws-wfb-brand img {
	display: block;
}

.drvws-wfb-cta {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 8px 14px;
	border: 1px solid var(--rvx-border-strong, #d1d5db);
	border-radius: 8px;
	font-size: 13px;
	font-weight: 600;
	color: var(--rvx-text-strong, #1f2937);
	text-decoration: none;
	background: var(--rvx-surface-card, #fff);
	transition: border-color .2s, background .2s;
	flex-shrink: 0;
}

.drvws-wfb-cta:hover {
	border-color: var(--rvx-primary, #2271b1);
	background: var(--rvx-primary-50, #eaf3fa);
	color: var(--rvx-primary, #2271b1);
}

/* Dark theme support */
[data-rvx-theme="dark"] .drvws-woo-product-badge,
.rvx-dark .drvws-woo-product-badge {
	background: var(--rvx-surface-card, #1a2332);
	border-color: var(--rvx-border, #2d3748);
}

[data-rvx-theme="dark"] .drvws-woo-footer-badge,
.rvx-dark .drvws-woo-footer-badge {
	background: var(--rvx-surface-sunken, #141d2b);
	border-color: var(--rvx-border, #2d3748);
}