/** * SUR Configurador — estilos específicos del carrito y checkout * Versión: 1.14.2 * * Se enqueue solo en is_cart() / is_checkout() para no contaminar el resto * del site. Soluciona la alineación de los items del configurador (modo Pack * y modo individual) cuando la celda del nombre crece con el desglose de * componentes y deja al precio/cantidad/subtotal centrados verticalmente. * * Cambios v1.14.2: * - Botones "Guardar PDF" / "Enviar (PDF)" / "Imprimir" reestilados como * chunky 3D granate (paleta del modal de envío por email v1.14.0). * Ahora se renderizan ENCIMA de la tabla del carrito vía hook * `woocommerce_before_cart_table` (antes estaban debajo, en * `woocommerce_cart_actions`). * - Iconos SVG inline (antes emoji) — más nítidos y respetan la paleta. * - Variante `--ghost` para "Enviar (PDF)": cream outline para diferenciar * visualmente las acciones directas (Guardar/Imprimir) del paso intermedio * que abre el modal. * * Tema validado: Electro Electronics Store (style.min.css define * `table.cart td { vertical-align: middle }` con especificidad 0,1,2). */ /* Alinear celdas precio/cantidad/subtotal/nombre arriba en items del carrito */ table.shop_table.cart tr.cart_item td.product-price, table.shop_table.cart tr.cart_item td.product-quantity, table.shop_table.cart tr.cart_item td.product-subtotal, table.shop_table.cart tr.cart_item td.product-name, table.shop_table.cart tr.cart_item td.product-thumbnail, table.shop_table.cart tr.cart_item td.product-remove, table.shop_table_responsive.cart tr.cart_item td.product-price, table.shop_table_responsive.cart tr.cart_item td.product-quantity, table.shop_table_responsive.cart tr.cart_item td.product-subtotal, table.shop_table_responsive.cart tr.cart_item td.product-name, table.shop_table_responsive.cart tr.cart_item td.product-thumbnail, table.shop_table_responsive.cart tr.cart_item td.product-remove { vertical-align: top !important; } /* Margen superior entre el nombre del producto y la composición que aparece debajo */ table.shop_table.cart tr.cart_item td.product-name dl.variation, table.shop_table.cart tr.cart_item td.product-name .wc-item-meta, table.shop_table_responsive.cart tr.cart_item td.product-name dl.variation, table.shop_table_responsive.cart tr.cart_item td.product-name .wc-item-meta { margin-top: 8px; } /* Item Pack sin imagen de carcasa (slug detectado vacío): ocultar el hueco */ .sur-pack-sin-imagen { display: inline-block; width: 0; height: 0; } /* ===== v1.14.2: botones de acción del carrito (chunky 3D) ===== */ .sur-cart-pdf-actions--top { display: flex !important; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; margin: 0 0 18px !important; padding: 0; } /* Botón chunky base — duplicado del email-modal.css con scope diferente. Mantener sincronizado si se cambia la paleta del banner v1.13.9. */ .sur-cart-pdf-actions .sur-chunky-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; margin: 0 0 4px !important; padding: 9px 16px !important; background: #2D0101 !important; color: #ffffff !important; font-family: inherit !important; font-size: 13px !important; font-weight: 600 !important; letter-spacing: 0.3px !important; line-height: 1.2 !important; border: 1px solid #5a1414 !important; border-radius: 14px !important; cursor: pointer !important; box-shadow: 0 4px 0 0 #1a0000, 0 6px 8px rgba(45, 1, 1, 0.22) !important; transition: background-color 0.15s ease-out, transform 0.08s ease-out, box-shadow 0.08s ease-out !important; user-select: none; -webkit-tap-highlight-color: transparent; text-decoration: none !important; text-shadow: none !important; min-height: 0 !important; height: auto !important; } .sur-cart-pdf-actions .sur-chunky-btn:hover { background: #3a0202 !important; color: #ffffff !important; } .sur-cart-pdf-actions .sur-chunky-btn:active { transform: translateY(4px) !important; box-shadow: 0 0 0 0 #1a0000, 0 2px 4px rgba(45, 1, 1, 0.18) !important; } .sur-cart-pdf-actions .sur-chunky-btn:focus-visible { outline: 2px solid #5a1414 !important; outline-offset: 3px !important; } .sur-cart-pdf-actions .sur-chunky-btn:disabled { cursor: not-allowed !important; opacity: 0.6 !important; transform: none !important; } .sur-cart-pdf-actions .sur-chunky-label { position: relative; z-index: 1; display: inline-flex !important; align-items: center; gap: 8px; color: #ffffff !important; pointer-events: none; line-height: 1.2; } .sur-cart-pdf-actions .sur-chunky-label svg { flex: 0 0 auto; display: block; } /* Variante "ghost" / cream outline — para el botón "Enviar (PDF)" que abre un modal (paso intermedio). Diferencia visual respecto a las acciones directas (Guardar PDF / Imprimir). */ .sur-cart-pdf-actions .sur-chunky-btn--ghost { background: #fcf9f4 !important; color: #2D0101 !important; border: 1px solid rgba(4, 1, 1, 0.2) !important; box-shadow: 0 4px 0 0 #d4ccba, 0 6px 8px rgba(45, 1, 1, 0.10) !important; } .sur-cart-pdf-actions .sur-chunky-btn--ghost:hover { background: #f4ede1 !important; color: #2D0101 !important; } .sur-cart-pdf-actions .sur-chunky-btn--ghost:active { box-shadow: 0 0 0 0 #d4ccba, 0 2px 4px rgba(45, 1, 1, 0.10) !important; } .sur-cart-pdf-actions .sur-chunky-btn--ghost .sur-chunky-label { color: #2D0101 !important; } .sur-cart-pdf-feedback { flex: 0 0 100%; text-align: center; font-size: 0.9em; color: #6b5b4a; margin-top: 4px; } .sur-cart-pdf-feedback.success { color: #1a6b1a; font-weight: 600; } .sur-cart-pdf-feedback.error { color: #b91c1c; font-weight: 600; } /* Responsive */ @media (max-width: 520px) { .sur-cart-pdf-actions--top { gap: 8px; margin-bottom: 14px !important; } .sur-cart-pdf-actions .sur-chunky-btn { padding: 8px 12px !important; font-size: 12px !important; } .sur-cart-pdf-actions .sur-chunky-label svg { width: 14px; height: 14px; } }