/*! * cart-v2.css — Hechizos de Amor * * Skin del carrito v2 (CONTRATO desarrollo/web/carrito-v2.md §5). Reconfigura * el MISMO markup del plugin lumik-agency-widgets (cart.css, class-renderer.php) * más las 3 secciones nuevas impresas por cart-v2.php en los 4 do_action del * parche (lumik_cart_after_header / lumik_cart_after_items / lumik_cart_footer_start * / lumik_cart_footer_end). El plugin sigue siendo el motor: nada de abrir/cerrar, * foco, AJAX de cantidad/eliminar se toca acá — solo geometría, color y tipografía. * * Prefijo obligatorio en TODA regla que toque una propiedad que también tocan * header.css §6b (0,1,1 / 0,2,1) o cart-empty.css sección 2 fúnebre (0,3,1 / 0,4,1): * `body.hda-cart-v2 .zenth-cart-root` → (0,3,1) en la base, (0,4,1) con un pseudo- * clase encima. Empata con cart-empty.css en fúnebre; el empate lo resuelve el * encolado (hda-cart-v2 depende de [lumik-cart, hda-cart-empty] → siempre se * imprime DESPUÉS en el , dependencia declarada, no orden de llamada). * * Tokens: --hc2-* con fallback a --mm-* (que declara cart-empty.css sobre la * MISMA `.zenth-cart-root`, CONTRATO §3.1) para no depender de que ese archivo * esté encolado. Dos bloques, igual que pide §5: floral en * `body.hda-cart-v2 .zenth-cart-root`, fúnebre en * `body.hda-cart-v2.hda-funeral-theme .zenth-cart-root` (0,4,1: gana sin * depender de orden). El resto de los componentes usa siempre var(--hc2-*): * el tema correcto sale solo por cascada de custom properties, sin repetir * selectores fúnebres salvo que la ESTRUCTURA (no el color) cambie. * * Guard `:not(:has(.zenth-cart-drawer__body--empty))` obligatorio en CUALQUIER * `display`/`background` que esta hoja ponga sobre `.zenth-cart-drawer` o su * `__footer`: con el carrito vacío manda cart-empty.css (`--mm-panel`, gotcha * 63) y el plugin (`body--empty ~ footer{display:none}`, cart.css:453) — sin * el guard, nuestra mayor especificidad les gana y el pie/fondo quedan * visibles sobre el estado vacío (bug real, atrapado en captura de pantalla). * `.zenth-cart-drawer__shipping-wrap` se oculta SIEMPRE (barra nativa, * reemplazada por `.hda-cart-v2__ship`); la línea propia se oculta SOLO en * vacío (se imprime siempre desde PHP, §4.2). */ /* ============================================================ 0) TOKENS (§5) — con fallback a --mm-*, sin asumir que cart-empty.css esté encolado (CONTRATO §3.1). ============================================================ */ body.hda-cart-v2 .zenth-cart-root { --hc2-brand: var(--mm-brand, #960946); --hc2-brand-dark: #7B0035; --hc2-on-brand: #FFFFFF; --hc2-on-brand-soft: rgba(255, 255, 255, .82); --hc2-surface: #FFFFFF; --hc2-band: var(--mm-chip, #FCEFE7); --hc2-line: var(--mm-panel-edge, #F6DACE); --hc2-control-line: #9B8982; /* F4 */ --hc2-text: #1A1A1A; --hc2-muted: #6B6B6B; --hc2-overlay: rgba(46, 3, 22, .55); /* Variables del PLUGIN, pisadas en la misma regla (§5) */ --zenth-cart-width: 480px; --zenth-cart-speed: 320ms; --zenth-cart-ease: cubic-bezier(.22, .61, .36, 1); --zenth-cart-speed-close: 320ms; --zenth-cart-overlay: var(--hc2-overlay); --zenth-cart-shadow: 0 30px 80px rgba(0, 0, 0, .35); --zenth-cart-accent: var(--hc2-brand); } body.hda-cart-v2.hda-funeral-theme .zenth-cart-root { --hc2-brand: var(--mm-brand, #4B5568); --hc2-brand-dark: #3A4250; --hc2-band: var(--mm-chip, #E8EAEE); --hc2-line: var(--mm-panel-edge, #C7CBD1); --hc2-control-line: #8B8E92; /* F4 */ --hc2-overlay: rgba(30, 34, 44, .6); --zenth-cart-overlay: var(--hc2-overlay); --zenth-cart-accent: var(--hc2-brand); } /* ============================================================ 1) NEUTRALIZACIÓN GLOBAL (gotcha 54) ============================================================ text-shadow:none mata de una sola vez el `.elementor-kit-840 button{text-shadow:0 0 10px rgba(0,0,0,.3)}` del kit sobre CUALQUIER