/**
 * Estilos para las notificaciones de WooCommerce
 * 
 * @package HelloElementorChild
 */

/* =============================================================================
   NOTIFICACIONES DE WOOCOMMERCE
   ============================================================================= */

/* Ocultar notificaciones en su ubicación original */
.woocommerce-notices-wrapper {
    display: none !important;
}

/* Mostrar notificaciones solo cuando estén dentro de e-cart__column-start */
.e-cart__column-start .woocommerce-notices-wrapper {
    display: block !important;
}

/* =============================================================================
   ESTILOS PARA NOTIFICACIONES DENTRO DE LA COLUMNA
   ============================================================================= */

.e-cart__column-start .woocommerce-notices-wrapper {
    margin-bottom: 20px;
}

.e-cart__column-start .woocommerce-message,
.e-cart__column-start .woocommerce-error,
.e-cart__column-start .woocommerce-info {
    padding: 15px;
    margin: 0 0 10px 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
}

.elementor-widget-container .woocommerce-message{
    background: #222222 !important;
    color: #fff !important;
    padding: 1em 2em 1em 2.5em !important;
    font-family: roboto, sans-serif !important;
    font-size: 13px !important;
    border: 0px !important;
}

.e-cart__column-start .woocommerce-info, .woocommerce-error{
    background: #222222 !important;
    border: 0px  !important;
    color: white  !important;
}
.woocommerce-message ul, .woocommerce-error ul{
    padding: 0px !important;
}
.woocommerce-message,
.woocommerce-error,
.woocommerce-info {
    padding: 1em 2em 1em 2.5em !important;
    margin: 0 0 10px 0;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
}
.fs-free-shipping-notice-text-and-progress-bar-wrapper{
    margin: 0px !important;

}
.fs-free-shipping-notice-text{
    font-size: 13px !important;
}
.woocommerce-info::before, .woocommerce-message::before {
    content: " " !important;
    height: 60% !important;
    width: 6px;
    background-color: #579DFF;
    left: 10px;
    border-radius: 10px;
    top: 20% !important;
}
.woocommerce-error::before, .woocommerce-message::before {
    content: " " !important;
    height: 60% !important;
    width: 6px;
    background-color: #F87168;
    left: 10px;
    border-radius: 10px;
    top: 20% !important;
}
.woocommerce::before, .woocommerce-message::before {
    content: " " !important;
    height: 60% !important;
    width: 6px;
    background-color: #4BCE97;
    left: 10px;
    border-radius: 10px;
    top: 20% !important;
}


/* =============================================================================
   ANIMACIONES PARA NOTIFICACIONES
   ============================================================================= */

.e-cart__column-start .woocommerce-notices-wrapper {
    animation: slideInFromTop 0.3s ease-out;
}

@keyframes slideInFromTop {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* =============================================================================
   RESPONSIVE
   ============================================================================= */

@media (max-width: 768px) {
    .e-cart__column-start .woocommerce-message,
    .e-cart__column-start .woocommerce-error,
    .e-cart__column-start .woocommerce-info {
        padding: 12px;
        font-size: 13px;
    }
    .cart-header-row{
        display: none !important;
    }
}