/* ==========================================================================
   FPF Unificado – Estadísticas (BASE LIMPIA)
   --------------------------------------------------------------------------
   Objetivo: Dejar una base neutra, sin colores forzados ni estilos rígidos,
   para que el 100% pueda personalizarse con SiteOrigin CSS.
   - Solo estructura mínima (display, tamaños y alineaciones básicas).
   - Cero !important, sin inline styles y sin dependencias externas.
   - Todas las reglas usan clases específicas para fácil selección.
   ========================================================================== */

/* Contenedor principal de la sección */
#fpfuni-stats {
  /* vacío a propósito: todo se personaliza con SiteOrigin */
}

/* Caja envolvente de la tabla (centra/limita si se necesita) */
.fpfuni-stats-box {
  /* Por defecto, ocupará el ancho disponible */
  /* Puedes ajustar max-width, márgenes, padding y tipografías con SiteOrigin */
}

/* ---------- Tabla de 4 columnas (Etiqueta | Local | Visitante | Total) ----- */
.fpfuni-stats-table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed; /* columnas consistentes */
}

/* Cabeceras */
.fpfuni-stats-table thead th {
  font-weight: 600;
  text-align: center;
  padding: 10px 12px;
  border: 1px solid #e5e7eb; /* neutral y fácilmente sobreescribible */
}

/* Primera cabecera (nombre/escudo del club) */
.fpfuni-stats-table thead th.club-col {
  text-align: left;
  white-space: nowrap;
}

/* Celdas de cuerpo */
.fpfuni-stats-table tbody td {
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  vertical-align: middle;
  text-align: center;
}

/* Columna de etiquetas a la izquierda */
.fpfuni-stats-table tbody td.label {
  text-align: left;
}

/* Etiquetas duales (web/móvil) – sin estilos visuales fuertes */
.fpfuni-stats-table .lbl-web { display: inline; }
.fpfuni-stats-table .lbl-mov { display: none; }

/* En móviles mostramos versión corta si existe */
@media (max-width: 640px) {
  .fpfuni-stats-table .lbl-web { display: none; }
  .fpfuni-stats-table .lbl-mov { display: inline; }
}

/* ------------------ Opcionales no intrusivos (fáciles de editar) ----------- */
/* Imagen del logo si se usa dentro del th.club-col */
.fpfuni-stats-table .club-logo {
  width: 20px;
  height: 20px;
  object-fit: cover;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 8px;
}

/* Nombre del club en el th.club-col */
.fpfuni-stats-table .club-name {
  vertical-align: middle;
}


/* === UI: Barra de selección en una sola línea (label + selector) === */
.fpfuni-stats-bar{
  display:flex;
  align-items:center;
  gap:8px;
  flex-wrap:wrap; /* permite salto en pantallas muy chicas */
}

/* Botón selector y lista: estructura mínima, sin colores forzados */
.fpfuni-team-btn{ display:flex; align-items:center; gap:8px; }
.fpfuni-team-list{ /* estilos visuales a definir desde SiteOrigin CSS */ }

/* Logos pequeños por defecto (igual que posiciones: 18x18) */
.fpfuni-team-btn .logo,
.fpfuni-team-item .logo,
.fpfuni-stats-table thead th.club-col img,
.fpfuni-stats-table .club-logo{
  width:18px;
  height:18px;
  object-fit:cover;
  border-radius:50%;
}



/* === Picker como LISTADO DESPLEGABLE (vertical) ========================= */
/* Botón disparador: estilo neutro (editable) */
.fpfuni-team-btn{
  display:flex;
  align-items:center;
  gap:8px;
  padding:6px 10px;
  border:1px solid #e5e7eb;
  border-radius:10px;
  background:#f3f4f6; /* gris claro por defecto (editable desde SiteOrigin) */
  cursor:pointer;
}

/* Panel desplegable */
.fpfuni-team-list{
  position:absolute;
  z-index:50;
  top:100%;
  left:0;
  margin-top:6px;
  width:260px;            /* ajustable */
  max-height:320px;       /* scroll vertical si excede */
  overflow-y:auto;
  background:#f8fafc;     /* gris MUY claro por defecto (editable) */
  border:1px solid #e5e7eb;
  border-radius:10px;
  box-shadow:0 8px 20px rgba(0,0,0,.06);
  display:block;          /* listado vertical */
}

/* Ítems del listado (reset de <button>) */
.fpfuni-team-item{
  display:flex;
  align-items:center;
  gap:8px;
  width:100%;
  padding:8px 10px;
  margin:0;
  text-align:left;
  border:0;
  background:transparent; /* sin azul por defecto */
  cursor:pointer;
  appearance:none;
  -webkit-appearance:none;
}
.fpfuni-team-item:hover{ background:#eef2f7; } /* editable */

/* Logos pequeños (18x18) en lista y botón */
.fpfuni-team-btn .logo,
.fpfuni-team-item .logo{ width:18px; height:18px; border-radius:50%; object-fit:cover; }



/* === Anclar el desplegable al botón y mejorar UX ======================= */
.fpfuni-team-picker{ position:relative; display:inline-block; }

/* Panel asociado al botón (aparece debajo del botón) */
.fpfuni-team-list{
  top:100%; left:0;
  min-width:100%;     /* al menos el ancho del botón */
  width:auto;         /* puede crecer si el contenido lo requiere */
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: contain;
  overflow-y:auto;
  /* Ocultar barra de scroll pero permitir desplazamiento */
  scrollbar-width: none;          /* Firefox */
}
.fpfuni-team-list::-webkit-scrollbar{ width:0; height:0; } /* WebKit/Chromium */
.fpfuni-team-list{ -ms-overflow-style: none; }             /* IE/Edge legacy */

/* Texto de los equipos en negro normal */
.fpfuni-team-item .nm{ color:#000; font-weight:400; }



/* === Visibilidad del desplegable controlada por [hidden] ================ */
.fpfuni-team-list{ display:none; }
.fpfuni-team-list[hidden]{ display:none; }
.fpfuni-team-list:not([hidden]){ display:block; }

/* === Espacio entre el botón/label y la tabla (personalizable) =========== */
.fpfuni-stats-bar{ margin-bottom: 16px; } /* editá este valor con SiteOrigin */

/* --- Auto update v3.0.2: icon link ▸ without underline and small spacing --- */
.ftpos-table .ftpos-info{ text-decoration:none !important; margin-left:6px; opacity:0.9; }
.ftpos-table .ftpos-info:hover{ text-decoration:none !important; opacity:1; }