/* Bida Public Styles */
.bida-clubs-grid { display:grid; gap:20px; margin:24px 0; }
.bida-cols-1 { grid-template-columns:1fr; }
.bida-cols-2 { grid-template-columns:repeat(2,1fr); }
.bida-cols-3 { grid-template-columns:repeat(3,1fr); }
.bida-cols-4 { grid-template-columns:repeat(4,1fr); }
@media(max-width:768px){ .bida-cols-3,.bida-cols-4 { grid-template-columns:repeat(2,1fr); } }
@media(max-width:480px){ .bida-clubs-grid { grid-template-columns:1fr !important; } }

.bida-club-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; transition:box-shadow .2s,transform .2s; }
.bida-club-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.10); transform:translateY(-2px); }
.bida-club-thumb { width:100%; aspect-ratio:16/9; background:#f3f4f6; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.bida-club-thumb img { width:100%; height:100%; object-fit:cover; }
.bida-thumb-placeholder { font-size:48px; opacity:.3; }
.bida-club-body { padding:16px; }
.bida-club-name { margin:0 0 10px !important; font-size:17px !important; font-weight:700 !important; }
.bida-club-body p { margin:5px 0 !important; font-size:14px !important; color:#6b7280 !important; }
.bida-club-body a { color:#2563eb; text-decoration:none; }

.bida-clubs-list { margin:24px 0; }
.bida-club-row { display:flex; align-items:center; gap:14px; padding:14px; border-bottom:1px solid #e5e7eb; }
.bida-club-row:last-child { border-bottom:none; }
.bida-club-row-logo { width:56px; height:56px; border-radius:10px; overflow:hidden; background:#f3f4f6; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:24px; }
.bida-club-row-logo img { width:100%; height:100%; object-fit:cover; }
.bida-club-row-info h3 { margin:0 0 4px !important; font-size:16px !important; }
.bida-meta { display:flex; flex-wrap:wrap; gap:10px; font-size:13px; color:#6b7280; }
.bida-meta a { color:#2563eb; text-decoration:none; }

.bida-tournaments-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:20px; margin:24px 0; }
.bida-t-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; transition:box-shadow .2s,transform .2s; }
.bida-t-card:hover { box-shadow:0 8px 24px rgba(0,0,0,.10); transform:translateY(-2px); }
.bida-t-strip { height:4px; background:var(--sc,#e5e7eb); }
.bida-t-body { padding:16px; }
.bida-t-header { display:flex; justify-content:space-between; align-items:flex-start; gap:10px; margin-bottom:10px; }
.bida-t-name { margin:0 !important; font-size:17px !important; font-weight:700 !important; }
.bida-t-status { font-size:11px; font-weight:600; letter-spacing:.05em; white-space:nowrap; padding:3px 8px; border-radius:20px; background:color-mix(in srgb,var(--sc) 15%,transparent); color:var(--sc); flex-shrink:0; }
.bida-t-meta { display:flex; flex-direction:column; gap:4px; font-size:13px; color:#6b7280; }
.bida-t-footer { padding:10px 16px; border-top:1px solid #f3f4f6; }
.bida-format-tag { font-size:11px; font-weight:600; letter-spacing:.07em; text-transform:uppercase; color:#9ca3af; background:#f9fafb; padding:2px 8px; border-radius:4px; }

.bida-error { color:#dc2626; padding:12px; background:#fef2f2; border-radius:8px; margin:12px 0; }
.bida-empty { color:#6b7280; padding:12px; background:#f9fafb; border-radius:8px; margin:12px 0; }

/* ===== PLAYERS ===== */
.bida-players-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(160px,1fr)); gap:16px; margin:24px 0; }

.bida-player-card { background:#fff; border:1px solid #e5e7eb; border-radius:12px; overflow:hidden; text-align:center; transition:box-shadow .2s,transform .2s; }
.bida-player-card:hover { box-shadow:0 6px 20px rgba(0,0,0,.08); transform:translateY(-2px); }

.bida-player-avatar { width:100%; aspect-ratio:1; background:#f3f4f6; overflow:hidden; display:flex; align-items:center; justify-content:center; }
.bida-player-avatar img { width:100%; height:100%; object-fit:cover; }
.bida-avatar-placeholder { font-size:52px; opacity:.3; }

.bida-player-info { padding:12px; }
.bida-player-name { margin:0 0 6px !important; font-size:14px !important; font-weight:700 !important; line-height:1.3 !important; }
.bida-player-rank { display:inline-block; font-size:11px; font-weight:600; padding:2px 8px; border-radius:10px; margin-bottom:4px; }
.bida-player-location { margin:4px 0 0 !important; font-size:12px !important; color:#9ca3af !important; }