/* =========================================================
   SS DECO - ACCOUNT + CART BADGE FIX 3.0c
   ========================================================= */

/* ---------------------------------------------------------
   1. ACCOUNT DROPDOWN EN MODO OSCURO
   El panel permanece claro y todo el contenido pasa a negro.
   --------------------------------------------------------- */

html[data-ss-theme="dark"] .ct-account-dropdown,
html[data-ss-theme="dark"] .ct-account-content,
html[data-ss-theme="dark"] #header [data-id="account"] .ct-dropdown-menu,
html[data-ss-theme="dark"] #header .ct-header-account .ct-dropdown-menu,
html[data-ss-theme="dark"] #header .ct-account-item .ct-dropdown-menu {
	background: #ffffff !important;
	color: #141416 !important;
	border-color: rgba(20, 20, 22, 0.14) !important;
}

/* Texto, nombre, email y opciones */
html[data-ss-theme="dark"] .ct-account-dropdown :is(a, p, span, strong, small, div),
html[data-ss-theme="dark"] .ct-account-content :is(a, p, span, strong, small, div),
html[data-ss-theme="dark"] #header [data-id="account"] .ct-dropdown-menu :is(a, p, span, strong, small, div),
html[data-ss-theme="dark"] #header .ct-header-account .ct-dropdown-menu :is(a, p, span, strong, small, div) {
	color: #141416 !important;
	opacity: 1 !important;
}

/* Email/secundario un poco mas suave, pero siempre legible */
html[data-ss-theme="dark"] .ct-account-dropdown :is(small, .user-email, .ct-account-email),
html[data-ss-theme="dark"] .ct-account-content :is(small, .user-email, .ct-account-email) {
	color: #5f5a5d !important;
}

/* Hover de las opciones */
html[data-ss-theme="dark"] .ct-account-dropdown a:hover,
html[data-ss-theme="dark"] .ct-account-content a:hover,
html[data-ss-theme="dark"] #header [data-id="account"] .ct-dropdown-menu a:hover {
	color: var(--ss-commerce-accent, var(--ss-accent, #744052)) !important;
	background: rgba(116, 64, 82, 0.08) !important;
}

/* ---------------------------------------------------------
   2. BADGE DEL CARRITO
   Sustituye el verde por el cereza/ciruela de la web.
   --------------------------------------------------------- */

html[data-ss-theme] #header [data-id="cart"] .ct-dynamic-count,
html[data-ss-theme] #header .ct-header-cart .ct-dynamic-count,
html[data-ss-theme] #header .ct-cart-item .ct-dynamic-count,
html[data-ss-theme] #header [class*="ct-dynamic-count"] {
	background: var(--ss-commerce-accent, var(--ss-accent, #744052)) !important;
	border-color: var(--ss-commerce-accent, var(--ss-accent, #744052)) !important;
	color: #ffffff !important;
	box-shadow: 0 0 0 1px var(--ss-commerce-accent, var(--ss-accent, #744052)) !important;
}

/* Refuerzo para pseudoelementos o variantes de Blocksy */
html[data-ss-theme] #header [data-id="cart"] [data-count],
html[data-ss-theme] #header .ct-header-cart [data-count] {
	--theme-badge-background-color: var(--ss-commerce-accent, var(--ss-accent, #744052)) !important;
	--theme-badge-text-color: #ffffff !important;
}