/*
Theme Name: Astra Child
Template: astra
Version: 1.0
*/


/* Botón flotante - por defecto en escritorio: arriba */
.vedu-cart-float .vedu-cart-icon {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 9999;
    background-color: #2D656F;
    padding: 14px;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
    transition: background-color 0.3s ease;
}

/* Hover en escritorio */
.vedu-cart-float .vedu-cart-icon:hover {
    background-color: #1f4a54;
}

/* SVG del carrito */
.vedu-cart-float .vedu-cart-icon svg {
    width: 24px;
    height: 24px;
    display: block;
    object-fit: contain;
}

/* Contador del carrito */
.vedu-cart-float .cart-count {
    position: absolute;
    top: -6px;
    right: -6px;
    background: #FF3D00;
    color: white;
    font-size: 12px;
    font-weight: bold;
    border-radius: 50%;
    width: 18px;
    height: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* 🔄 En móviles: posición arriba a la derecha */
@media (max-width: 768px) {
    .vedu-cart-float .vedu-cart-icon {
        bottom: auto;
        top: 10px;
        right: 80px;
        padding: 16px;
    }

    .vedu-cart-float .vedu-cart-icon svg {
        width: 30px;
        height: 30px;
    }

    .vedu-cart-float .cart-count {
        font-size: 10px;
        width: 16px;
        height: 16px;
        top: -4px;
        right: -4px;
    }
}


/* Oculta el ícono del carrito en la página del carrito */
.woocommerce-cart .vedu-cart-icon {
    display: none !important;
}

    
 /*modificar checkout*/
 /*cambiar wompi img por personalizada*/
.payment_method_wompi label > img {
   display: none !important; /* Oculta la imagen actual */
}
.payment_method_wompi label {
   background-image: url('https://vedu.com.co/wp-content/uploads/2025/07/logos-met-de-pago.png');
   background-repeat: no-repeat;
   background-position: center center; /* Ajusta la posición si es necesario */
   background-size: contain; /* Para que la imagen se ajuste al contenedor sin recortarse */
   min-height: 50px; /* Ajusta la altura para que se muestre tu imagen (ajusta según la altura de tu imagen) */
   padding: 10px; /* Añade un poco de espacio alrededor de la imagen si es necesario */
   text-indent: -9999px; /* Oculta el texto (si lo hay) */
   overflow: hidden; /* Asegura que cualquier texto oculto no afecte el diseño */
   display: flex; /* Para centrar mejor la imagen si es necesario */
   align-items: center; /* Centra verticalmente */
   justify-content: center; /* Centra horizontalmente */
}

/* Si hay un texto al lado o debajo y necesitas más espacio vertical */
.payment_method_wompi {
   padding-bottom: 60px; /* Ajusta este valor según sea necesario */
   padding-top: 60;
}

 
/* Estilos para que la columna "Tu pedido" sea sticky */
@media (min-width: 768px) {
    #order_review {
        position: -webkit-sticky;
        position: sticky;
        top: 100px; /* Ajusta este valor */
    }

    /* Oculta el formulario de cupón original que aparece arriba de todo */
    .woocommerce-form-coupon-toggle {
        display: none !important;
    }
}
.woocommerce-info {
    display: none;
}


/*cambiar icono add to car tienda*/
/* Oculta el icono SVG del "add to cart" */
/* 1. Oculta el SVG original */
.ast-on-card-button .ast-select-options-trigger .ahfb-svg-iconset {
    display: none !important;
    visibility: hidden;
    opacity: 0;
}

/* 2. Estilos para el contenedor del botón (el <a>) */
.ast-on-card-button .ast-select-options-trigger {
    position: relative; /* Asegura que el ::before se posicione correctamente */
    overflow: hidden; /* Oculta cualquier contenido que se desborde */
}

/* 3. Agrega la nueva imagen usando un pseudo-elemento */
.ast-on-card-button .ast-select-options-trigger::before {
    content: ''; /* Obligatorio para los pseudo-elementos */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('https://vedu.com.co/wp-content/uploads/2025/07/cart-btn.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: all 0.3s ease; /* Transición para un efecto suave */
    z-index: 1; /* Asegura que el pseudo-elemento esté sobre el texto */
}

/* 4. Estilos para el texto "Añadir al carrito" */
.ast-on-card-button .ast-select-options-trigger .ast-card-action-tooltip {
    position: relative;
    z-index: 2; /* Asegura que el texto esté sobre la imagen si es necesario */
}