/* WC Dd Conversion Boost - Estilos frontend */

.cb-wcb-widget {
	margin: 12px 0;
	font-size: 14px;
	line-height: 1.5;
	box-sizing: border-box;
}
.cb-wcb-widget * {
	box-sizing: border-box;
}
.cb-wcb-icon {
	margin-right: 6px;
}
.cb-wcb-widget-title {
	font-size: 17px;
	margin: 0 0 10px;
	font-weight: 600;
}

/* Personas viendo */
.cb-wcb-viewers {
	background: var( --cbwcb-viewers-bg, #fff4e5 );
	border: 1px solid var( --cbwcb-viewers-border, #ffd8a8 );
	color: var( --cbwcb-viewers-text, #8a4b00 );
	padding: 8px 12px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
}

/* Ahorro por descuento */
.cb-wcb-savings {
	background: var( --cbwcb-savings-bg, #e8f9ee );
	border: 1px solid var( --cbwcb-savings-border, #a3e9bf );
	color: var( --cbwcb-savings-text, #146c34 );
	padding: 8px 12px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	font-weight: 600;
}

/* Badge de medio de pago */
.cb-wcb-paymentbadge {
	background: var( --cbwcb-paymentbadge-bg, #fff9e6 );
	border: 1px solid var( --cbwcb-paymentbadge-border, #ffe58a );
	color: var( --cbwcb-paymentbadge-text, #8a6d00 );
	padding: 8px 12px;
	border-radius: 6px;
	display: inline-flex;
	align-items: center;
	font-weight: 600;
}

/* Más vendido */
.cb-wcb-bestseller-badge {
	display: inline-block;
	background: var( --cbwcb-bestseller-bg, #ff4757 );
	color: var( --cbwcb-bestseller-text, #fff );
	padding: 5px 12px;
	border-radius: 999px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.3px;
	text-transform: uppercase;
}

/* Opiniones */
.cb-wcb-reviews-summary {
	display: flex;
	align-items: center;
	gap: 8px;
}
.cb-wcb-reviews-summary .star-rating {
	margin: 0;
}
.cb-wcb-reviews-link {
	text-decoration: underline;
	color: inherit;
}

/* Countdown */
.cb-wcb-countdown {
	background: var( --cbwcb-countdown-bg, #1a1a2e );
	color: var( --cbwcb-countdown-text, #fff );
	padding: 14px 16px;
	border-radius: 8px;
}
.cb-wcb-countdown-title {
	font-weight: 600;
	margin-bottom: 10px;
	font-size: 14px;
}
.cb-wcb-countdown-timer {
	display: flex;
	gap: 10px;
}
.cb-wcb-countdown-unit {
	background: var( --cbwcb-countdown-accent, rgba(255,255,255,0.1) );
	border-radius: 6px;
	padding: 8px 10px;
	text-align: center;
	min-width: 52px;
}
.cb-wcb-countdown-unit span {
	display: block;
	font-size: 20px;
	font-weight: 700;
	font-variant-numeric: tabular-nums;
}
.cb-wcb-countdown-unit small {
	font-size: 10px;
	text-transform: uppercase;
	opacity: 0.7;
}
.cb-wcb-countdown.is-expired .cb-wcb-countdown-timer {
	display: none;
}
.cb-wcb-countdown-expired-msg {
	font-weight: 600;
}

/* Envío gratis */
.cb-wcb-freeshipping {
	background: var( --cbwcb-freeshipping-bg, #eef6ff );
	border: 1px solid var( --cbwcb-freeshipping-border, #bcdcff );
	padding: 10px 12px;
	border-radius: 6px;
}
.cb-wcb-freeshipping-text {
	font-size: 13px;
	margin-bottom: 6px;
	color: var( --cbwcb-freeshipping-text, #0a4b8c );
}
.cb-wcb-freeshipping.is-reached .cb-wcb-freeshipping-text {
	color: var( --cbwcb-freeshipping-reached, #146c34 );
	font-weight: 600;
}
.cb-wcb-freeshipping-bar-bg {
	background: var( --cbwcb-freeshipping-bar-bg, #d7e9ff );
	border-radius: 999px;
	height: 8px;
	overflow: hidden;
}
.cb-wcb-freeshipping-bar-fill {
	background: var( --cbwcb-freeshipping-bar-fill, #2e8bff );
	height: 100%;
	border-radius: 999px;
	transition: width 0.4s ease;
}
.cb-wcb-freeshipping.is-reached .cb-wcb-freeshipping-bar-fill {
	background: var( --cbwcb-freeshipping-reached, #22b573 );
}

/* Notificación de compra reciente (toast) */
.cb-wcb-recent-sale-toast {
	position: fixed;
	left: 20px;
	bottom: 20px;
	max-width: 320px;
	background: var( --cbwcb-toast-bg, #fff );
	border: 1px solid var( --cbwcb-toast-border, #e2e2e2 );
	color: var( --cbwcb-toast-text, #333 );
	box-shadow: 0 8px 24px rgba(0,0,0,0.12);
	border-radius: 10px;
	padding: 12px 16px;
	font-size: 13px;
	z-index: 9999;
	display: flex;
	align-items: center;
	gap: 10px;
	transform: translateY(20px);
	opacity: 0;
	transition: transform 0.35s ease, opacity 0.35s ease;
}
.cb-wcb-recent-sale-toast.is-visible {
	transform: translateY(0);
	opacity: 1;
}
.cb-wcb-recent-sale-toast .cb-wcb-toast-icon {
	font-size: 20px;
}
.cb-wcb-recent-sale-toast .cb-wcb-toast-close {
	margin-left: auto;
	cursor: pointer;
	opacity: 0.5;
	font-size: 14px;
	background: none;
	border: none;
	color: inherit;
}

/* Garantías */
.cb-wcb-warranty-list {
	list-style: none;
	margin: 0;
	padding: 0;
}
.cb-wcb-warranty-item {
	display: flex;
	align-items: flex-start;
	gap: 8px;
	padding: 6px 0;
}
.cb-wcb-warranty-text strong {
	display: block;
	color: var( --cbwcb-warranty-title, #1a1a1a );
}
.cb-wcb-warranty-text small {
	color: var( --cbwcb-warranty-text, #666 );
}

/* Badges de confianza */
.cb-wcb-trustbadges {
	display: flex;
	flex-wrap: wrap;
	gap: 10px 18px;
	padding: 10px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.cb-wcb-trustbadge-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12.5px;
	color: var( --cbwcb-trustbadges-text, #444 );
}

/* FAQ */
.cb-wcb-faq {
	max-width: 800px;
	margin: 40px 0;
}
.cb-wcb-faq .cb-wcb-widget-title {
	color: var( --cbwcb-faq-title, #1a1a1a );
}
.cb-wcb-faq-item {
	border-bottom: 1px solid var( --cbwcb-faq-border, #e5e5e5 );
}
.cb-wcb-faq-question {
	width: 100%;
	background: none;
	border: none;
	text-align: left;
	padding: 14px 4px;
	font-size: 15px;
	font-weight: 600;
	cursor: pointer;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	color: var( --cbwcb-faq-question, #1a1a1a );
}
.cb-wcb-faq-toggle-icon {
	font-size: 18px;
	transition: transform 0.2s ease;
	flex-shrink: 0;
}
.cb-wcb-faq-question[aria-expanded="true"] .cb-wcb-faq-toggle-icon {
	transform: rotate(45deg);
}
.cb-wcb-faq-answer {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.25s ease;
	padding: 0 4px;
}
.cb-wcb-faq-answer p {
	margin: 0 0 14px;
	color: var( --cbwcb-faq-answer, #555 );
}

/* Comprados juntos */
.cb-wcb-fbt {
	max-width: 900px;
	margin: 40px 0;
}
.cb-wcb-fbt .cb-wcb-widget-title {
	color: var( --cbwcb-fbt-title, #1a1a1a );
}
.cb-wcb-fbt-items {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 14px;
}
.cb-wcb-fbt-item {
	width: 160px;
}
.cb-wcb-fbt-image img {
	width: 100%;
	height: auto;
	border-radius: 6px;
	border: 1px solid var( --cbwcb-fbt-border, #eee );
}
.cb-wcb-fbt-checkbox {
	display: flex;
	align-items: flex-start;
	gap: 6px;
	margin-top: 8px;
	cursor: pointer;
	font-size: 13px;
}
.cb-wcb-fbt-name {
	flex: 1;
}
.cb-wcb-fbt-price {
	display: block;
	font-weight: 600;
	color: var( --cbwcb-fbt-price, #333 );
}
.cb-wcb-fbt-plus {
	font-size: 24px;
	color: #999;
	font-weight: 300;
}
.cb-wcb-fbt-summary {
	margin-top: 18px;
	display: flex;
	align-items: center;
	gap: 14px;
	flex-wrap: wrap;
}
.cb-wcb-fbt-total-price {
	font-size: 18px;
	font-weight: 700;
	color: var( --cbwcb-fbt-price, #333 );
}
.cb-wcb-fbt-add-btn.button {
	cursor: pointer;
	background: var( --cbwcb-fbt-button-bg, #2271b1 );
	border-color: var( --cbwcb-fbt-button-bg, #2271b1 );
	color: var( --cbwcb-fbt-button-text, #fff );
}
.cb-wcb-fbt-add-btn.button:hover,
.cb-wcb-fbt-add-btn.button:focus {
	background: var( --cbwcb-fbt-button-bg, #2271b1 );
	border-color: var( --cbwcb-fbt-button-bg, #2271b1 );
	color: var( --cbwcb-fbt-button-text, #fff );
	opacity: 0.9;
}
.cb-wcb-fbt-message {
	margin-top: 10px;
	font-size: 13px;
	padding: 8px 10px;
	border-radius: 6px;
}
.cb-wcb-fbt-message.success {
	background: #e8f9ee;
	color: #146c34;
}
.cb-wcb-fbt-message.error {
	background: #fdeaea;
	color: #a30d0d;
}

@media (max-width: 480px) {
	.cb-wcb-recent-sale-toast {
		left: 10px;
		right: 10px;
		max-width: none;
	}
	.cb-wcb-countdown-timer {
		gap: 6px;
	}
	.cb-wcb-countdown-unit {
		min-width: 44px;
		padding: 6px 8px;
	}
}