/* Mercado Vivo — modo noche.
 * Sigue la preferencia del sistema; el botón del encabezado la puede fijar (claro/oscuro).
 * Misma identidad: verdes de hoja, tierra y crema, pero sobre un fondo de bosque de noche. */

:root[data-theme="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) { color-scheme: dark; } }

/* Tokens (se repiten en los dos selectores a propósito: preferencia del sistema y elección manual). */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--mv-green-900: #d9ead2; --mv-green-700: #367d45; --mv-green-500: #7fbb74; --mv-green-100: #23342a;
		--mv-earth: #e08a5c; --mv-earth-100: #3a2a20; --mv-sun: #e9b949;
		--mv-cream: #101712; --mv-paper: #18211b; --mv-ink: #e7ede5; --mv-muted: #a7b6aa; --mv-line: #2b3a30;
		--mv-shadow: 0 1px 2px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.35);
		--mv-night-deep: #0a110c; --mv-night-raise: #1d2e22; --mv-warm: #2a2418; --mv-warm-line: #4a3d22;
	}
}
:root[data-theme="dark"] {
	--mv-green-900: #d9ead2; --mv-green-700: #367d45; --mv-green-500: #7fbb74; --mv-green-100: #23342a;
	--mv-earth: #e08a5c; --mv-earth-100: #3a2a20; --mv-sun: #e9b949;
	--mv-cream: #101712; --mv-paper: #18211b; --mv-ink: #e7ede5; --mv-muted: #a7b6aa; --mv-line: #2b3a30;
	--mv-shadow: 0 1px 2px rgba(0,0,0,.45), 0 8px 24px rgba(0,0,0,.35);
	--mv-night-deep: #0a110c; --mv-night-raise: #1d2e22; --mv-warm: #2a2418; --mv-warm-line: #4a3d22;
}

/* Botón claro/oscuro (visible en ambos modos) */
.mv-theme-toggle { display: inline-flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 999px; border: 0; background: transparent; color: var(--mv-ink); cursor: pointer; }
.mv-theme-toggle:hover { background: var(--mv-green-100); }
.mv-theme-toggle .mv-icon--sun { display: none; }
.mv-is-dark .mv-theme-toggle .mv-icon--sun { display: block; }
.mv-is-dark .mv-theme-toggle .mv-icon--moon { display: none; }

/* Reglas de color que en modo claro usan valores fijos. Se activan con la clase .mv-is-dark
 * que el script pone en <html> según la preferencia efectiva (sistema o elección). */
.mv-is-dark body { background: var(--mv-cream); }
.mv-is-dark .mv-topbar { background: var(--mv-night-deep); color: #cfdccb; border-bottom: 1px solid var(--mv-line); }
.mv-is-dark .mv-header { background: rgba(24, 33, 27, .96); backdrop-filter: saturate(1.2) blur(6px); }
.mv-is-dark .mv-skip:focus { background: var(--mv-paper); color: var(--mv-ink); }
.mv-is-dark .mv-btn--primary:hover, .mv-is-dark .woocommerce .button.alt:hover, .mv-is-dark .woocommerce .single_add_to_cart_button:hover,
.mv-is-dark .woocommerce #place_order:hover, .mv-is-dark .woocommerce a.checkout-button:hover { background: #2c6a3a !important; color: #fff !important; }
.mv-is-dark .woocommerce a.button:hover, .mv-is-dark .woocommerce button.button:hover,
.mv-is-dark .mv-main .elementor-element .button:hover, .mv-is-dark .mv-main .elementor-element button[type="submit"]:hover { background: #2f4637; color: var(--mv-ink); }
.mv-is-dark .mv-btn, .mv-is-dark .woocommerce a.button, .mv-is-dark .woocommerce button.button, .mv-is-dark .mv-main .elementor-element .button { color: var(--mv-ink); }
.mv-is-dark .mv-btn--primary, .mv-is-dark .woocommerce a.button.alt, .mv-is-dark .woocommerce button.button.alt { color: #fff; }
.mv-is-dark .mv-btn--ghost { color: var(--mv-green-500); border-color: var(--mv-green-500); }
.mv-is-dark a { color: var(--mv-green-500); }
.mv-is-dark a:hover { color: #a9d79f; }
.mv-is-dark .mv-nav__list a, .mv-is-dark .mv-cat, .mv-is-dark .mv-chip, .mv-is-dark .mv-dash__tiles a, .mv-is-dark .mv-account__menu a,
.mv-is-dark .woocommerce ul.products li.product a, .mv-is-dark .woocommerce-account .woocommerce-MyAccount-navigation li a, .mv-is-dark .mv-formato__opt { color: var(--mv-ink); }
.mv-is-dark .mv-nav__list > li:first-child > a { color: var(--mv-green-500); }
.mv-is-dark .mv-chip.is-active { color: #fff; }

/* Portada */
.mv-is-dark .mv-hero { background: radial-gradient(1200px 500px at 15% 0%, #1d3123 0%, transparent 60%), var(--mv-cream); }
.mv-is-dark .mv-season { background: linear-gradient(180deg, transparent, #151f18 40%, transparent); }
.mv-is-dark .mv-fp__box p { color: #dcc6b6; }
.mv-is-dark .mv-origin__grid { background: var(--mv-night-raise); border: 1px solid var(--mv-line); }
.mv-is-dark .mv-cat__img { background: #1f2c23; }

/* Tarjetas, producto, carrito */
.mv-is-dark .woocommerce ul.products li.product:hover { border-color: #3d5043; }
.mv-is-dark .woocommerce ul.products li.product a img, .mv-is-dark .mv-cat__img img { filter: brightness(.94) saturate(1.02); }
.mv-is-dark .mv-formato__opt.is-active { background: var(--mv-night-raise); border-color: var(--mv-green-500); box-shadow: inset 0 0 0 1px var(--mv-green-500); }
.mv-is-dark .mv-minbar.is-done { background: var(--mv-night-raise); }
.mv-is-dark .mv-dash__link, .mv-is-dark .mv-box-web { background: var(--mv-warm); border-color: var(--mv-warm-line); }
.mv-is-dark .mv-datos-web th, .mv-is-dark .mv-datos-web td { border-color: var(--mv-warm-line); }
.mv-is-dark .mv-tracking { background: var(--mv-night-raise); border-color: #2e4a35; }
.mv-is-dark .mv-tracking code { background: var(--mv-cream); }
.mv-is-dark .mv-status { background: #23342a; color: #cfe6c6; }
.mv-is-dark .mv-status--processing { background: #3a2f14; color: #f0d58a; }
.mv-is-dark .mv-status--on-hold, .mv-is-dark .mv-status--pending { background: #3a2a20; color: #f0b291; }
.mv-is-dark .mv-status--cancelled, .mv-is-dark .mv-status--failed, .mv-is-dark .mv-status--refunded { background: #262a27; color: #b5bdb7; }

/* Formularios y piezas de WooCommerce con colores propios */
.mv-is-dark input[type=text], .mv-is-dark input[type=email], .mv-is-dark input[type=tel], .mv-is-dark input[type=password],
.mv-is-dark input[type=search], .mv-is-dark input[type=number], .mv-is-dark select, .mv-is-dark textarea,
.mv-is-dark .woocommerce .quantity .qty, .mv-is-dark .select2-container .select2-selection--single,
.mv-is-dark .woocommerce form .form-row input.input-text, .mv-is-dark .woocommerce form .form-row select, .mv-is-dark .woocommerce form .form-row textarea {
	background-color: #121a14 !important; color: var(--mv-ink) !important; border-color: var(--mv-line) !important;
}
.mv-is-dark ::placeholder { color: #7f8e83; opacity: 1; }
.mv-is-dark .select2-container--default .select2-selection--single .select2-selection__rendered { color: var(--mv-ink); }
.mv-is-dark .select2-dropdown { background: var(--mv-paper); color: var(--mv-ink); border-color: var(--mv-line); }
.mv-is-dark .select2-container--default .select2-results__option--highlighted[aria-selected], .mv-is-dark .select2-container--default .select2-results__option--highlighted[data-selected] { background: var(--mv-green-700); }
.mv-is-dark .woocommerce table.shop_table, .mv-is-dark .woocommerce table.shop_table th, .mv-is-dark .woocommerce table.shop_table td { color: var(--mv-ink); border-color: var(--mv-line); }
.mv-is-dark .woocommerce-info, .mv-is-dark .woocommerce-message, .mv-is-dark .woocommerce-error { color: var(--mv-ink); }
.mv-is-dark .woocommerce div.product .woocommerce-tabs ul.tabs li.active { border-bottom-color: var(--mv-paper); }
.mv-is-dark .woocommerce ul.products li.product .price del, .mv-is-dark .woocommerce div.product p.price del { color: var(--mv-muted); }
.mv-is-dark .woocommerce .star-rating span::before, .mv-is-dark .woocommerce p.stars a { color: var(--mv-sun); }
.mv-is-dark .woocommerce-checkout #payment ul.payment_methods { border-color: var(--mv-line); }
.mv-is-dark .woocommerce-checkout #payment div.payment_box { color: var(--mv-ink); }
.mv-is-dark .woocommerce form.checkout_coupon, .mv-is-dark .woocommerce form.login, .mv-is-dark .woocommerce form.register { border-color: var(--mv-line); }
.mv-is-dark .woocommerce .blockUI.blockOverlay { background: rgba(16, 23, 18, .7) !important; }
.mv-is-dark .pswp__bg { background: #0a110c; }

/* Páginas armadas con Elementor (carrito, checkout, mi cuenta): el kit fija colores claros */
.mv-is-dark .elementor-widget-text-editor, .mv-is-dark .elementor-widget-container, .mv-is-dark .elementor-heading-title { color: var(--mv-ink); }

/* Pie */
.mv-is-dark .mv-footer { background: var(--mv-night-deep); border-top: 1px solid var(--mv-line); }

/* Menos brillo en el botón de WhatsApp de noche */
.mv-is-dark .mv-wa { background: #1fa855; box-shadow: 0 6px 20px rgba(0,0,0,.45); }

/* Detalles con poco contraste sobre fondo oscuro */
.mv-is-dark .woocommerce div.product .stock.out-of-stock, .mv-is-dark .woocommerce .out-of-stock { color: #ff9a85; }
.mv-is-dark .woocommerce div.product .stock.in-stock { color: var(--mv-green-500); }
.mv-is-dark .woocommerce-checkout #payment ul.payment_methods li img, .mv-is-dark .woocommerce form .form-row .required { filter: none; }
.mv-is-dark .woocommerce-checkout #payment ul.payment_methods li img { background: #fff; border-radius: 6px; padding: 2px 6px; max-height: 28px; }
.mv-is-dark .woocommerce .woocommerce-message .button, .mv-is-dark .woocommerce .woocommerce-info .button { color: var(--mv-ink); }