/* ================================
BOTONES DE WHATSAPP 
===================================== */

/* Botón flotante de la esquina inferior */
#sendbtn.floating_button {
    position: fixed;
    bottom: 26px;
    right: 26px;
    width: 58px;
    height: 58px;
    /* background: #005FA8!important; */
    border-radius: 14px;
    
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999;
    transition: all .2s ease;
}

#sendbtn.floating_button:hover {
    transform: translateY(-2px) scale(1.05);
    
}

#sendbtn.floating_button .floating_button_icon {
    width: 28px;
    height: 28px;
    background-size: contain;
    filter: brightness(0) invert(1);
}



/* BOTÓN WHATSAPP EN TARJETAS (SHOP) - ESTILO ENTERPRISE 
#sendbtn.button.add_to_cart_button.wa-shop-button.product_type_simple {  
    border-radius: 6px;
    padding: 8px 14px;
    font-family: 'Roboto', sans-serif;
    font-size: 13px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    line-height: 1;
   
    transition: 
        background 0.25s ease,
        box-shadow 0.25s ease,
        transform 0.15s ease,
        border-color 0.25s ease;
}
*/

/* Hover técnico, sin exageración */
#sendbtn.button.add_to_cart_button.wa-shop-button.product_type_simple:hover {
   
    transform: translateY(-1px);
}

/* Click físico */
#sendbtn.button.add_to_cart_button.wa-shop-button.product_type_simple:active {
    transform: translateY(0);
    
}

/* ********************************************************************* */
/* Estos estilos ubicaran al boton Wathsapp del plugin Chat ti Order */
/* ********************************************************************** */

/* ===============================
   SINGLE PRODUCT – Gallery + Summary igual altura
================================ */
body.single-product .ast-woocommerce-container {
    display: flex;
    flex-wrap: wrap; /* permite que se adapte en móviles */
    gap: 24px;       /* separación entre gallery y summary */
}

body.single-product div.product div.images,
body.single-product .summary.entry-summary {
    flex: 1 1 48%;  /* cada uno ocupa casi la mitad del contenedor */
    min-width: 280px; /* evita que se haga muy pequeño en móviles */
}

/* Opcional: forzar la misma altura (solo desktop) */
@media(min-width: 992px) {
    body.single-product div.product div.images,
    body.single-product .summary.entry-summary {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }

    body.single-product .summary.entry-summary {
        height: auto; /* se adapta a contenido */
    }
}

/* ===============================
   SINGLE PRODUCT – Separación del botón ChatToOrder
================================ */
body.single-product .wa-order-class {
    clear: both;           /* asegura que no flote al lado de nada */
    margin-top: 24px;      /* separación debajo de summary */
    text-align: right;     /* sigue alineado a la derecha */
    position: relative;    /* mantiene su propio stacking context */
    z-index: 10;
}

/* Ajuste responsive: botón centrado en móviles */
@media(max-width: 768px) {
    body.single-product .ast-woocommerce-container {
        flex-direction: column;
    }

    body.single-product .wa-order-class {
        text-align: center;
    }
}

/* Ocultar botón flotante de WhatsApp en móviles */
@media (max-width: 768px) {
    #sendbtn.floating_button {
        display: none !important;
    }
}