/* Botones "Buscar" / "Limpiar" del buscador de complejos
   (complejos-deportivos.php y jugador/index.php). Misma altura que los
   campos del filtro, en una sola línea. */

.btn-buscar-complejo,
.btn-limpiar-complejo {
    --bc-alto: calc(1.5rem + .75rem + 2px);
    --bc-acento: var(--p-green, var(--lc-accent, #22c55e));
    height: var(--bc-alto);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    font-size: .95rem;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    transition: transform .12s ease, filter .15s ease, box-shadow .15s ease, background .15s ease, color .15s ease, border-color .15s ease;
}

.btn-buscar-complejo {
    gap: .45rem;
    padding: 0 1.15rem;
    border: 0;
    font-weight: 600;
    color: #fff;
    background: linear-gradient(135deg, var(--bc-acento), #0d4c94);
    box-shadow: 0 8px 20px -10px var(--bc-acento), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.btn-buscar-complejo:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 12px 24px -10px var(--bc-acento), inset 0 1px 0 rgba(255, 255, 255, .2);
}

.btn-buscar-complejo:active { transform: translateY(0) scale(.98); }
.btn-buscar-complejo:focus-visible { outline: 2px solid #fff; outline-offset: 2px; }
.btn-buscar-complejo i { font-size: 1rem; }

/* Limpiar: botón cuadrado solo con ícono, discreto; se marca en rojo recién al pasar el mouse. */
.btn-limpiar-complejo {
    flex: 0 0 auto;
    width: var(--bc-alto);
    padding: 0;
    border: 1px solid rgba(255, 255, 255, .14);
    background: rgba(255, 255, 255, .06);
    color: #cbd5e1;
}

.btn-limpiar-complejo:hover {
    background: rgba(239, 68, 68, .16);
    border-color: rgba(239, 68, 68, .5);
    color: #fca5a5;
}

.btn-limpiar-complejo:active { transform: scale(.94); }
.btn-limpiar-complejo:focus-visible { outline: 2px solid #fca5a5; outline-offset: 2px; }

/* Portal del jugador en tema claro (el panel de complejos-deportivos es oscuro siempre). */
html[data-bs-theme="light"] .portal-body .btn-limpiar-complejo {
    border-color: rgba(15, 23, 42, .14);
    background: rgba(15, 23, 42, .04);
    color: #374151;
}

html[data-bs-theme="light"] .portal-body .btn-limpiar-complejo:hover {
    background: rgba(239, 68, 68, .1);
    border-color: rgba(239, 68, 68, .45);
    color: #dc2626;
}