/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Agencia Cero
Author URI: https://agenciacero.com
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.3.0.1738367030
Updated: 2025-01-31 23:43:50

*/
:root {
  --lusso-green: #21BFA2;
  --lusso-green-dark: #1cae92;
  --text-white: #fff;
  --bg-dark: #1a1a1a;
  --border-dark: #444;
}

/* === COLORES Y TEXTO GENERAL === */
body.woocommerce-checkout,
body.woocommerce-order-received {
  color: var(--text-white) !important;
}
.woocommerce table,
.woocommerce table td,
.woocommerce table th {
  color: var(--text-white) !important;
  background-color: var(--bg-dark) !important;
  border-color: var(--border-dark) !important;
}
/*.woocommerce strong {
  color: var(--lusso-green) !important;
}*/

/* === BOTONES PRINCIPALES Y DE PRODUCTO === */
.woocommerce #payment #place_order,
.woocommerce button.button.alt,
.woocommerce-cart .button,
.woocommerce-cart button.button,
.woocommerce-cart input.button,
.woocommerce-cart button.button.alt,
.woocommerce ul.products li.product a.button,
.woocommerce-page ul.products li.product a.button {
  background-color: var(--lusso-green) !important;
  color: var(--text-white) !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: bold !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
  box-shadow: 0 2px 8px rgba(33,191,162,0.07);
  transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.woocommerce #payment #place_order:hover,
.woocommerce button.button.alt:hover,
.woocommerce-cart .button:hover,
.woocommerce-cart button.button:hover,
.woocommerce-cart input.button:hover,
.woocommerce-cart button.button.alt:hover,
.woocommerce ul.products li.product a.button:hover,
.woocommerce-page ul.products li.product a.button:hover {
  background-color: var(--lusso-green-dark) !important;
  color: var(--text-white) !important;
  box-shadow: 0 4px 12px rgba(33,191,162,0.15);
}

/* === CAMBIO DE TEXTOS VISUALES (pseudo-elements) === */
.woocommerce-billing-fields > h3 {
  font-size: 0 !important;
  position: relative;
}
.woocommerce-billing-fields > h3::after {
  content: "Presupuesto";
  font-size: 22px;
  color: var(--text-white);
  display: block;
}

/* Reemplaza "Tu pedido" por "Lo que quieres presupuestar" */
.woocommerce-checkout-review-order-table::before {
  content: "Lo que quieres presupuestar";
  display: block;
  color: var(--text-white);
  font-size: 20px;
  margin-bottom: 10px;
  font-weight: bold;
}

/* === OCULTAR INFORMACIÓN ADICIONAL === */
.woocommerce-additional-fields {
  display: none !important;
}

/* ENLACES SOLO EN CHECKOUT Y ORDER RECEIVED */
body.woocommerce-checkout a,
body.woocommerce-order-received a {
  color: var(--lusso-green) !important;
  text-decoration: none !important;
}
body.woocommerce-checkout a:hover,
body.woocommerce-order-received a:hover {
  color: var(--lusso-green-dark) !important;
  text-decoration: underline !important;
}

/* ENLACES EN EL RESTO DEL SITIO: SIN SUBRAYADO EN HOVER */
body:not(.woocommerce-checkout):not(.woocommerce-order-received) a:hover {
  text-decoration: none !important;
}

/* === PÁGINA DE PEDIDO RECIBIDO (como presupuesto enviado) === */
.woocommerce-order-received .woocommerce-thankyou-order-received {
  font-size: 18px;
  font-weight: 500;
  color: var(--text-white);
}
.woocommerce-order-overview .woocommerce-order-overview__order,
.woocommerce-order-overview .woocommerce-order-overview__date,
.woocommerce-order-overview .woocommerce-order-overview__email,
.woocommerce-order-overview .woocommerce-order-overview__total {
  color: var(--lusso-green) !important;
  font-weight: bold;
}
.woocommerce-order-received h2,
.woocommerce-order-details h2,
.woocommerce-customer-details h2 {
  color: var(--text-white);
}
.woocommerce-order-details {
  border-top: 1px solid #333;
  margin-top: 30px;
}


/* Oculta el overlay cuando aria-hidden="true" */
.elementor-menu-cart__overlay[aria-hidden="true"] {
    display: none !important;
    pointer-events: none !important;
    opacity: 0 !important;
}

/* Muestra el overlay solo cuando está abierto */
.elementor-menu-cart__overlay[aria-hidden="false"] {
    display: block !important;
    pointer-events: all !important;
    opacity: 1 !important;
    z-index: 9999 !important;
    background: rgba(0,0,0,0.7) !important;
    transition: opacity 0.3s;
}

/* Ajusta solo el PANEL lateral del carrito */
.elementor-menu-cart__container {
    z-index: 10000 !important;
    background: rgba(0,0,0,0) !important;
    height: 100% !important;
    right: 0 !important;
		left:auto !important;
    overflow-y: auto !important;
    position: fixed !important;
    top: 0 !important;
    width: 430px !important;
    max-width: 95vw !important;
    box-shadow: -2px 0 12px 0 rgba(0,0,0,0.21);
}


/* ==== WOOLENTOR STICKY BAR – FORZAR CONTRASTE EN FONDO BLANCO ==== */
[class*="woolentor-sticky"] {
  background: #fff !important;
 /* border-top: 1px solid #e5e5e5 !important; */
  z-index: 10010; /* encima de footer/chat si fuera necesario */
}

[class*="woolentor-sticky"] .woolentor-sticky-product-info .title,
[class*="woolentor-sticky"] .woolentor-sticky-product-info .price,
[class*="woolentor-sticky"] .woolentor-sticky-product-info .price *,
[class*="woolentor-sticky"] .woolentor-sticky-btn-area .stock,
[class*="woolentor-sticky"] p,
[class*="woolentor-sticky"] span {
  color: #111 !important;
}

[class*="woolentor-sticky"] a {
  color: #111 !important;
  text-decoration: none;
}

[class*="woolentor-sticky"] .quantity .qty,
[class*="woolentor-sticky"] input[type="number"] {
  color: #111 !important;
  background: #fff !important;
  /*border: 1px solid #cfcfcf !important; */
}

/* Mantener el CTA con tu verde corporativo */
[class*="woolentor-sticky"] .single_add_to_cart_button.button,
[class*="woolentor-sticky"] .button.alt {
  background: var(--lusso-green) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  padding: 12px 24px !important;
}
[class*="woolentor-sticky"] .single_add_to_cart_button.button:hover,
[class*="woolentor-sticky"] .button.alt:hover {
  background: var(--lusso-green-dark) !important;
}