/*
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: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
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.4.7.1774604241
Updated: 2026-03-27 10:37:21

*/

/*==== Denocheydia ====*/


/* =======================================================
   Lili's Eternal Glow - Estilos de Descuento y Avisos
   ======================================================= */

/* 1. Estilos elegantes para los avisos en Carrito y Checkout */
.woocommerce-cart .woocommerce-message, 
.woocommerce-checkout .woocommerce-message,
.woocommerce-cart .woocommerce-info, 
.woocommerce-checkout .woocommerce-info {
    background-color: #FDFBF7 !important; /* Fondo beige/hueso luminoso */
    color: #4A4036 !important; /* Texto en un tono tierra oscuro y legible */
    border: 1px solid #EAE3D9 !important; /* Borde sutil perimetral */
    border-top: 3px solid #C5A880 !important; /* Acento superior en tono dorado/arena */
    border-radius: 8px !important; /* Bordes suaves */
    padding: 18px 25px !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.03) !important;
    font-family: var(--e-global-typography-primary-font-family), sans-serif;
    display: flex;
    align-items: center;
    margin-bottom: 2em;
}

/* Ocultar el icono predeterminado de WooCommerce para lucir los emojis del PHP */
.woocommerce-cart .woocommerce-message::before, 
.woocommerce-checkout .woocommerce-message::before,
.woocommerce-cart .woocommerce-info::before, 
.woocommerce-checkout .woocommerce-info::before {
    content: none !important; 
}

/* 2. Resaltar la fila del descuento en la tabla de totales del pedido */
.woocommerce-checkout .shop_table tr.fee th,
.woocommerce-checkout .shop_table tr.fee td,
.woocommerce-cart .shop_table tr.fee th,
.woocommerce-cart .shop_table tr.fee td {
    background-color: #FDFBF7; /* Fondo sutil exclusivo para esta fila */
    border-bottom: 1px solid #EAE3D9;
}

.woocommerce-checkout .shop_table tr.fee th,
.woocommerce-cart .shop_table tr.fee th {
    color: #C5A880; /* Tono de acento para el texto "Descuento 10%" */
    font-weight: 600;
}

/* 3. Estilo del importe descontado (el valor negativo) */
.woocommerce-checkout .shop_table tr.fee td .amount,
.woocommerce-cart .shop_table tr.fee td .amount {
    color: #4A4036; /* Color de contraste elegante */
    font-weight: 700;
    font-size: 1.1em;
}




/* =======================================================
   LILI'S ETERNAL GLOW - ULTRA MODERN LUXURY UI
   ======================================================= */

/* 1. Contenedor General de Variaciones */
.variations {
    display: block !important;
    border: none !important;
    margin-bottom: 25px !important;
    background: none !important;
}

.variations tbody, .variations tr, .variations td {
    display: block !important;
    width: 100% !important;
    padding: 0 !important;
    background: transparent !important;
}

/* 2. Etiqueta de Atributo Estilo Minimalista */
.variations th.label {
    display: flex !important;
    align-items: baseline;
    justify-content: space-between; /* Nombre a la izq, Tono seleccionado a la dcha */
    margin-bottom: 12px !important;
    font-family: 'Montserrat', sans-serif;
    font-size: 11px !important;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #1a1a1a;
}

/* Mover el nombre del tono seleccionado al lado del label con estilo suave */
.woo-selected-variation-item-name {
    font-size: 11px !important;
    color: #C5A880 !important; /* Dorado corporativo */
    font-weight: 400;
    letter-spacing: 0.5px;
    text-transform: none;
}

/* 3. Diseño de los Swatches (Muestras) */
.variable-items-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    gap: 15px !important;
    padding: 0 !important;
}

.variable-item.image-variable-item {
    border-radius: 50% !important;
    border: none !important; /* Eliminamos el borde por defecto */
    width: 42px !important;
    height: 42px !important;
    position: relative;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 0 0 1px rgba(0,0,0,0.05); /* Borde casi invisible */
}

/* Efecto de selección: Anillo de lujo */
.variable-item.image-variable-item.selected {
    box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #1a1a1a !important; 
    transform: scale(1.1);
}

.variable-item.image-variable-item:hover:not(.selected) {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
}

.variable-item.image-variable-item img {
    border-radius: 50% !important;
    padding: 0 !important;
    object-fit: cover;
}

/* 4. Botón de Limpiar Selección (Invisible hasta que se necesite) */
.reset_variations {
    font-size: 10px !important;
    color: #a3a3a3 !important;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-top: 15px;
    display: inline-block;
    border-bottom: 1px solid #eee;
    text-decoration: none !important;
}

/* 5. Bloque de Compra (The "Boutique" Bar) */
.woocommerce-variation-add-to-cart {
    display: flex !important;
    gap: 0 !important; /* Unimos los elementos */
    margin-top: 30px;
    border: 1px solid #1a1a1a; /* Marco exterior único */
}

.quantity {
    border-right: 1px solid #1a1a1a;
    background: #fff;
}

.quantity input.qty {
    width: 60px !important;
    height: 55px !important;
    border: none !important;
    background: transparent !important;
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
}

.single_add_to_cart_button {
    flex-grow: 1;
    height: 55px !important;
    background-color: #1a1a1a !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 3px !important;
    text-transform: uppercase;
    border-radius: 0 !important;
    transition: all 0.3s ease;
    border: none !important;
}

.single_add_to_cart_button:hover {
    background-color: #C5A880 !important; /* El dorado de Lili's */
}

/* Ocultar elementos innecesarios */
.variations_button::before { display: none; }