/*
Theme Name: RSEAP Child Theme
Template: rseap
Version: 1.1
*/

/* Estilo para agrupar todos los campos de facturación en un único recuadro */
.wwoocommerce-billing-fields,
.wwoocommerce-shipping-fields,
.wwoocommerce-additional-fields {
    background-color: #dddedb; /* Fondo de color */
    padding: 20px; /* Espacio interno */
    border-radius: 10px; /* Bordes redondeados */
    margin-bottom: 20px; /* Margen inferior */
    border: 1px solid #ccc; /* Borde */
}

.woocommerce-billing-fields {
    background-color: #dddedb; /* Fondo de color */
    padding: 20px; /* Espacio interno */
    border-radius: 10px; /* Bordes redondeados */
    margin-bottom: 20px; /* Margen inferior */
    border: 1px solid #ccc; /* Borde */
}

/* Estilo para cada grupo de participantes */
/*
1)custom-group con display: flex y flex-wrap: wrap:
Esto garantiza que los campos dentro de la caja se alineen correctamente en filas y, si es necesario, se ajusten automáticamente.
flex-wrap: wrap permite que los campos se envuelvan en una nueva línea si no caben en el ancho disponible.
justify-content: space-between distribuye uniformemente el espacio entre los elementos.

2)Alineación de los campos con display: flex:
Los campos .form-row-first y .form-row-last ahora usan display: flex con flex-direction: column, lo que asegura que el campo esté correctamente alineado dentro de su contenedor.
Los márgenes entre los campos se han ajustado para que estén bien alineados.

3)Ajuste de los anchos de los campos:
Los campos de cada participante (form-row-first y form-row-last) ocupan ahora un 48% del ancho disponible, con un pequeño margen entre ellos (2%). Esto crea un diseño en dos columnas para los campos en la misma fila.
El campo form-row-last tiene un margin-right: 0 para evitar un margen adicional en el último campo de la fila.

4)Compatibilidad con dispositivos móviles:
Se ha añadido una regla @media para hacer que los campos ocupen todo el ancho disponible en pantallas pequeñas (menos de 768px), lo que mejora la visualización en dispositivos móviles.
*/
.custom-group {
    background-color: #dddedb; /* Fondo de color */
    padding: 10px; /* Espacio interno */
    border-radius: 5px; /* Bordes redondeados */
    margin-bottom: 10px; /* Margen inferior */
    border: 1px solid #ccc; /* Borde */
    display: flex;
    flex-wrap: wrap; /* Permite que los campos se ajusten en varias filas si es necesario */
    justify-content: space-between; /* Distribuye el espacio entre los elementos */
}

.custom-group-header {
    text-align: center; /* Alinear el encabezado al centro */
    margin-top: 0; /* Sin margen superior */
    margin-bottom: 10px; /* Margen inferior */
    width: 100%; /* Asegura que el encabezado ocupe toda la línea */
}

/* Estilo para alinear los campos en la misma línea */
.form-row-first,
.form-row-last {
    display: flex;
    flex-direction: column;
    width: 48%; /* Ajustar el ancho según sea necesario */
    margin-right: 2%; /* Espacio entre los campos */
}

.form-row-last {
    margin-right: 0; /* El último campo no tendrá margen derecho */
}

/* Asegurarse de que los campos estén alineados correctamente en una fila */
.custom-row {
    width: 100%; /* Asegura que las filas ocupen el 100% del ancho disponible */
    margin-bottom: 8px; /* Espacio entre las filas */
}

/* Campos de exención de responsabilidad */
.exencion-row .form-row-wide {
    display: block;
    width: 100%;
}

.exencion-row label {
    display: inline-block;
    width: auto;
    margin-right: 10px;
}

.exencion-row select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
}

/* Asegurar que los campos se vean correctamente en móviles */
@media screen and (max-width: 768px) {
    .form-row-first,
    .form-row-last {
        width: 100%; /* Los campos ocupan todo el ancho en pantallas pequeñas */
        margin-right: 0;
    }

    .custom-group {
        padding: 10px; /* Reducir el padding en pantallas pequeñas */
    }
}


/* Estilo para el botón "Copiar Datos Facturación" */
.copy-billing-to-participant {
    font-size: smaller !important; /* Ajustar el tamaño de la fuente */
    padding: 5px 10px !important; /* Ajustar el padding para hacerlo más pequeño */
    background-color: #0073aa !important; /* Color de fondo */
    color: white !important; /* Color del texto */
    border: none !important; /* Sin borde */
    border-radius: 3px !important; /* Bordes redondeados */
    cursor: pointer !important; /* Cambiar el cursor al pasar sobre el botón */
    margin-bottom: 15px !important; /* Añadir margen inferior */
    text-transform: none !important; /* No convertir el texto a mayúsculas */
    font-weight: normal !important; /* No resaltar la letra */
}

.copy-billing-to-participant:hover {
    background-color: #005f8d !important; /* Color de fondo al pasar el ratón */
}

/* Estilo para las notas del pedido */
 .custom-order-notes {
	 background-color: #dddedb; /* Fondo de color */
	 padding: 15px; /* Espacio interno */
	 border-radius: 5px; /* Bordes redondeados */
	 margin-bottom: 20px; /* Margen inferior */
	 border: 1px solid #ccc; /* Borde */ 
}
/* Ocultar la palabra "opcional" en el checkout */
.woocommerce-checkout .optional {
    display: none;
}

/*=============================*/
/* ESTILOS PARA BUSCAR VENTAS  */
/*=============================*/

/* Estilos para el formulario de búsqueda de ventas */
.buscar-ventas-form {
    background-color: #dddedb; /* Fondo del formulario */
    padding: 20px; /* Espacio interno */
    border-radius: 10px; /* Bordes redondeados */
    margin-bottom: 20px; /* Margen inferior */
    border: 1px solid #ccc; /* Borde */
    max-width: 500px; /* Ancho máximo del formulario */
    margin: 0 auto; /* Centrar el formulario */
}

.buscar-ventas-form label {
    display: block; /* Etiquetas en bloque */
    margin-bottom: 5px; /* Margen inferior para etiquetas */
    font-weight: bold; /* Texto en negrita para etiquetas */
}

/* Estilos para el formulario de búsqueda de ventas */
.buscar-ventas-form {
    background-color: #dddedb; /* Fondo del formulario */
    padding: 20px; /* Espacio interno */
    border-radius: 10px; /* Bordes redondeados */
    margin-bottom: 20px; /* Margen inferior */
    border: 1px solid #ccc; /* Borde */
    max-width: 500px; /* Ancho máximo del formulario */
    margin: 0 auto; /* Centrar el formulario */
}

.buscar-ventas-form {
	margin-bottom: 20px; /* Espacio entre el formulario y la tabla */
	}
.buscar-ventas-form label {
    display: block; /* Etiquetas en bloque */
    margin-bottom: 5px; /* Margen inferior para etiquetas */
    font-weight: bold; /* Texto en negrita para etiquetas */
}

.buscar-ventas-form input[type="text"],
.buscar-ventas-form select {
    width: 100%; /* Ancho completo para campos de texto y select */
    padding: 8px; /* Relleno interno */
    margin-bottom: 15px; /* Margen inferior */
    border: 1px solid #ccc; /* Borde */
    border-radius: 5px; /* Bordes redondeados */
}

.buscar-ventas-form .submit-button {
    display: block; /* Botón en bloque */
    width: 100%; /* Ancho completo para el botón */
    padding: 10px; /* Relleno interno */
    background-color: #0073aa; /* Color de fondo */
    color: white; /* Color del texto */
    border: none; /* Sin borde */
    border-radius: 5px; /* Bordes redondeados */
    cursor: pointer; /* Cambiar cursor al pasar sobre el botón */
    font-weight: bold; /* Texto en negrita */
    text-align: center; /* Alinear el texto al centro */
}

.buscar-ventas-form .submit-button:hover {
    background-color: #005f8d; /* Color de fondo al pasar el ratón */
}

/* Estilos para la tabla de resultados */


#resultados-ventas {
    width: 100%;
    border-collapse: collapse;
    font-size: 14px;
}

#resultados-ventas th, #resultados-ventas td {
    border: 1px solid #ddd;
    padding: 8px;
    text-align: left;
}

#resultados-ventas th {
    background-color: #f2f2f2;
    font-weight: bold;
}

#resultados-ventas tr:nth-child(even) {
    background-color: #f9f9f9;
}

#resultados-ventas tr:hover {
    background-color: #f1f1f1;
}

#resultados-ventas th.sticky {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 10;
}

.table-wrapper {
    overflow-x: auto;
}



.stock.in-stock {
	color: green;
}

.stock.out-of-stock {
	color: red;
}

/* Ocultar botones "Pagar", "Ver" y "Cancelar" en la página de "Gracias" */

.woocommerce-order-received .woocommerce-button {
    display: none !important;
}

/* Ocultar botones de Pagar y Cancelar en la página de Mi Cuenta */
.woocommerce-button.pay,
.woocommerce-button.cancel {
    //display: none !important;
}

/* Ocultar el botón "Volver a Pedirlo" en la página de pedidos */
.woocommerce-order .order-actions .button.reorder {
    display: none !important;
}


/* Estilos del botón "Ver carrito" */
.custom-view-cart-button {
    background-color: #40e0d0 !important; /* Fondo aguamarina */
    color: #fff !important; /* Texto blanco */
    border: none !important;
    padding: 15px 0 !important;
    //text-transform: uppercase !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: background-color 0.3s ease !important;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
    margin-top: 10px !important;
}

.custom-view-cart-button:hover {
    background-color: #35c2b0 !important; /* Color aguamarina más oscuro al hacer hover */
    color: #fff !important; /* Asegura que el texto siga siendo blanco */
}

/*En el formulario del carrito quiero que solo salga el aspa para eliminar un producto*/
/* y el boton de finalizar compra*/
/* Ocultar el control de cantidad */

/*
.woocommerce-cart-form__cart-item .product-quantity .quantity input[type="number"],
.woocommerce-cart-form__cart-item .product-quantity .quantity input[type="button"] {
    display: none !important;
}
*/

.lista-espera {
    color: green;
    font-size: small;
    font-weight: bold;
    background: none;
}

/* Ocultar productos relacionados al pie de pagina*/
.related.products {
    display: none;
}

/* mostrar papelera como icono para eliminar carrito*/
.woocommerce-cart .product-remove a {
    font-size: 16px !important; /* Ajusta el tamaño */
    display: flex;
    align-items: center;
}
/*
.woocommerce-cart .product-remove a::before {
    content: "\1F5D1"; // Unicode de la papelera 🗑 
    font-size: 20px;
    margin-right: 5px;
}
*/
.woocommerce-cart .product-remove a {
    color: red !important; /* Cambia el color */
    font-weight: bold;
}



/* Estilo del botón de eliminar en el carrito */
/*
.product-remove a {
    font-size: 16px !important;
    display: flex !important;
    align-items: center !important;
    color: red !important;
    font-weight: bold !important;
    gap: 5px; 
    text-decoration: none; 
}
*/

/* Ajuste del botón de eliminar en el carrito */
/*

.product-remove a::before {
    content: "\1F5D1"; 
    font-size: 20px;
    margin-right: 5px; 
    display: inline-block;
}

.product-remove a::after {
    content: " Eliminar.";
    font-size: 16px;
    padding-left: 5px; 
}
*/
/* Ajuste del botón de eliminar en el carrito */
/*
.product-remove a {
    font-size: 16px !important;
    display: flex !important;
    flex-direction: column; // Pone el contenido en dos líneas 
    align-items: center !important;
    color: red !important;
    font-weight: bold !important;
    text-decoration: none; // Evita subrayado 
}
*/
/* Agregar el icono de papelera antes del texto */
/*
.product-remove a::before {
    content: "🗑"; // Unicode de papelera 
    font-size: 20px;
}
*/

/* Texto 'Eliminar' en la segunda línea con enlace */
/*
.product-remove a::after {
    content: "Eliminar"; // Texto adicional 
    font-size: 16px;
    text-decoration: underline; // Asegura que parezca un enlace 
}
*/

/* Botones +/- en el carrito que hay que meter a cuchillo pues los eliminaa
woocommerce tras pulsar el botón "ACTUALIZAR CARRITO" */
.quantity {
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity .custom-minus,
.quantity .custom-plus {
  background: #eee;
  border: 1px solid #ccc;
  padding: 0 10px;
  height: 40px;
  font-size: 18px;
  cursor: pointer;
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}

.quantity input.qty {
  width: 60px;
  text-align: center;
  height: 40px;
  border: 1px solid #ccc;
  margin: 0 5px;
}

/* Texto en pagina de carrito */
.woocommerce-cart .aviso-actualizar-carrito   {
    //background-color: #fff3cd;
    //color: #856404;
	background-color: #00ff00 !important;
	color: #FF0000 !important;
    border: 1px solid #ffeeba;
    padding: 15px;
    margin-bottom: 20px;
    font-weight: bold;
    text-align: center;
    border-radius: 5px;
}

@media (max-width: 768px) {
  .woocommerce table.cart td.product-remove {
    display: table-cell !important;
    width: auto;
    text-align: right;
  }

  .woocommerce table.cart td.product-remove a.remove {
    font-size: 24px;
    color: red;
    display: inline-block;
    margin-left: 10px;
  }
}

@media (max-width: 768px) {
  .custom-remove-button {
    display: inline-block;
    font-size: 16px;
    background: #f8d7da;
    color: #721c24 !important;
    padding: 4px 8px;
    border-radius: 4px;
    margin-top: 5px;
  }
}