/* ═══════════════ SwiftScore · Public Organizer Pages ═══════════════ */
/* --org = organizer brand colour (set on <body>) */

/* ── Top navigation ── */
.pub-nav{position:sticky;top:0;z-index:1030;background:rgba(6,18,26,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--ss-border)}
.pub-nav-inner{position:relative;max-width:1200px;margin:auto;display:flex;align-items:center;gap:18px;padding:12px 20px}
.pub-org{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:0}
.pub-org-logo{width:42px;height:42px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;overflow:hidden;
  font-family:var(--ff-head);font-weight:800;font-size:.8rem;color:#06121a;background:var(--org);box-shadow:0 0 16px var(--org)}
.pub-org-logo img{width:100%;height:100%;object-fit:cover}
.pub-org-name{font-family:var(--ff-head);font-weight:700;color:#fff;font-size:.92rem;letter-spacing:.05em;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pub-org-city{font-size:.6rem;color:var(--ss-dim);letter-spacing:.16em;text-transform:uppercase}
.pub-links{display:flex;gap:2px;margin-left:auto}
.pub-links a{padding:7px 12px;border-radius:8px;color:#9cc3d6;text-decoration:none;font-weight:500;font-size:.82rem;white-space:nowrap}
.pub-links a:hover{background:#0f2a3a;color:#fff}
.pub-links a.active{background:rgba(255,255,255,.05);color:#fff;box-shadow:inset 0 -2px 0 var(--org)}
.pub-links a.soon{opacity:.45;pointer-events:none}
.pub-burger{display:none;width:36px;height:36px;border-radius:8px;background:#0a1a24;border:1px solid var(--ss-border2);color:#fff}

/* ── Page body ── */
.pub-wrap{max-width:1200px;margin:auto;padding:24px 20px 40px}

/* ── Hero ── */
.pub-hero{position:relative;overflow:hidden;border-radius:18px;padding:34px 30px;border:1px solid var(--ss-border);
  background:linear-gradient(115deg,#0c2e2e,#0b1f33 55%,#1e1b4b)}
.pub-hero::before{content:"";position:absolute;right:-40px;bottom:-130px;width:330px;height:330px;border-radius:50%;border:2px solid var(--org);opacity:.22}
.pub-hero::after{content:"";position:absolute;right:70px;bottom:-40px;width:160px;height:160px;border-radius:50%;border:2px dashed var(--org);opacity:.28}
.pub-hero>*{position:relative;z-index:1}
.pub-hero .tag{font-size:.66rem;letter-spacing:.22em;text-transform:uppercase;color:var(--org);font-weight:600}
.pub-hero h1{font-family:var(--ff-head);font-size:2rem;font-weight:800;color:#fff;letter-spacing:.04em;margin:8px 0 6px}
.pub-hero .sub{color:var(--ss-muted);margin:0}
.pub-hero-logo{width:96px;height:96px;border-radius:22px;display:grid;place-items:center;overflow:hidden;flex-shrink:0;
  font-family:var(--ff-head);font-weight:800;font-size:1.6rem;color:#06121a;background:var(--org);box-shadow:0 0 36px var(--org)}
.pub-hero-logo img{width:100%;height:100%;object-fit:cover}
.pub-pill{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;font-size:.66rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.18);color:#e6f7ff}
.pub-pill.off .ss-live-dot{background:var(--ss-dim);animation:none}
.pub-contact{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:#cfe6f1;margin-right:16px}
.pub-contact i{color:var(--org)}

/* ── Stats strip ── */
.pub-stats{display:grid;grid-template-columns:repeat(4,1fr)}
.pub-stat{text-align:center;padding:18px 10px;border-right:1px solid var(--ss-border)}
.pub-stat:last-child{border-right:none}
.pub-stat .v{font-family:var(--ff-head);font-size:1.7rem;font-weight:800;color:var(--org);filter:drop-shadow(0 0 6px var(--org))}
.pub-stat .l{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--ss-muted);margin-top:4px}

/* ── Section titles ── */
.pub-sec-title{display:flex;align-items:center;gap:10px;font-family:var(--ff-head);font-size:.78rem;letter-spacing:.16em;
  text-transform:uppercase;color:#fff;margin:30px 0 14px}
.pub-sec-title::before{content:"";width:18px;height:3px;border-radius:3px;background:var(--org);box-shadow:0 0 8px var(--org)}
.pub-sec-title .count{margin-left:auto;font-family:var(--ff-mono);font-size:.7rem;color:var(--ss-dim);letter-spacing:.05em}

/* ── Empty states & skeleton ── */
.pub-empty{padding:30px 20px;text-align:center;color:var(--ss-dim)}
.pub-empty i{font-size:2rem;color:var(--ss-border2);display:block;margin-bottom:10px}
.pub-empty .t{color:#cfe6f1;font-weight:600;margin-bottom:2px}
.pub-live{display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center;padding:22px}
.pub-team{display:flex;align-items:center;gap:12px}
.pub-team.r{justify-content:flex-end;text-align:right}
.pub-badge-skel{width:48px;height:48px;border-radius:12px}
.pub-vs{font-family:var(--ff-head);font-weight:800;color:var(--ss-dim);font-size:.9rem}
.skel{display:block;border-radius:6px;background:linear-gradient(90deg,#0f2a3a 25%,#15384b 50%,#0f2a3a 75%);background-size:200% 100%;animation:skel 1.6s infinite}
@keyframes skel{0%{background-position:200% 0}100%{background-position:-200% 0}}

/* ── Footer ── */
.pub-footer{border-top:1px solid var(--ss-border);padding:20px;text-align:center;font-size:.72rem;color:var(--ss-dim)}
.pub-footer a{color:var(--ss-cyan2);text-decoration:none}
.pub-footer .ss-brand-name{display:inline;font-size:.72rem}

/* ── Unavailable page ── */
.pub-unavail{min-height:100vh;display:grid;place-items:center;text-align:center;padding:24px}
.pub-unavail-icon{width:84px;height:84px;margin:0 auto 18px;border-radius:22px;display:grid;place-items:center;font-size:2.2rem;
  color:var(--ss-amber);background:rgba(251,191,36,.10);border:1px solid rgba(251,191,36,.35);box-shadow:0 0 30px rgba(251,191,36,.2)}

/* ── Responsive ── */
@media(max-width:767px){
  .pub-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#07151e;border-bottom:1px solid var(--ss-border);padding:10px}
  .pub-links.show{display:flex}
  .pub-burger{display:inline-grid;place-items:center;margin-left:auto}
  .pub-hero{padding:24px 20px}
  .pub-hero h1{font-size:1.35rem}
  .pub-hero-logo{width:64px;height:64px;font-size:1.1rem;border-radius:16px}
  .pub-stats{grid-template-columns:repeat(2,1fr)}
  .pub-stat:nth-child(2){border-right:none}
  .pub-stat:nth-child(-n+2){border-bottom:1px solid var(--ss-border)}
  .pub-live{grid-template-columns:1fr;text-align:center}
  .pub-team,.pub-team.r{justify-content:center;text-align:center}
}