/* ──────────────────────────────────────────────────────────────────────────
   Syncsity — SPA visual fixes (SURGICAL — narrow selectors only)
   Loaded after the Lovable SPA's bundled CSS.

   Lessons learned: broad [class*="bg-white"] selectors caused collateral
   damage to the nav (turned transparent nav buttons into white pills).
   This file now ONLY targets very specific known bugs by exact class
   combinations. If you add a rule here, leave a comment with the page
   URL where you saw the bug.
   ────────────────────────────────────────────────────────────────────────── */

:root {
  --sx-navy-dark: #0a1022;
  --sx-blue-300: #66a3e7;
  --sx-blue-500: #0066d7;
  --sx-orange:   #fca311;
}

/* ──────────────────────────────────────────────────────────────────────
   Bug #1 — shadcn outline button on dark hero showing as white-on-white.
   Seen on /solutions/workforce-transformation, /transform/market-domination
   and similar pages with this exact pattern:
     <Button variant="outline" className="border-white text-white">
   The compiled `outline` variant sets bg-background which resolves to white;
   text-white then makes the label invisible.
   Fix: when BOTH border-white AND text-white are present, force transparent
   background. This is the only place we're targeting these classes.
   ──────────────────────────────────────────────────────────────────── */
button.border-white.text-white,
a.border-white.text-white,
.border-white.text-white {
  background-color: transparent !important;
  color: #ffffff !important;
  border-color: rgba(255,255,255,0.55) !important;
}
button.border-white.text-white:hover,
.border-white.text-white:hover {
  background-color: rgba(255,255,255,0.10) !important;
  border-color: #ffffff !important;
}

/* ──────────────────────────────────────────────────────────────────────
   Bug #2 — empty <button> placeholders left over from broken React renders
   (saw a tiny white box next to the Schedule Executive Briefing CTA).
   :empty matches buttons with no children/text whatsoever — safe to hide.
   ──────────────────────────────────────────────────────────────────── */
button:empty:not([aria-label]):not(.calendly-inline-widget) {
  display: none !important;
}

/* ──────────────────────────────────────────────────────────────────────
   Bug #3 — bg-syncsity-orange CTA must always have navy text, never white.
   Seen as nearly-invisible orange-on-orange "Book a Session" in some places.
   Targets only the literal class — no wildcard.
   ──────────────────────────────────────────────────────────────────── */
.bg-syncsity-orange,
button.bg-syncsity-orange,
a.bg-syncsity-orange {
  color: var(--sx-navy-dark) !important;
}