.elementor-691 .elementor-element.elementor-element-ddb7334{--display:flex;--padding-top:55px;--padding-bottom:55px;--padding-left:10px;--padding-right:10px;}.elementor-691 .elementor-element.elementor-element-650ff81{--confirmation-message-display:block;}:root{--page-title-display:none;}/* Start custom CSS *//* --- ESTILO PÁGINA DE AGRADECIMIENTO (ORDER RECEIVED) --- */

/* 1. MENSAJE DE ÉXITO */
.woocommerce-thankyou-order-received {
    color: #1A2B34 !important;
    font-size: 1.5rem !important;
    font-weight: 800 !important;
    text-transform: uppercase;
    text-align: center;
    background: #f9f9f9;
    padding: 20px !important;
    border-left: 6px solid #EBB328;
    margin-bottom: 40px !important;
}

/* 2. LISTA DE DATOS DEL PEDIDO (Número, Fecha, Total) */
ul.woocommerce-order-overview {
    display: flex;
    justify-content: space-between;
    background: #1A2B34;
    padding: 25px !important;
    border-radius: 8px;
    list-style: none !important;
    margin-bottom: 40px !important;
}

ul.woocommerce-order-overview li {
    color: #ffffff !important;
    text-transform: uppercase;
    font-size: 0.85rem;
    border-right: 1px solid rgba(255,255,255,0.2);
    padding: 0 20px !important;
    margin: 0 !important;
    text-align: center;
}

ul.woocommerce-order-overview li:last-child {
    border-right: none;
}

ul.woocommerce-order-overview li strong {
    display: block;
    color: #EBB328 !important;
    font-size: 1.3rem;
    margin-top: 5px;
}

/* 3. TABLA DE DETALLES */
.woocommerce-table--order-details {
    border: 2px solid #1A2B34 !important;
    border-radius: 12px !important;
    overflow: hidden;
    border-collapse: separate !important;
}

.woocommerce-table--order-details thead th {
    background-color: #1A2B34 !important;
    color: #ffffff !important;
    text-transform: uppercase !important;
    padding: 15px !important;
}

.woocommerce-table--order-details td, 
.woocommerce-table--order-details th {
    padding: 15px !important;
    border-top: 1px solid #eee !important;
}

/* 4. BOTÓN "PAGAR" / ACCIONES */
.woocommerce-table--order-details .button.pay {
    background-color: #EBB328 !important;
    color: #1A2B34 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    padding: 10px 25px !important;
    transition: 0.3s all !important;
}

.woocommerce-table--order-details .button.pay:hover {
    background-color: #1A2B34 !important;
    color: #ffffff !important;
}

/* AJUSTE PARA MÓVILES */
@media (max-width: 768px) {
    ul.woocommerce-order-overview {
        flex-direction: column;
        gap: 20px;
    }
    ul.woocommerce-order-overview li {
        border-right: none;
        border-bottom: 1px solid rgba(255,255,255,0.1);
        padding-bottom: 15px !important;
    }
}


/* --- AJUSTE MÓVIL PÁGINA DE AGRADECIMIENTO (ORDER SUMMARY) --- */

@media (max-width: 768px) {
    /* 1. MENSAJE DE ÉXITO */
    .woocommerce-thankyou-order-received {
        font-size: 1.2rem !important; /* Un poco más pequeño para que no ocupe 4 líneas */
        padding: 15px !important;
        line-height: 1.3;
    }

    /* 2. REESTRUCTURACIÓN DE LA CAJA DE DATOS */
    ul.woocommerce-order-overview {
        flex-direction: column !important; /* Cambiamos de fila a columna */
        padding: 20px !important;
        gap: 0 !important; /* Quitamos el gap para usar bordes como separadores */
    }

    ul.woocommerce-order-overview li {
        width: 100% !important;
        border-right: none !important; /* Quitamos la línea vertical */
        border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important; /* Ponemos línea horizontal */
        padding: 15px 0 !important;
        text-align: left !important; /* Alineamos a la izquierda para mejor lectura */
        display: flex;
        justify-content: space-between; /* El título a la izquierda, el dato a la derecha */
        align-items: center;
    }

    ul.woocommerce-order-overview li:last-child {
        border-bottom: none !important;
    }

    ul.woocommerce-order-overview li strong {
        font-size: 1.1rem !important;
        margin-top: 0 !important; /* Alineación paralela al título en móvil */
    }

    /* 3. TABLA DE DETALLES EN MÓVIL */
    .woocommerce-table--order-details thead {
        display: none; /* Ocultamos cabecera para un look más limpio en móvil */
    }

    .woocommerce-table--order-details tr {
        display: block;
        border-bottom: 1px solid #eee;
        padding: 10px 0;
    }

    .woocommerce-table--order-details td {
        display: flex;
        justify-content: space-between;
        border: none !important;
        padding: 8px 15px !important;
        font-size: 0.95rem;
    }

    /* Forzamos que los títulos de la tabla aparezcan si el tema no los muestra */
    .woocommerce-table--order-details td::before {
        content: attr(data-title) ": ";
        font-weight: 700;
        color: #1A2B34;
    }

    /* Título "Detalles" y "Pedido Extra" */
    .woocommerce-order-details__title, 
    .woocommerce-column__title {
        font-size: 1.4rem !important;
        margin-top: 30px !important;
    }
}



@media (max-width: 768px) {
    /* 1. LIMPIEZA DE LA TABLA EN MÓVIL */
    .woocommerce-table--order-details {
        border: none !important;
        background: transparent !important;
    }

    .woocommerce-table--order-details tbody tr, 
    .woocommerce-table--order-details tfoot tr {
        display: block !important;
        background: #ffffff !important;
        border: 1.5px solid #1A2B34 !important;
        border-radius: 10px !important;
        margin-bottom: 15px !important;
        padding: 10px !important;
    }

    .woocommerce-table--order-details td {
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        border: none !important;
        padding: 8px 10px !important;
        text-align: right !important;
        width: 100% !important;
    }

    /* ELIMINAR LOS PUNTOS ":" MOLESTOS */
    .woocommerce-table--order-details td::before {
        content: "" !important; /* Borra el contenido automático */
        display: none !important;
    }

    /* RE-ETIQUETADO MANUAL Y LIMPIO */
    .woocommerce-table--order-details td.product-name::before {
        content: "Producto" !important;
        display: block !important;
        font-weight: 800;
        text-transform: uppercase;
        color: #1A2B34;
        font-size: 0.8rem;
    }

    .woocommerce-table--order-details td.product-total::before,
    .woocommerce-table--order-details tfoot tr th {
        content: "Subtotal" !important;
        display: block !important;
        font-weight: 800;
        text-transform: uppercase;
        color: #1A2B34;
        font-size: 0.8rem;
        text-align: left;
    }

    /* Ajuste para que el total resalte */
    .woocommerce-table--order-details tfoot tr:last-of-type {
        background: #1A2B34 !important;
        border-color: #1A2B34 !important;
    }

    .woocommerce-table--order-details tfoot tr:last-of-type td,
    .woocommerce-table--order-details tfoot tr:last-of-type th {
        color: #EBB328 !important;
        font-weight: 900 !important;
        font-size: 1.2rem !important;
    }

    /* Ajuste del botón Pagar en móvil */
    .woocommerce-table--order-details .button.pay {
        width: 100% !important;
        margin-top: 10px !important;
        padding: 15px !important;
    }
}/* End custom CSS */