/* Ocultar campos específicos en el checkout de productos de tipo Reserva */
.hidden-reserva-field {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
}

/* Ocultar específicamente el campo de Notas del pedido */
#order_comments_field {
    display: none !important;
    visibility: collapse !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Contenedor para los detalles de facturación */
.woocommerce-checkout .woocommerce-billing-fields {
    border: 1px solid #000 !important; /* Borde de 1px de color negro */
    border-radius: 10px !important; /* Bordes redondeados */
    padding: 20px !important; /* Espaciado interno */
    margin: 20px auto !important; /* Espaciado inferior y superior y centrado automático */
    background-color: #f9f9f9 !important; /* Fondo claro opcional */
    max-width: 100% !important; /* Ancho máximo del contenedor */
    width: 100% !important; /* Ocupa todo el ancho disponible */
    box-sizing: border-box !important; /* Incluir el padding y borde dentro del ancho total */
    text-align: left !important; /* Alinear el contenido a la izquierda */
}

/* Ajuste para pantallas grandes */
@media (min-width: 768px) {
    .woocommerce-checkout .col2-set .col-1,
    .woocommerce-checkout .col2-set .col-2 {
        width: 100% !important; /* Forzar que ambas columnas ocupen el 100% del ancho */
    }

    .woocommerce-checkout .col2-set {
        display: block !important; /* Evitar que las columnas se muestren en paralelo */
    }

    .woocommerce-checkout .woocommerce-billing-fields {
        max-width: 100% !important; /* Asegurarse de que ocupe todo el ancho */
        width: 100% !important;
    }
}



/* Ocultar campos adicionales */
.woocommerce-additional-fields {
    display: none !important;
}

/* Ocultar títulos de encabezados específicos */
.elementor-heading-title {
    display: none !important;
    visibility: collapse !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Asegurarse de no ocultar los campos de Stripe */
#card-element {
    display: block !important;
}

/* Ocultar tabla de revisión del pedido */
.shop_table {
    display: none !important;
    visibility: collapse !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ocultar el encabezado "Tu pedido" */
#order_review_heading {
    display: none !important;
}

/* Estilos para el resumen simplificado del pedido */
.resumen-pedido-simplificado {
    border: none !important; /* Eliminar el borde */
    padding: 15px !important;
    margin: 20px auto 15px auto !important; /* Ajusta el margen inferior a 15px */
    max-width: 600px !important;
    text-align: center !important; /* Centrar el contenido */
}

/* Centrar el contenido de los productos en el resumen */
.resumen-pedido-simplificado ul {
    list-style: none !important;
    padding: 0 !important;
    text-align: center !important; /* Centrar el texto dentro del contenedor */
}

.resumen-pedido-simplificado li {
    margin-bottom: 10px !important;
    text-align: center !important; /* Justificar el contenido al centro */
}


/* Ajustar la posición de los contenedores */
.woocommerce-checkout {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important; /* Centrar todo horizontalmente */
}

.woocommerce-billing-fields,
.resumen-pedido-simplificado {
    width: 100% !important;
    max-width: 600px !important;
}

.resumen-pedido-simplificado {
    margin-bottom: 15px !important; /* Reduce la distancia entre los dos divs */
}

/* Ocultar la cantidad en el resumen del pedido */
.resumen-pedido-simplificado li {
    font-size: 18px !important;
}

.resumen-pedido-simplificado li::before {
    content: "" !important; /* Eliminar "× 1" */
}