/* Buscador global (librería GlobalSearch de bal_isquad). El color de acción sale del tema del portal. */
.gs-overlay {
    /* Por debajo de los modales de Bootstrap 3 (backdrop 1040, modal 1050): los botones de los partidos y de los
       árbitros abren un modal sin cerrar el buscador */
    --gs-z: 1000;
    --gs-action: var(--componet-primary-color, #044396);
    --gs-on-action: var(--componet-primary-color-text, #ffffff);
}

/* Botón de búsqueda de la primera fila de la cabecera, justo a la izquierda del selector de superficie.
   Mismo aspecto de píldora que los selectores de al lado. */
.div_buscador_global {
    float: left;
    display: flex;
    align-items: center;
    width: 230px;
    margin-left: auto; /* el selector de superficie ya no empuja a la derecha: lo hace el buscador */
    color: #050505;
}

.div_primera_fila_competicion > .div_buscador_global + .div_select_superficie {
    margin-left: 8px;
}

.div_buscador_global > [data-gs-trigger] {
    width: 100%;
}

.div_buscador_global .gs-trigger {
    height: 44px;
    border-radius: 100px;
    padding: 0 16px;
}

/* Escudo / foto de un resultado */
.buscador-escudo {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    object-fit: contain;
}

/* ───────── Partidos ─────────
   Datos arriba (equipos con escudo y marcador, competición, fecha) y los botones de la tabla de competicion.php debajo. */
.buscador-partido {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
    min-width: 0;
}

.buscador-partido .bp-equipo {
    display: flex;
    align-items: center;
    gap: 8px;
    min-width: 0;
}

.buscador-partido .bp-escudo {
    flex: none;
    width: 24px;
    height: 24px;
    object-fit: contain;
}

.buscador-partido .bp-nombre {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.buscador-partido .bp-resultado {
    flex: none;
    min-width: 1.5em;
    text-align: right;
}

.buscador-partido .bp-gana .bp-nombre,
.buscador-partido .bp-gana .bp-resultado {
    font-weight: 700;
}

.buscador-partido .bp-info {
    display: flex;
    flex-direction: column;
    gap: 1px;
    margin-top: 4px;
    font-size: 12.5px;
    color: var(--gs-text-muted);
}

/* Botones: las clases son las de la tabla (custom-col-circle, custom-col...), que ya están en estilos.css */
.buscador-acciones {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 14px;
}

.buscador-accion {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 3px;
}

.buscador-accion-titulo {
    font-size: 9.5px;
    letter-spacing: .04em;
    color: var(--gs-text-muted);
}

.buscador-acciones .col-estadisticas,
.buscador-acciones .col-directo {
    display: flex;
    gap: 6px;
}

.buscador-acciones .center-col {
    display: flex;
    justify-content: center;
}

.buscador-acciones .custom-col {
    font-size: 11px;
    padding: 6px 10px;
}

/* Los partidos son muy altos: en la búsqueda global ocupan una fila entera con las tarjetas una al lado de otra
   (con scroll horizontal si no caben). Al elegir la categoría (chip / "Ver más") la librería vuelve a una sola
   columna y se apilan una debajo de otra. */
.gs-overlay[data-direction="horizontal"] .gs-panel:not(.gs-scoped) .gs-category.bp-categoria {
    flex: 1 1 100%;
    max-width: none;
}

.gs-panel:not(.gs-scoped) .bp-categoria .gs-items {
    flex-direction: row;
    gap: 10px;
    overflow-x: auto;
    scroll-snap-type: x proximity;
    padding-bottom: 6px;
}

.gs-panel:not(.gs-scoped) .bp-categoria .gs-item {
    flex: 0 0 320px;
    max-width: 100%;
    scroll-snap-align: start;
}

.gs-panel:not(.gs-scoped) .bp-categoria .gs-item.gs-more {
    flex: 0 0 120px;
    display: flex;
    align-items: center;
    justify-content: center;
}