/* DISEÑO GLOBAL TIENDA 99 BLOCK */

/* 1. Limpieza de tarjetas de producto */
ul.products li.product {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    padding: 0 !important;
}

/* 2. Botón Añadir al Carrito (Cápsula Negra) */
.button.product_type_simple, 
.button.add_to_cart_button, 
.button.product_type_variable {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 50px !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    font-size: 11px !important;
    padding: 15px 25px !important;
    transition: 0.3s !important;
}

.button:hover {
    background-color: #ff3e11 !important;
    transform: translateY(-3px) !important;
}

/* 3. Etiquetas de Oferta (Negras y cuadradas) */
span.onsale {
    background: #000 !important;
    border-radius: 0 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    padding: 5px 10px !important;
}

/* 4. Títulos y Precios */
.woocommerce-loop-product__title {
    font-weight: 950 !important;
    letter-spacing: -1px !important;
    text-transform: uppercase !important;
    color: #000 !important;
}

.price ins {
    color: #ff3e11 !important;
    text-decoration: none !important;
    font-weight: 900 !important;
}
/* ANULACIÓN TOTAL DE BURBUJAS ASTRA - 99 BLOCK */

/* 1. Atacamos todos los selectores posibles de Astra y WooCommerce */
.ast-onsale-card, 
.ast-onsale-card.ast-onsale-custom,
.woocommerce span.onsale, 
.woocommerce-page span.onsale, 
.ast-shop-product-featured-header span.onsale,
ul.products li.product span.onsale {
    background-color: #000000 !important;
    color: #ffffff !important;
    
    /* Forzamos geometría cuadrada industrial */
    border-radius: 0px !important;
    -webkit-border-radius: 0px !important;
    
    /* Tipografía técnica */
    font-family: sans-serif !important;
    font-weight: 950 !important;
    text-transform: uppercase !important;
    font-size: 10px !important;
    letter-spacing: 2px !important;
    
    /* Dimensiones y posición */
    padding: 8px 15px !important;
    min-height: auto !important;
    min-width: auto !important;
    line-height: 1 !important;
    top: 10px !important;
    left: 10px !important;
    right: auto !important;
    
    /* Eliminamos cualquier adorno del tema */
    border: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
    display: inline-block !important;
    position: absolute !important;
    z-index: 99 !important;
}

/* 2. Eliminamos el posible círculo pseudo-elemento de Astra */
.ast-onsale-card::before, 
.ast-onsale-card::after,
span.onsale::before,
span.onsale::after {
    display: none !important;
    content: none !important;
}

/* 3. Aseguramos que el texto diga "OFERTA" o lo que tengas configurado pero sin sombras */
.woocommerce span.onsale {
    color: #fff !important;
}

/* DISEÑO CARRITO LATERAL 99 BLOCK */

/* 1. Fondo y Título */
.widget_shopping_cart_content {
    font-family: 'Inter', sans-serif !important;
}

.woocommerce-mini-cart__total {
    border-top: 2px solid #000 !important;
    border-bottom: 2px solid #000 !important;
    padding: 20px 0 !important;
    text-transform: uppercase !important;
    font-weight: 900 !important;
    letter-spacing: 1px !important;
}

/* 2. Botones del Carrito Lateral (Estilo Cápsula) */
.woocommerce-mini-cart__buttons a {
    display: block !important;
    width: 100% !important;
    margin-bottom: 10px !important;
    border-radius: 100px !important; /* Píldora total */
    text-transform: uppercase !important;
    font-weight: 950 !important;
    letter-spacing: 2px !important;
    font-size: 11px !important;
    padding: 16px 20px !important;
    text-align: center !important;
    transition: all 0.3s ease !important;
    border: none !important;
}

/* Botón: VER CARRITO (Blanco/Negro) */
.woocommerce-mini-cart__buttons a.wc-forward:not(.checkout) {
    background-color: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #000000 !important;
}

/* Botón: FINALIZAR COMPRA (Negro/Rojo) */
.woocommerce-mini-cart__buttons a.checkout {
    background-color: #000000 !important;
    color: #ffffff !important;
}

.woocommerce-mini-cart__buttons a.checkout:hover {
    background-color: #ff3e11 !important;
    transform: translateY(-3px) !important;
}

/* 3. Miniatura y texto del producto */
.woocommerce-mini-cart-item a {
    font-weight: 800 !important;
    text-transform: uppercase !important;
    font-size: 13px !important;
    color: #000 !important;
}

.woocommerce-mini-cart-item .quantity {
    font-size: 11px !important;
    color: #666 !important;
    font-weight: 700 !important;
}

/* Botón de eliminar (X) */
.woocommerce-mini-cart-item .remove {
    color: #ff3e11 !important;
    border: 1px solid #ff3e11 !important;
}
/* ==========================================================
   INTERACCIÓN DE BOTÓN: ACTIVACIÓN_NODO // 99_BLOCK
   ========================================================== */

/* 1. ESTADO BASE: REFUERZO DE IDENTIDAD */
/* (Aseguramos que el botón base tenga bordes rectos y minimalistas) */
.fusion-button.button-1 { 
    border-radius: 0px !important; /* Ángulos rectos industriales */
    text-transform: uppercase !important;
    letter-spacing: 2px !important; /* Espaciado técnico */
    transition: all 0.1s ease-in-out !important; /* Respuesta instantánea */
    box-shadow: none !important; /* Eliminamos degradados/sombras suaves */
    border: 1px solid #ff3e11 !important; /* Borde de alerta base */
    background-color: #ffffff !important; /* Fondo neutro */
    color: #000000 !important; /* Texto negro */
}

/* 2. ESTADO HOVER: ACTIVACIÓN RECOLECTORA DE DATOS */
.fusion-button.button-1:hover {
    background-color: #ff3e11 !important; /* Fondo naranja reactivo completo */
    color: #ffffff !important; /* Texto blanco para contraste máximo */
    border-color: #ff3e11 !important;
    
    /* Efecto de 'Glitch' o Sombra Rígida Industrial */
    box-shadow: 6px 6px 0px #000000 !important;
    
    /* Micro-desplazamiento para simular pulsación mecánica */
    transform: translate(-3px, -3px) !important;
}

/* 3. ESTADO ACTIVE: CONFIRMACIÓN DE PULSACIÓN (CLICK) */
.fusion-button.button-1:active {
    transform: translate(1px, 1px) !important;
    box-shadow: 2px 2px 0px #000000 !important;
}

/* ELIMINACIÓN RADICAL DE CONTENIDO RELACIONADO Y DISTRACCIONES */
#jp-relatedposts, 
.jp-relatedposts, 
.related-posts, 
.relatedposts, 
.upsell-products, 
.related.products,
.post-navigation,
.post-nav-links {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* MANTENEMOS COMENTARIOS PERO LIMPIAMOS EL ESPACIO ANTERIOR */
#comments {
    border-top: 1px solid #eee;
    margin-top: 50px !important;
    padding-top: 30px !important;
}