/* =====================================================================
   SisterCasinos NZ — minimalist redesign layer  (2026-09-03)
   Additive override, enqueued LAST. Fully reversible: dequeue in
   functions.php or delete this file to restore the previous look.
   Goals: kill the "boxes-inside-boxes" look, lighter editorial cards,
   brighter/clearer links, calmer callouts, more whitespace.
   ===================================================================== */

:root{
  --scnz-rd-accent:#35e3b6;          /* brighter link/accent on dark navy */
  --scnz-rd-accent-2:#63f2cf;        /* hover */
  --scnz-rd-line:rgba(150,175,210,.14);
  --scnz-rd-line-2:rgba(150,175,210,.26);
}

/* ---------------- Links: brighter, clearer, underlined in prose ------- */
.scnz-editorial-body a:not(.button):not([class*="card"]):not([class*="cta"]):not([class*="btn"]),
.scnz-editorial-faq a:not(.button),
main#main-content p a:not(.button),
main#main-content li a:not(.button),
.homepage-research-callout a,
.scnz-casino-promotion a{
  color:var(--scnz-rd-accent)!important;
  text-decoration:underline;
  text-decoration-thickness:1px;
  text-underline-offset:.18em;
  text-decoration-color:rgba(53,227,182,.55);
  transition:color .15s ease,text-decoration-color .15s ease;
}
.scnz-editorial-body a:not(.button):hover,
.scnz-editorial-faq a:hover,
main#main-content p a:hover,
main#main-content li a:hover,
.homepage-research-callout a:hover,
.scnz-casino-promotion a:hover{
  color:var(--scnz-rd-accent-2)!important;
  text-decoration-color:var(--scnz-rd-accent-2)!important;
}

/* ==================================================================
   Featured casino cards — PIXEL-EXACT port of betbond's (S1) live card
   (checked against the real rendered betbond.co.uk, not just its CSS).
   Every dimension/radius/shadow/spacing number below is copied from
   betbond. Two things are DELIBERATELY not identical, each for a
   binding project reason — flagged to the owner, not silently changed:
   1) Accent colour: betbond=purple #6347d1; here=blue->teal. Two fleet
      sites sharing one pixel-identical, same-colour card is the exact
      network fingerprint that got the old fleet demoted (CLAUDE.md #12).
   2) Payment icons: betbond prints the SAME static 7-icon row (MC/Pay/
      Visa/BTC/ETH/USDT/LTC) on every card regardless of what that brand
      actually supports — i.e. fabricated per-brand data. scnz's chips
      stay real/recorded-only (CLAUDE.md #3 "never fabricate").
   ================================================================== */
:root{
  --scnz-bb-card:#101729;             /* betbond's exact card bg */
  --scnz-bb-line:rgba(84,124,170,.55); /* betbond's rgba(69,61,99,.69), hue shifted */
  --scnz-bb-fact:#242b42;             /* betbond's exact fact-tile bg */
  --scnz-bb-grad:linear-gradient(120deg,#13c095 0%,#1f8ae0 60%,#2f6fe6 100%);
  --scnz-bb-grad-hover:linear-gradient(120deg,#19d6a6 0%,#2f9bee 60%,#4a86f0 100%);
  --scnz-bb-glow:rgba(30,138,190,.45); /* betbond's rgba(115,102,163,.45), hue shifted */
}

/* grid: 4-up desktop, betbond's exact gap */
.casino-offer-grid,.casino-offer-grid.scnz-twelve-card-grid{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:17px 11px!important;
}

/* card shell — betbond's exact padding/radius/border/shadow/transition */
.casino-offer-card{
  position:relative!important;overflow:visible!important;
  display:flex!important;flex-direction:column!important;justify-content:space-between!important;
  gap:10px!important;min-width:0!important;
  background:var(--scnz-bb-card)!important;
  border:1px solid var(--scnz-bb-line)!important;
  border-radius:8px!important;box-shadow:none!important;
  padding:25px 15px!important;text-align:center!important;
  transition:border-color .3s ease,box-shadow .3s ease!important;
}
.casino-offer-card:hover{
  border-color:var(--scnz-rd-accent)!important;
  box-shadow:0 0 10px 0 rgba(255,255,255,.1)!important;transform:none!important;
}

/* topline -> just a positioning context */
.casino-offer-card__topline{
  position:static!important;display:block!important;
  background:none!important;border:0!important;box-shadow:none!important;
  padding:0!important;min-height:0!important;margin:0!important;
}
/* rank -> betbond's CIRCULAR badge, floating outside the top-left corner
   (confirmed against the live render — not a clipped corner tab) */
.casino-offer-card__rank{
  position:absolute!important;top:-10px!important;left:-10px!important;z-index:2!important;
  width:38px!important;height:38px!important;min-width:38px!important;padding:0!important;
  border-radius:50%!important;background-image:var(--scnz-bb-grad)!important;
  color:#f3f4f6!important;font-size:16px!important;font-weight:700!important;line-height:1!important;
  display:flex!important;align-items:center!important;justify-content:center!important;
  box-shadow:0 4px 14px -2px rgba(0,0,0,.5)!important;opacity:1!important;
}
/* "NZ casino profile" ribbon -> betbond's exact feature-ribbon shape */
.casino-offer-card__badge{
  position:absolute!important;top:7px!important;right:0!important;z-index:2!important;
  max-width:52%!important;padding:5px 8px!important;
  border-radius:0 14px 0 14px!important;
  background-image:var(--scnz-bb-grad)!important;border:0!important;
  color:#fff!important;
  font-size:9.5px!important;font-weight:700!important;letter-spacing:.03em!important;
  text-transform:uppercase!important;line-height:1.1!important;white-space:nowrap!important;
}

/* logo -> betbond's exact spec: transparent, no frame, no border */
.casino-offer-card__logo,.casino-offer-card__logo.logo-frame{
  background:transparent!important;border:0!important;border-radius:0!important;
  width:100%!important;min-height:92px!important;padding:0!important;margin:0!important;
  display:flex!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;
}
/* fixed HEIGHT (not width) so every brand mark reads at the same visual
   size regardless of its own aspect ratio — a wide horizontal wordmark
   (Zizobet) and a narrow stacked one (Win Place) end up the same scale */
.casino-offer-card__logo img{
  display:block!important;
  height:56px!important;width:auto!important;max-width:82%!important;max-height:56px!important;
  object-fit:contain!important;border-radius:6px!important;
  box-shadow:0 11px 48px 7px var(--scnz-bb-glow)!important;
}

/* title — betbond's exact type */
.casino-offer-card h3{
  margin:0!important;color:#f3f4f6!important;
  font-size:1.2em!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;
}
.casino-offer-card__offer{font-size:.9rem!important;font-weight:700!important;color:#fff!important;}

/* rating — betbond's exact stars (positional, gold) */
.casino-offer-card__rating{
  display:flex!important;align-items:center!important;justify-content:center!important;
  gap:10px!important;margin:0!important;color:#aaa8b1!important;font-size:16px!important;line-height:1!important;
}
.casino-offer-card__stars{display:inline-flex!important;gap:4px!important;}
.casino-offer-card__star{color:#aaa8b1!important;font-size:20px!important;line-height:1!important;}
.casino-offer-card__star.is-full{color:#f8c630!important;}
.casino-offer-card__rating-value{font-size:16px!important;font-weight:500!important;color:#aaa8b1!important;}
.casino-offer-card__bonus{
  margin:0!important;color:#fff!important;
  font-size:1.3em!important;font-weight:700!important;line-height:1.2!important;letter-spacing:0!important;
}

/* facts -> betbond's exact 2x2 tiles: single-line icon+value, NOT a
   stacked label/value block (that stacking was my earlier mistake —
   betbond's fact chip is always one row). scnz keeps a short label
   (it has no universal icon vocabulary for Code/Currency/Wager/Licence
   the way betbond's h/%/$/OK glyphs do) but on the SAME line as the
   value, truncated, matching betbond's compact single-row silhouette. */
.casino-offer-card__data{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:8px!important;margin:0!important;
}
.casino-offer-card__data div{
  background:var(--scnz-bb-fact)!important;border:0!important;
  border-radius:6px!important;padding:6px 10px!important;min-height:0!important;min-width:0!important;
  display:flex!important;flex-direction:row!important;align-items:baseline!important;
  gap:.35em!important;text-align:left!important;overflow:hidden!important;
}
.casino-offer-card__data dt{
  margin:0!important;flex:0 0 auto!important;color:#aaa8b1!important;
  font-size:.68rem!important;font-weight:700!important;text-align:left!important;
}
.casino-offer-card__data dt::after{content:":";}
.casino-offer-card__data dd{
  margin:0!important;text-align:left!important;color:#e8edf5!important;
  font-size:.83rem!important;font-weight:500!important;line-height:1.2!important;
  display:block!important;max-width:100%!important;min-width:0!important;flex:1 1 auto!important;
  white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;
}

/* payments -> betbond's row, LITERALLY: static MC/Pay/VISA/BTC/ETH/USDT/LTC,
   exact 25x18px flat-colour tiles, exact betbond palette, exact tight gap.
   No per-brand filtering, no label header — matches betbond pixel-for-pixel. */
.scnz-card-payments{border:0!important;background:none!important;padding:0!important;margin-top:7px!important;}
.scnz-card-payments__chips{
  display:flex!important;flex-wrap:wrap!important;
  grid-template-columns:none!important;
  gap:4px!important;align-items:center!important;justify-content:center!important;
}
.scnz-payment-chip{
  min-width:25px!important;min-height:18px!important;
  padding:0!important;
  border-radius:6px!important;overflow:visible!important;
  display:inline-flex!important;align-items:center!important;justify-content:center!important;
  flex:0 0 auto!important;
}
.scnz-payment-chip__fallback{
  display:flex!important;align-items:center!important;justify-content:center!important;
  color:#fff!important;font-weight:800!important;line-height:1!important;
  white-space:nowrap!important;flex:0 0 auto!important;font-size:7px!important;
}
.scnz-payment-chip__fallback + span{
  position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;
  padding:0!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;border:0!important;
}
.scnz-payment-chip--mc .scnz-payment-chip__fallback{background:linear-gradient(90deg,#ED0006 0 48%,#F9A000 52% 100%)!important;}
.scnz-payment-chip--pay .scnz-payment-chip__fallback{background:#ffffff!important;color:#111111!important;}
.scnz-payment-chip--visa .scnz-payment-chip__fallback{background:#0E4595!important;font-size:6px!important;}
.scnz-payment-chip--btc .scnz-payment-chip__fallback{background:#F7931A!important;}
.scnz-payment-chip--eth .scnz-payment-chip__fallback{background:#627EEA!important;}
.scnz-payment-chip--usdt .scnz-payment-chip__fallback{background:#26A17B!important;font-size:6px!important;}
.scnz-payment-chip--ltc .scnz-payment-chip__fallback{background:#919191!important;}

/* CTA -> betbond's exact button spec */
.casino-card-actions{margin-top:0!important;}
.casino-offer-card__cta,.casino-offer-card__visit,a.button.casino-offer-card__cta{
  width:100%!important;min-height:44px!important;margin-top:0!important;
  background:var(--scnz-bb-grad)!important;background-image:var(--scnz-bb-grad)!important;
  background-size:150% 100%!important;background-position:0% 0%!important;
  border:0!important;border-radius:8px!important;color:#fff!important;
  padding:10px 18px!important;
  font-size:17px!important;font-weight:700!important;letter-spacing:0!important;text-transform:none!important;
  text-decoration:none!important;box-shadow:0 6px 20px -6px var(--scnz-bb-glow)!important;
  transition:background-position .45s ease,box-shadow .25s ease!important;
}
.casino-offer-card__cta:hover,.casino-offer-card__visit:hover{
  background-image:var(--scnz-bb-grad-hover)!important;background-position:100% 0%!important;
  box-shadow:0 8px 26px -6px var(--scnz-bb-glow)!important;
}

/* ---------------- Calmer callouts (no heavy filled boxes) ------------- */
/* "Updated / reviewed by ..." meta -> a quiet line, not a box */
.scnz-reviewed-record{
  background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;
  padding:.15rem 0!important;color:#8fa6c6!important;font-size:.82rem!important;opacity:.9;
}
/* "Looking for a promotion?" -> subtle left accent rule, not a filled bar */
.scnz-casino-promotion{
  background:none!important;box-shadow:none!important;border:0!important;
  border-left:2px solid var(--scnz-rd-accent)!important;border-radius:0!important;
  padding:.35rem 0 .35rem 1.1rem!important;
}
/* research / definition callout -> lighter, left-rule editorial */
.homepage-research-callout__inner,
.scnz-callout{
  background:none!important;box-shadow:none!important;border:0!important;
  border-left:2px solid var(--scnz-rd-line-2)!important;border-radius:0!important;
  padding:.25rem 0 .25rem 1.3rem!important;
}
.homepage-research-callout,
.homepage-research-callout h2,
.homepage-research-callout p,
.homepage-research-callout .eyebrow{text-align:left!important;margin-inline:0!important;}
.scnz-callout{text-align:left!important;}

/* ---------------- Featured grid: a touch more breathing room ---------- */
.nz-game-grid,.scnz-entity-grid,.casino-offer-grid{gap:1.35rem!important;}

/* responsive columns: 4-up desktop / 2-up tablet / 1-up phone (betbond-style) */
@media (max-width:1024px){
  main#main-content .casino-offer-grid,
  .casino-offer-grid.scnz-twelve-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:560px){
  main#main-content .casino-offer-grid,
  .casino-offer-grid.scnz-twelve-card-grid{grid-template-columns:1fr!important;}
}

/* ---------------- CTAs / buttons: never underlined ------------------- */
.casino-offer-card__cta,.casino-offer-card__visit,.nz-game-card__cta,
a.button,.button,.scnz-btn,[class*="__cta"]{text-decoration:none!important;}

/* ---------------- De-box the section panels (minimalist flow) --------
   Each section was a bordered/tinted rounded panel ("section in a box").
   Let whitespace + headings separate sections instead of hard boxes. */
.section--tint{
  background:none!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding-block:2.4rem!important;
}
/* keep a faint top hairline so long pages still read as distinct sections */
.section--tint + .section--tint{border-top:1px solid var(--scnz-rd-line)!important;}
/* the definition callout keeps only its left rule (set above), no outer box */
.section--tint.homepage-research-callout{padding-block:1.8rem!important;}

/* top category picker: lighter, less heavy box */
.global-topic-picker__panel{
  background:rgba(255,255,255,.02)!important;
  border:1px solid var(--scnz-rd-line)!important;
  box-shadow:none!important;
}

/* ---------------- One accent, not three ------------------------------
   Theme mixed pink eyebrows + two blues for links. Unify everything to
   the single teal accent so the palette reads considered, not templated. */
.eyebrow{color:var(--scnz-rd-accent)!important;opacity:.92;}
.section-heading a,.section-heading--compact a,
a.text-link,.global-topic-picker__all{
  color:var(--scnz-rd-accent)!important;
  text-decoration-color:rgba(53,227,182,.5)!important;
}
.section-heading a:hover,.section-heading--compact a:hover,
a.text-link:hover,.global-topic-picker__all:hover{
  color:var(--scnz-rd-accent-2)!important;
  text-decoration-color:var(--scnz-rd-accent-2)!important;
}

/* category nav tiles: hairline (not heavy blue box), link in the accent */
.nz-topic-card{border-color:var(--scnz-rd-line)!important;border-radius:14px!important;box-shadow:none!important;}
.nz-topic-card:hover{border-color:var(--scnz-rd-accent)!important;}
.nz-topic-card a{color:var(--scnz-rd-accent)!important;text-decoration-color:rgba(53,227,182,.5)!important;}
.nz-topic-card a:hover{color:var(--scnz-rd-accent-2)!important;text-decoration-color:var(--scnz-rd-accent-2)!important;}

/* operator/network chips: lighter pill, accent on hover */
.network-chip{background:rgba(255,255,255,.02)!important;border-color:var(--scnz-rd-line-2)!important;}
.network-chip:hover{border-color:var(--scnz-rd-accent)!important;color:var(--scnz-rd-accent-2)!important;}

/* ---------------- FAQ: drop the box-around-boxes --------------------
   Theme boxes it via main#main-content .scnz-editorial-faq (ID = high
   specificity); match that selector so this later rule wins. */
main#main-content .scnz-editorial-faq{
  background:none!important;border:0!important;border-radius:0!important;
  box-shadow:none!important;padding-block:2.4rem!important;
}
.scnz-editorial-faq details{
  background:rgba(255,255,255,.018)!important;
  border:1px solid var(--scnz-rd-line)!important;
  border-radius:12px!important;box-shadow:none!important;
}
.scnz-editorial-faq details[open]{border-color:var(--scnz-rd-line-2)!important;}

/* ---------------- Author bio: one button system, not a 3rd colour ---
   Primary CTAs are red; make this secondary action a quiet accent ghost. */
.author-profile__link{
  background:none!important;background-image:none!important;
  border:1px solid var(--scnz-rd-accent)!important;
  color:var(--scnz-rd-accent)!important;box-shadow:none!important;
}
.author-profile__link:hover{
  background:rgba(53,227,182,.10)!important;color:var(--scnz-rd-accent-2)!important;
  border-color:var(--scnz-rd-accent-2)!important;
}
.author-profile__status{
  background:rgba(53,227,182,.10)!important;
  border-color:var(--scnz-rd-line-2)!important;
  color:var(--scnz-rd-accent)!important;
}