/* Botones de WooCommerce: fondo negro, texto blanco, radio de 10 píxeles */
.woocommerce a.button, 
.woocommerce button.button, 
.woocommerce input.button, 
.woocommerce input.submit,
.woocommerce-message .button {
    background-color: #000000 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    padding: 10px 20px !important; /* Ajusta el relleno para un aspecto más limpio */
}

/* Estado al pasar el cursor por los botones */
.woocommerce a.button:hover, 
.woocommerce button.button:hover {
    color de fondo: #333333 !important;
    color: #ffffff !important;
}

/* Precios de los productos: color negro */
.woocommerce ul.products li.product .price, 
.woocommerce ul.products li.product .price .amount,
.woocommerce ul.products li.product .price ins {
    color: #000000 !important;
    font-weight: bold;
}

/* 1. Eliminar el subrayado de TODOS los enlaces */
a {
    text-decoration: none !important;
}

/* 2. Estilo de enlaces para fondos oscuros (verde al pasar el cursor/activo, pero texto blanco) */
/* Esto supone que tus secciones oscuras utilizan un contenedor estándar; ajusta la clase si es necesario */
.dark-bg a, 
.has-background.has-black-background-color a {
    color: #ffffff !important;
}

.dark-bg a:hover, 
.has-background.has-black-background-color a:hover {
    color: #4CAF50 !important; /* Ajusta este código hexadecimal a tu verde preferido */
}

/* 3. Coherencia para TODOS los botones (Clásico + Bloques) */
.woocommerce a.button, 
.woocommerce button.button, 
.wp-block-button__link, 
.wc-block-components-button,
.wc-block-cart__submit-button {
    color de fondo: #000000 !important;
    color: #ffffff !important;
    border-radius: 10px !important;
    border: none !important;
    text-decoration: none !important;
    font-weight: 600 !important;
}

/* 4. Corrección específica para el botón del bloque "Proceder al pago" */
.wc-block-cart__submit-button {
    width: 100% !important;
    padding: 15px !important;
}

/* 5. Mantener el color negro del precio en los bloques del carrito */
.wc-block-grid__product-price,
.wc-block-cart-item__total {
    color: #000000 !important;
}

/* Efecto al pasar el cursor sobre botones de bloques de WooCommerce */
.wp-block-button__link:hover, 
.woocommerce a.button:hover, 
.woocommerce button.button:hover,
.wc-block-components-button:hover {
    background-color: #555555 !important; /* Gris medio */
    color: #ffffff !important;           /* Texto blanco al pasar el cursor */
    transition: background-color 0.3s ease; /* Transición suave */
}

/* Alinear los botones de productos relacionados en la parte inferior */
.wc-block-components-related-products ul.wc-block-grid__products {
    display: flex;
    flex-wrap: wrap;
}

/* Forzar que las celdas de la tabla del carrito se apilen en pantallas pequeñas */
@media (max-width: 767px) {
  .woocommerce-cart .shop_table td {
    display: block !important;
    width: 100% !important;
    text-align: left !important;
    box-sizing: border-box;
  }
  
  /* Soluciona la superposición de los botones de pago o las barras laterales */
  .wc-block-cart__submit-container {
    margin-top: 20px !important;
  }
}