/* ═══════════════════════════════════════════════════════════ UltrasZone, Team Color Theming Overrides the global accent variables per team, so EVERYTHING that derives from --accent / --accent-deep / --glow (logo, headings, ticker, product hovers, buttons, badges, section labels, watermarks) recolors to the team's identity. Scoped by the team-{slug} class already present on . ═══════════════════════════════════════════════════════════ */ /* ── Capital Lions · Beitar Jerusalem, צהוב-שחור ── */ body.team-lafamilia{ --accent:#F5C518; --accent-deep:#E0A800; --ember:#F5C518; --glow:rgba(245,197,24,.40); --cyan:var(--accent); --cyan2:var(--accent-deep); } /* ── Urban Reds, אדום-לבן ── */ body.team-ultras-hapoel{ --accent:#E23434; --accent-deep:#C21F1F; --ember:#E23434; --glow:rgba(226,52,52,.40); --cyan:var(--accent); --cyan2:var(--accent-deep); } /* ── Golden Blues, צהוב-כחול ── */ body.team-maccabi-fanatics{ --accent:#FFD23F; --accent-deep:#1B4C9B; --ember:#FFD23F; --glow:rgba(255,210,63,.38); --cyan:var(--accent); --cyan2:var(--accent-deep); } /* ── Green Hooligans · Maccabi Haifa, ירוק-לבן ── */ body.team-green-monkeys{ --accent:#2E9E5B; --accent-deep:#1E7A42; --ember:#2E9E5B; --glow:rgba(46,158,91,.40); --cyan:var(--accent); --cyan2:var(--accent-deep); } /* ── Diamonds Crew, צהוב-שחור ── */ body.team-vatos-locos{ --accent:#FFD60A; --accent-deep:#D6B000; --ember:#FFD60A; --glow:rgba(255,214,10,.40); --cyan:var(--accent); --cyan2:var(--accent-deep); } /* ── South Force · Hapoel Beer Sheva, אדום-שחור ── */ body.team-ultra-south{ --accent:#D42C2C; --accent-deep:#A81E1E; --ember:#D42C2C; --glow:rgba(212,44,44,.40); --cyan:var(--accent); --cyan2:var(--accent-deep); } /* ── All Others, keep the house cyan (neutral hub) ── */ /* body.team-other-orgs uses the default accent; no override. */ /* ───────────────────────────────────────────────────────── Extra ultras-flavor touches that only apply on team pages ───────────────────────────────────────────────────────── */ /* Make the org watermark glow faintly in the team color */ body[class*="team-"]:not(.team-other-orgs) .org-watermark{ color:var(--accent); opacity:.06; } /* Team-color accent bar under the org hero title */ body[class*="team-"]:not(.team-other-orgs) .org-title::after, body[class*="team-"]:not(.team-other-orgs) .seo-h1::after{ content:''; display:block; width:64px; height:4px; margin-top:18px; background:var(--accent); box-shadow:0 0 16px var(--glow); } /* Org badge / hero badge fully in team color */ body[class*="team-"]:not(.team-other-orgs) .org-badge{ background:var(--accent); color:#0d0d0d; box-shadow:0 0 20px var(--glow); } /* Ticker highlight dots + brand word in team color (already via --cyan2, but reinforce) */ body[class*="team-"]:not(.team-other-orgs) .ticker .hi{ color:var(--accent); text-shadow:0 0 8px var(--glow); } /* Product card top-reveal line inherits team color automatically via --cyan. Reinforce the hover glow to feel more alive on team pages. */ body[class*="team-"]:not(.team-other-orgs) .product-card:hover{ border-color:var(--accent); } /* ───────────────────────────────────────────────────────── Guaranteed logo theming, the injected nav/footer logo "ULTRASZONE" gets its span colored to the team color, plus a faint team-color glow so the brand mark itself carries the team identity on every team page. ───────────────────────────────────────────────────────── */ body[class*="team-"]:not(.team-other-orgs) .logo span, body[class*="team-"]:not(.team-other-orgs) .footer-logo span, body[class*="team-"]:not(.team-other-orgs) .shabbat-logo span{ color:var(--accent); text-shadow:0 0 14px var(--glow); } /* Nav link hover / active + CTA already use --cyan2 → team color automatically. Reinforce the nav CTA button to fill with team color on hover. */ body[class*="team-"]:not(.team-other-orgs) .nav-cta:hover{ background:var(--accent); color:#0d0d0d; } /* Cart drawer accents, search accents, and any --accent-driven UI inherit the team color for the whole session on a team page. */