/**
 * Fix de compatibilidad entre WooCommerce y Bootstrap
 * Soluciona el conflicto entre las clases col-1 y col-2 de ambos sistemas
 * 
 * @version 1.0.0
 * @author Taolis Theme
 */

/* ========================================
   FORMULARIOS DE CHECKOUT Y FACTURACIÓN
   ======================================== */

/* Resetear display de campos de formulario para evitar conflictos con Bootstrap */
.woocommerce-billing-fields .form-row,
.woocommerce-shipping-fields .form-row,
.woocommerce form .form-row,
.woocommerce-additional-fields .form-row {
    display: block !important;
    width: 100% !important;
    margin-bottom: 1rem;
}

/* Fix específico para las clases col-1 y col-2 en contexto WooCommerce */
.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    max-width: unset !important;
    flex: unset !important;
    -ms-flex: unset !important;
    width: 48% !important;
    float: left !important;
    margin-right: 4% !important;
}

.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
    margin-right: 0 !important;
}

/* Responsive para móviles */
@media (max-width: 768px) {
    .woocommerce .col2-set .col-1,
    .woocommerce-page .col2-set .col-1,
    .woocommerce .col2-set .col-2,
    .woocommerce-page .col2-set .col-2 {
        width: 100% !important;
        float: none !important;
        margin-right: 0 !important;
        margin-bottom: 1rem;
    }
}

/* ========================================
   PÁGINAS DE MI CUENTA
   ======================================== */

/* Fix para páginas de Mi Cuenta y Editar Dirección */
.woocommerce-Addresses {
    display: block !important;
}

.woocommerce-Address-title > * {
    display: block !important;
}

.woocommerce-MyAccount-content .col2-set .col-1,
.woocommerce-MyAccount-content .col2-set .col-2 {
    max-width: unset !important;
    flex: unset !important;
    -ms-flex: unset !important;
}

/* ========================================
   CARRITOS Y CHECKOUT
   ======================================== */

/* Fix para tablas de carrito que puedan usar clases Bootstrap */
.woocommerce table.cart td.actions .coupon .col-1,
.woocommerce table.cart td.actions .coupon .col-2,
.woocommerce-cart table.cart td.actions .coupon .col-1,
.woocommerce-cart table.cart td.actions .coupon .col-2 {
    width: auto !important;
    max-width: unset !important;
    flex: unset !important;
}

/* ========================================
   PRODUCTOS Y LOOPS
   ======================================== */

/* Asegurar que los loops de productos no se vean afectados */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
    max-width: unset;
    flex: unset;
}

/* Fix específico para loops con clases Bootstrap que puedan colisionar */
.woocommerce .products .product.col-1,
.woocommerce .products .product.col-2,
.woocommerce-page .products .product.col-1,
.woocommerce-page .products .product.col-2 {
    max-width: unset !important;
    flex: unset !important;
}

/* ========================================
   CLEARFIX Y ESTRUCTURA
   ======================================== */

/* Clearfix para las columnas de WooCommerce */
.woocommerce .col2-set::after,
.woocommerce-page .col2-set::after {
    content: "";
    display: table;
    clear: both;
}

/* Asegurar que los contenedores de WooCommerce no hereden estilos de Bootstrap */
.woocommerce .woocommerce-form-row,
.woocommerce-page .woocommerce-form-row {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

/* ========================================
   ESPECIFICIDAD EXTRA PARA TEMAS DIFÍCILES
   ======================================== */

/* Si el problema persiste, estas reglas tienen mayor especificidad */
body.woocommerce .col2-set .col-1,
body.woocommerce-page .col2-set .col-1,
body.woocommerce .col2-set .col-2,
body.woocommerce-page .col2-set .col-2 {
    max-width: unset !important;
    flex-basis: unset !important;
    -ms-flex-preferred-size: unset !important;
    flex-grow: unset !important;
    -ms-flex-positive: unset !important;
}

/* ========================================
   PLOTS TABLE SPECIFIC FIXES (para plots.php)
   ======================================== */

/* Asegurar que la tabla de plots no se vea afectada */
.plots-table-container .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
}

.plots-table-container .table {
    width: 100%;
    margin-bottom: 0;
}

/* Fix para cualquier conflicto en formularios de reserva dentro de la tabla */
.plots-table form.cart {
    display: inline-block;
    width: auto;
}

.plots-table .col-1,
.plots-table .col-2 {
    /* Resetear cualquier herencia de Bootstrap en contexto de tabla */
    max-width: unset;
    flex: unset;
    width: auto;
    padding: 0;
}