/*
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;
  }
}

/* Menu top bar */
.topbar-navigation li:not(:last-child)::after {
  content: "|";
  margin: 0 6px;
  color: #ccc;
}
.topbar-navigation i {
  margin-right: 4px;
}

/* ============================================================
   KIT DIGITAL – Correcciones WCAG de contraste específicas
   (NO altera extractos ni textos de portada)
   ============================================================ */

/* 1) Texto de ubicación en listados (letras pequeñas gris claro) */
.sp-pcp-post-details-content .sp-pcp-post-content,
.sp-pcp-post-details-content .sp-pcp-post-content p {
    color: #1a1a1a !important; /* Gris muy oscuro, contraste AA */
}

/* 2) Bloque Hermanamiento - el gris original no pasa AA */
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor span {
    color: #1a1a1a !important;
}

/* 3) Enlaces cuyo color quedaba al límite (#444 / #555) */
.sp-pcp-post-details-content a:not(.sp-pcp-thumb):not(.elementor-button) {
    color: #0f0f0f !important;
}

/* 4) Pequeñas etiquetas o metadatos bajo los títulos */
.sp-pcp-post-details-content small,
.sp-pcp-post-details-content .post-meta,
.sp-pcp-post-details-content .post-meta span {
    color: #1a1a1a !important;
}

/* 5) Solo para la caja del club vasco */
.rseap-vasco-text,
.rseap-vasco-text p,
.rseap-vasco-text span {
    color: #111 !important;
}
/* ============================================================
 * KIT DIGITAL – Ajuste de contraste sección "Conócenos"
 * Devolvemos el texto de párrafo a un azul claro sobre fondo azul oscuro,
 * sin afectar al resto de la web.
 * ============================================================ */

.elementor-element-df2d9e1 p {
    color: #EAF2FF !important; /* azul hielo accesible AAA */
}

/* ============================================================
 * KIT DIGITAL – Mejora de contraste en ACTIVIDADES (Events Manager)
 * Datos de fecha, hora y lugar: texto demasiado claro sobre fondo blanco
 * Cumplimiento WCAG AA contraste mínimo 4.5:1
 * ============================================================ */

/* Bloques de eventos: texto general (descripcion corta, etc.) */
.em-event-text,
.em-event-text p {
    color: #333333;          /* Gris oscuro, casi negro */
}

/* Línea donde aparece fecha/hora/lugar en listados de eventos */
.em-event-meta,
.em-event-meta p,
.em-event-meta span,
.em-event-meta a {
    color: #333333 !important;   /* Forzamos texto oscuro */
}

/* Iconos + texto (si usáis iconos tipo <i>) */
.em-event-meta i {
    color: #333333 !important;
}

/* En caso de que Events Manager esté usando clases específicas
   para fecha/hora/lugar, cubrimos las más habituales: */
.em-event-meta .event-date,
.em-event-meta .event-time,
.em-event-meta .event-location {
    color: #333333 !important;
}

/* Si el plugin o el tema aplica un color muy claro vía 'a' dentro
   de las tarjetas de eventos, nos aseguramos de que sigan siendo legibles */
.em-event-meta a:hover,
.em-event-meta a:focus {
    color: #111111 !important;   /* Aún más contraste al interactuar */
}

/* Por si el tema aplica un gris claro a los strong/small */
.em-event-meta strong,
.em-event-meta small {
    color: #333333 !important;
}
/* KIT DIGITAL – Test rápido para localizar el selector correcto */

body.home div.em-event.em-item div.em-item-info,
body.home div.em-event.em-item div.em-item-info *,
body.home div.em-event.em-item div.em-event-meta,
body.home div.em-event.em-item div.em-event-meta .em-item-meta-line,
body.home div.em-event.em-item div.em-event-meta .em-item-meta-line a {
    color: #152f30 !important; /* azul muy oscuro, contraste AA sobre fondo claro */
}