/* ==============================
   general.css
   ==============================
   Solo lo que Bootstrap NO cubre con clases. Reglas:
   - Antes de añadir nada, buscar la utilidad o el componente de Bootstrap
     (espaciado, w-*, col-*, flex, text-*, bg-*, table-*...).
   - Los colores, siempre con las variables de Bootstrap (var(--bs-primary),
     var(--bs-body-bg)...), nunca a medida: así respetan el tema claro/oscuro.
   - Una clase por necesidad, con nombre en español y un comentario de para qué sirve.
   - style="..." en una página solo de emergencia (un apaño puntual o un valor calculado):
     lo normal es que el estilo vaya aquí como clase.
*/

/* Listados (ver "Listados: fila seleccionada" en js/funciones.js) ------------------- */

/* Logo del navbar (imagenes/jendo.png): es negro sobre transparente, así que en modo oscuro se
   invierte para que se vea sobre el fondo oscuro. Bootstrap no trae utilidades de filter. */
[data-bs-theme="dark"] .logo-navbar {
	filter: invert(1);
}

/* Logo grande de la pantalla de bienvenida (zonas/verinicio.php, visitante sin sesión): Bootstrap
   no trae un tamaño así hecho; en pantalla estrecha no pasa del ancho disponible. Se combina con
   .logo-navbar (arriba), que también se aplica aquí. */
.logo-bienvenida {
	width: 220px;
	max-width: 70vw;
}

/* Tooltips de Bootstrap (ver iniciaTooltips() en js/funciones.js): azul suave en vez del gris
   oscuro por defecto, a juego con el azul del menú seleccionado (--bs-navbar-active-color, más
   abajo). Variables propias del componente: cambia también la flecha, sin tocar el texto porque
   -emphasis ya da buen contraste sobre -subtle en los dos temas. */
.tooltip {
	--bs-tooltip-bg: var(--bs-primary-bg-subtle);
	--bs-tooltip-color: var(--bs-primary-text-emphasis);
}

/* Menú seleccionado del navbar (.nav-link.active, que ponen index.php y marcaMenu() en funciones.js):
   con color en lugar del gris apenas distinto de los demás. Es la variable propia de Bootstrap para
   eso; --bs-link-color es #0d6efd en claro y #6ea8fe en oscuro, así que se lee bien en los dos temas. */
.navbar {
	--bs-navbar-active-color: var(--bs-link-color);
}

/* Cabecera de un listado con búsqueda: anchos fijos en rem del select de columna (Tom Select) y del
   campo de texto, que Bootstrap no cubre con clases. En pantalla estrecha el texto no pasa del ancho. */
.filtro-columna {
	width: 9rem;
}
.filtro-texto {
	width: 16rem;
	max-width: 100%;
}

/* Desplegable de Tom Select: por encima de las cabeceras pegadas de las tablas (.sticky-top de
   Bootstrap, z-index 1020) y por debajo de los modales (1055). Tom Select trae 10 y la cabecera
   de la tabla lo tapaba. */
.ts-dropdown {
	z-index: 1030;
}

/* Filas de un listado seleccionable: se pueden pulsar. */
.tabla-seleccionable > tbody > tr[data-id] {
	cursor: pointer;
}

/* (El color de la fila seleccionada no está aquí: es la clase table-warning de Bootstrap,
   que funciones.js añade a la fila.) */