/* ============================================================================
   Ikhaya black-and-white look (v50n).
   Landing page, site pages (about, pricing, legal, tools), host/admin screens,
   guest pages and guest covers of events that have no colour theme picked.
   Events with their own theme (data-ik-theme) keep that theme's colours; only
   the small Ikhaya logo badge on their cover is made black and white.
   Light = white paper, black ink.  Dark = black paper, white ink.
   ============================================================================ */

/* ---------- 1. palette ---------- */
html:not([data-ik-theme])[data-theme="light"]{
  --bg:#ffffff;--paper:#ffffff;--card:#ffffff;--ink:#111111;--mute:#5a5a5a;
  --line:#11111a33;--acc:#111111;--acc2:#111111;--acc-soft:#efefef;--on:#ffffff;
  --glow:transparent;--lit:transparent;--shadow:0 1px 2px rgba(0,0,0,.06),0 10px 26px -16px rgba(0,0,0,.25);
}
html:not([data-ik-theme])[data-theme="dark"]{
  --bg:#0a0a0a;--paper:#0a0a0a;--card:#151515;--ink:#ffffff;--mute:#a8a8a8;
  --line:#ffffff2e;--acc:#ffffff;--acc2:#ffffff;--acc-soft:#212121;--on:#0a0a0a;
  --glow:transparent;--lit:transparent;--shadow:0 1px 2px rgba(0,0,0,.5),0 12px 30px -14px rgba(0,0,0,.8);
}
/* gig and community events carried their own purple / gold palette */
html:not([data-ik-theme])[data-kind="gig"][data-theme="light"],
html:not([data-ik-theme])[data-kind="group"][data-theme="light"]{
  --bg:#ffffff;--card:#ffffff;--ink:#111111;--mute:#5a5a5a;--line:#11111a33;--acc:#111111;--acc2:#111111;--on:#ffffff;--glow:transparent}
html:not([data-ik-theme])[data-kind="gig"][data-theme="dark"],
html:not([data-ik-theme])[data-kind="group"][data-theme="dark"]{
  --bg:#0a0a0a;--card:#151515;--ink:#ffffff;--mute:#a8a8a8;--line:#ffffff2e;--acc:#ffffff;--acc2:#ffffff;--on:#0a0a0a;--glow:transparent}
html:not([data-ik-theme])[data-kind="gig"] body,
html:not([data-ik-theme])[data-kind="group"] body{background:var(--bg)}
html:not([data-ik-theme]) body:before{display:none}
html:not([data-ik-theme]) .card{backdrop-filter:none;-webkit-backdrop-filter:none}

/* ---------- 2. brand mark and wordmark (landing header and site pages) ---------- */
html:not([data-ik-theme]) #main.wrap:before{
  background-image:url('/brand/ikhaya-mark.svg');
  font:500 20px/1 Poppins,"Plus Jakarta Sans",system-ui,sans-serif;letter-spacing:-.02em;
}
html:not([data-ik-theme])[data-theme="dark"] #main.wrap:before{background-image:url('/brand/ikhaya-mark-white.svg')}
.brand{font-family:Poppins,"Plus Jakarta Sans",system-ui,sans-serif;font-weight:500}
.brand .mk-bw{width:30px;height:30px;flex:none;display:block;background:currentColor;
  -webkit-mask:url('/brand/ikhaya-mark.svg') center/contain no-repeat;mask:url('/brand/ikhaya-mark.svg') center/contain no-repeat}
.skip{color:var(--on)}

/* landing logo: no card, no border; black in light mode, white in dark mode */
html:not([data-ik-theme]) #main.wrap>.lockup .lkcard{box-shadow:none;border:0;background:none}
html:not([data-ik-theme])[data-theme="dark"] #main.wrap>.lockup .lkcard img{filter:brightness(0) invert(1)}

/* ---------- 3. flat buttons and chips (gradients become solid) ---------- */
html:not([data-ik-theme]) .btn:not(.ghost),
html:not([data-ik-theme]) .seg button.on,
html:not([data-ik-theme]) nav.tabs .ind,
html:not([data-ik-theme]) nav.tabs button.on,
html:not([data-ik-theme]) .evi{background:var(--ink);color:var(--on);box-shadow:none}
html:not([data-ik-theme]) .btn.danger{background:#b3261e;color:#fff}
html:not([data-ik-theme]) .hero:not(:has(.lede)){background:var(--ink);color:var(--on)}
html:not([data-ik-theme]) .hero:not(:has(.lede)):after{background:#8883}
html:not([data-ik-theme]) .meta span{background:#88888833}
html:not([data-ik-theme]) .stats div{background:var(--card)}
html:not([data-ik-theme]) .frame{background:var(--ink)}
html:not([data-ik-theme]) .mk{filter:none}
html:not([data-ik-theme]) #offb{background:#111111}
html:not([data-ik-theme]) .tkt{background:var(--card)}
html:not([data-ik-theme]) .tkt.on{border-color:var(--ink);box-shadow:0 0 0 3px var(--line)}
html:not([data-ik-theme]) .tstub{background:#111111;border-color:#ffffff;color:#fff}
html:not([data-ik-theme]) .tstub.ok{box-shadow:none}

/* ---------- 4. guest covers (events with no colour theme) ---------- */
html:not([data-ik-theme]) .cover{background:#0a0a0a}
html:not([data-ik-theme]) .cover.np,
html:not([data-ik-theme]) .cover.kf{background:#0a0a0a}
html:not([data-ik-theme]) .cover.kf:before{display:none}
html:not([data-ik-theme]) .cover.kf:after{background:linear-gradient(180deg,#ffffff14,#0000008c)}
html:not([data-ik-theme]) .kd,
html:not([data-ik-theme]) .kf{--cg:#ffffff}
html:not([data-ik-theme]) .kd .cvlbl,
html:not([data-ik-theme]) .kd .cvtxt small,
html:not([data-ik-theme]) .k-gig .cvtxt small,
html:not([data-ik-theme]) .k-group .cvtxt small{color:#ffffff}
html:not([data-ik-theme]) .kd .cvph{box-shadow:0 0 0 4px #0a0a0a,0 0 0 5.5px #ffffff,0 26px 50px -14px #000c}
html:not([data-ik-theme]) .kf .cvph{border-color:#ffffff;box-shadow:0 28px 50px -16px #000000a6}
html:not([data-ik-theme]) .cover.kw{background:#ffffff;color:#111111;--cg:#111111}
html:not([data-ik-theme]) .cover.kw:after{background:none}
html:not([data-ik-theme]) .kw .cvph{box-shadow:0 0 0 5px #ffffff,0 0 0 6.5px #111111,0 24px 44px -14px #00000040}
html:not([data-ik-theme]) .kw .cvtxt small{color:#111111}
html:not([data-ik-theme]) .kw .tapo,
html:not([data-ik-theme]) .cover.kw .gcw{color:#111111;background:#ffffff;border-color:#111111}
html:not([data-ik-theme]) .cover.kw .gcw.on{background:#111111;color:#ffffff}

/* ---------- 5. Ikhaya logo badge on every cover ---------- */
html .cover .cvbrand,
html[data-ik-theme] .cover .cvbrand{background:#0a0a0a !important;border-color:rgba(255,255,255,.8) !important}
html:not([data-ik-theme]) .cvmenu{background:rgba(10,10,10,.95) !important}