/* ============================================================
   Candy Hub v14 — soft lilac plates (no harsh white); beat BB !important
   ============================================================ */

:root {
  --cr-bg: #8A7CBC !important;
  --cr-bg-dark: #8A7CBC !important;
  --cr-surface: rgba(210, 206, 236, 0.98) !important;
  --cr-surface-light: rgba(208, 220, 240, 0.95) !important;
  --cr-surface-hover: #FFE3F2 !important;
  --cr-text: #1A1024 !important;
  --cr-text-light: #1A1024 !important;
  --cr-text-muted: #3D2F55 !important;
  --cr-accent: #3A2A7A !important;
  --cr-accent-hover: #E0127A !important;
  --cr-accent-bright: #BAFF6A !important;
  --cr-bass: #E0127A !important; /* raspberry keyword + CTA hover */
  --cr-btn-solid: #BAFF6A !important;
  --cr-btn-solid-hover: #E0127A !important;
  --cr-btn-text: #1A1024 !important;
  --cr-btn-outline: #FF6BB5 !important;
  --cr-header-bg: rgba(138, 124, 188, 0.92) !important;
  --cr-header-border: rgba(26, 16, 36, 0.18) !important;
}

/* Mid lilac field + candy landscape (soft-light — not stripe bands) */
html {
  background: #8A7CBC;
}
body {
  color: #1A1024 !important;
  background-color: #8A7CBC !important;
  background-image: url("/assets/images/bg/candy-section.webp") !important;
  background-size: cover !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-attachment: fixed !important;
  background-blend-mode: soft-light !important;
}
body::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  z-index: -1;
  background: rgba(138, 124, 188, 0.55);
}

main,
main > section,
.page-content-from-db,
.page-content-from-db > section,
footer {
  background-color: transparent !important;
}

header {
  background: rgba(138, 124, 188, 0.94) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom-color: rgba(26, 16, 36, 0.14) !important;
}
header .navbar-collapse .nav-item a {
  color: #1A1024 !important;
}
header .navbar-collapse .nav-item .nav-link.active,
header .navbar-collapse .nav-item .nav-link:hover {
  color: #3A2A7A !important;
}

/* Language switcher — solid lilac like footer (not white menu + white labels) */
.site-lang-toggle,
header .site-lang-toggle {
  background: #6E629E !important;
  border: 1px solid rgba(26, 16, 36, 0.22) !important;
  color: #F5F0FF !important;
}
.site-lang-toggle:hover,
.site-lang-toggle:focus,
header .site-lang-toggle:hover,
header .site-lang-toggle:focus {
  background: #5A5088 !important;
  color: #BAFF6A !important;
}
.site-lang-toggle-text {
  color: inherit !important;
}
.site-lang-dropdown.dropdown-menu,
.site-lang-dropdown.dropdown-menu.show,
ul.dropdown-menu.site-lang-dropdown,
header .site-lang-dropdown.dropdown-menu,
header .navbar-collapse .dropdown-menu {
  background: #6E629E !important;
  background-color: #6E629E !important;
  border: 1px solid rgba(26, 16, 36, 0.22) !important;
  box-shadow: 0 12px 28px rgba(40, 30, 80, 0.28);
}
.site-lang-dropdown .dropdown-item.site-lang-item,
.site-lang-dropdown a.dropdown-item,
header .site-lang-dropdown .dropdown-item.site-lang-item,
header .navbar-collapse .dropdown-item {
  color: #F5F0FF !important;
  background: transparent !important;
  background-color: transparent !important;
}
.site-lang-dropdown .dropdown-item.site-lang-item:hover,
.site-lang-dropdown .dropdown-item.site-lang-item:focus,
.site-lang-dropdown .dropdown-item.site-lang-item.active,
header .site-lang-dropdown .dropdown-item.site-lang-item:hover,
header .site-lang-dropdown .dropdown-item.site-lang-item:focus,
header .site-lang-dropdown .dropdown-item.site-lang-item.active,
header .navbar-collapse .dropdown-item:hover,
header .navbar-collapse .dropdown-item:focus {
  background: rgba(186, 255, 106, 0.22) !important;
  color: #1A1024 !important;
}

/* ===== Hero: candy art + dark lilac scrim so title/desc read ===== */
.hero_section {
  background-color: #6E629E !important;
}
.hero_section::before {
  background:
    linear-gradient(100deg, rgba(42, 24, 64, 0.78) 0%, rgba(42, 24, 64, 0.55) 38%, rgba(42, 24, 64, 0.18) 62%, transparent 82%),
    linear-gradient(180deg, rgba(42, 24, 64, 0.25) 0%, transparent 40%, rgba(138, 124, 188, 0.75) 100%) !important;
}
.hero_section .hero_content__title,
.hero_section .hero_content h1,
.hero_section .hero_content p {
  color: #fff !important;
  text-shadow: 0 2px 16px rgba(26, 16, 36, 0.75);
}

/* ===== CTA: lime ⇒ dark label ===== */
header .navbar-collapse .nav-item:last-child:not(.dropdown) a,
.main_btn,
.main_btn:not(.main_btn--ghost),
.page-btn--p,
.page-content-from-db a.page-device-go,
.page-content-from-db .page-device-route .page-device-go--primary,
.page-content-from-db .page-device-route.is-you .page-device-go--primary,
.promo-land-btn-secondary {
  background: #BAFF6A !important;
  color: #1A1024 !important;
  border-color: #BAFF6A !important;
}
header .navbar-collapse .nav-item:last-child:not(.dropdown) a,
.main_btn a,
.main_btn a:hover,
.main_btn a:focus,
.main_btn a:active,
.page-btn--p,
.page-content-from-db a.page-device-go,
.page-content-from-db .page-device-route .page-device-go--primary,
.page-content-from-db .page-device-route.is-you .page-device-go--primary,
.page-content-from-db .page-device-route .page-device-go--primary i,
.page-content-from-db .home-panel .main_btn a,
.page-content-from-db .home-scheme-table .main_btn a,
.page-content-from-db .home-game-card .main_btn a,
.page-content-from-db .home-casino-table__cta .main_btn a,
.promo-land-btn-secondary {
  color: #1A1024 !important;
}
header .navbar-collapse .nav-item:last-child:not(.dropdown) a:hover,
.main_btn:hover,
.page-btn--p:hover,
.page-content-from-db a.page-device-go:hover,
.page-content-from-db .page-device-route.is-you .page-device-go--primary:hover,
.page-content-from-db .demo-quick-access__primary:hover,
.guide-cta-btn:hover {
  background: #E0127A !important;
  border-color: #E0127A !important;
}
header .navbar-collapse .nav-item:last-child:not(.dropdown) a:hover,
.main_btn:hover a,
.main_btn:hover a:hover,
.page-btn--p:hover,
.page-content-from-db a.page-device-go:hover,
.page-content-from-db .demo-quick-access__primary:hover {
  color: #fff !important;
}

.hero_content__ctas .main_btn + .main_btn,
.blog-promo-btns .main_btn + .main_btn,
.main_btn.main_btn--ghost,
.page-btn--s,
.page-content-from-db .page-device-route .page-device-go--guide {
  background: rgba(210, 206, 236, 0.95) !important;
  border: 2px solid #FF6BB5 !important;
  box-shadow: none !important;
  color: #1A1024 !important;
}
.hero_content__ctas .main_btn + .main_btn a,
.hero_content__ctas .main_btn + .main_btn a:hover,
.blog-promo-btns .main_btn + .main_btn a,
.main_btn.main_btn--ghost a,
.page-btn--s,
.page-content-from-db .page-device-route .page-device-go--guide {
  color: #1A1024 !important;
  background: transparent !important;
}
.hero_content__ctas .main_btn + .main_btn:hover,
.blog-promo-btns .main_btn + .main_btn:hover,
.page-btn--s:hover {
  background: #BAFF6A !important;
  border-color: #BAFF6A !important;
}

/* ===== Section plates: all prose sits on frosted glass (trust-strip principle) ===== */
.page-content-from-db > .page-trust-strip {
  margin: 1.25rem 0 0;
}
.page-content-from-db .page-download-section,
.page-content-from-db .home-panel,
.page-content-from-db .page-demo-section,
.page-content-from-db > .page-lead {
  background: rgba(210, 206, 236, 0.92) !important;
  border: 1px solid rgba(58, 42, 122, 0.18) !important;
  border-radius: 18px !important;
  padding: 1.35rem 1.4rem 1.5rem !important;
  box-shadow: 0 10px 28px rgba(40, 30, 80, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #1A1024 !important;
}
.page-content-from-db > .page-lead {
  margin-top: 1rem !important;
}
.page-content-from-db .about_content {
  color: #1A1024 !important;
}

/* Keyword highlights on white plates → raspberry (was white-on-white) */
.page-content-from-db .about_content strong,
.page-content-from-db .about_content b,
.page-content-from-db .about_content p strong,
.page-content-from-db .about_content p b,
.page-content-from-db strong,
.page-content-from-db b,
.page-content-from-db .page-download-section strong,
.page-content-from-db .page-download-section b {
  color: #E0127A !important;
}

/* Dark plum type everywhere in content (beats leftover #f0f0f0 / #fff) */
.page-content-from-db,
.page-content-from-db h1,
.page-content-from-db h2,
.page-content-from-db h3,
.page-content-from-db h4,
.page-content-from-db .main_heading h2,
.page-content-from-db .page-download-section .main_heading h2,
.page-content-from-db .page-download-section > h2,
.page-content-from-db .home-panel .main_heading h2,
.page-content-from-db p,
.page-content-from-db li,
.page-content-from-db td,
.page-content-from-db th,
.page-content-from-db .page-lead,
.page-content-from-db a:not(.main_btn a):not(.page-device-go):not(.page-btn) {
  color: #1A1024 !important;
}
.page-content-from-db .text-muted,
.page-content-from-db small {
  color: #3D2F55 !important;
}

/* ===== Inner cards: same light glass (kill #153544) ===== */
.page-content-from-db .page-device-route,
.page-content-from-db .home-callout,
.page-content-from-db .page-callout,
.page-content-from-db .page-trust-strip,
.page-content-from-db .home-panel--bar,
.page-content-from-db .demo-hub-search,
.page-content-from-db .home-latest-card,
.page-content-from-db .table a.home-latest-card,
.page-content-from-db .faq-item,
.page-content-from-db .about_content .faq-item,
.page-content-from-db #faq .faq-item,
.page-content-from-db .home-game-card,
.page-content-from-db .home-stats-table td,
.page-content-from-db .home-casino-table__block,
.page-content-from-db .series-compare,
.page-content-from-db .series-compare__item,
.page-content-from-db .page-step-card,
.page-content-from-db .page-operator-card,
.page-content-from-db a.page-operator-card,
.page-content-from-db .home-guides-box,
.page-content-from-db .home-guides-table td.home-guides-box,
.page-content-from-db .home-faq-table__q,
.page-content-from-db .home-faq-table__a,
.page-content-from-db [style*="background:#153544"],
.page-content-from-db [style*="background: #153544"],
.page-content-from-db [style*="background:#0a1c24"],
.page-content-from-db [style*="background:#141a39"],
.page-content-from-db [style*="background:#1a2b3c"] {
  background: rgba(214, 220, 242, 0.95) !important;
  border-color: rgba(58, 42, 122, 0.22) !important;
  color: #1A1024 !important;
  box-shadow: 0 6px 18px rgba(40, 30, 80, 0.08);
}

.page-content-from-db .page-device-route.is-you {
  border-color: #BAFF6A !important;
  box-shadow: 0 0 0 2px rgba(186, 255, 106, 0.55), 0 8px 24px rgba(40, 30, 80, 0.12) !important;
}

.page-content-from-db .page-callout,
.page-content-from-db .home-callout,
.page-content-from-db .page-trust-strip {
  border-left: 4px solid #BAFF6A !important;
}

/* FAQ — beat #faq / .about_content white !important */
.page-content-from-db .faq-item summary,
.page-content-from-db .about_content .faq-item summary,
.page-content-from-db #faq .faq-item summary,
.page-content-from-db .faq-item p,
.page-content-from-db .about_content .faq-item p,
.page-content-from-db #faq .faq-item p,
.page-content-from-db #faq .about_content .faq-item p,
.page-content-from-db .home-faq-table__q,
.page-content-from-db .home-faq-table__a p {
  color: #1A1024 !important;
}
.page-content-from-db .faq-item summary::before,
.page-content-from-db #faq .faq-item summary::before {
  color: #009A44 !important;
}

/* Guides / latest cards */
.page-content-from-db .home-guides-table td.home-guides-box,
.page-content-from-db .home-guides-box {
  background: rgba(214, 220, 242, 0.95) !important;
  border: 1px solid rgba(58, 42, 122, 0.22) !important;
  color: #1A1024 !important;
}
.page-content-from-db .home-guides-box h3,
.page-content-from-db .home-guides-box__all a,
.page-content-from-db .home-latest-card__title,
.page-content-from-db .home-latest-card__excerpt {
  color: #1A1024 !important;
}
.page-content-from-db .home-latest-card__excerpt {
  color: #3D2F55 !important;
}
.page-content-from-db .home-latest-card,
.page-content-from-db .table a.home-latest-card {
  background: rgba(216, 222, 244, 0.96) !important;
  border: 1px solid rgba(58, 42, 122, 0.2) !important;
  color: #1A1024 !important;
}

/* Casino Availability — beat desktop navy cells */
.page-content-from-db .home-casino-table__block,
.page-content-from-db .home-casino-table__block td,
.page-content-from-db .home-casino-table__block th,
.page-content-from-db .home-casino-table__name,
.page-content-from-db .table th.home-casino-table__name,
.page-content-from-db .home-casino-table__copy p {
  background: transparent !important;
  color: #1A1024 !important;
}
.page-content-from-db .home-casino-table__block {
  background: rgba(214, 220, 242, 0.95) !important;
  border: 1px solid rgba(58, 42, 122, 0.22) !important;
  border-radius: 14px !important;
}
.page-content-from-db .home-casino-table__name,
.page-content-from-db .table th.home-casino-table__name {
  color: #3A2A7A !important;
}
@media (min-width: 992px) {
  /* Beat base `tbody { display:block }` — each card = fixed full-width table */
  .page-content-from-db .home-casino-table {
    display: block !important;
    width: 100% !important;
  }
  .page-content-from-db .home-casino-table tbody,
  .page-content-from-db .home-casino-table__block {
    display: table !important;
    table-layout: fixed !important;
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
  }
  .page-content-from-db .home-casino-table tr {
    display: table-row !important;
  }
  .page-content-from-db .home-casino-table td,
  .page-content-from-db .home-casino-table th {
    display: table-cell !important;
    background: rgba(214, 220, 242, 0.95) !important;
    border-top-color: rgba(58, 42, 122, 0.12) !important;
    border-bottom-color: rgba(58, 42, 122, 0.12) !important;
    color: #1A1024 !important;
  }
  .page-content-from-db .home-casino-table__logo {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    border-left-color: rgba(58, 42, 122, 0.12) !important;
  }
  .page-content-from-db .home-casino-table__name {
    width: 180px !important;
    color: #3A2A7A !important;
    text-align: left !important;
  }
  .page-content-from-db .home-casino-table__badges {
    width: auto !important;
    text-align: right !important;
  }
  .page-content-from-db .home-casino-badges {
    justify-content: flex-end !important;
    margin-left: auto !important;
    margin-right: 0 !important;
  }
  .page-content-from-db .home-casino-table__cta {
    width: 160px !important;
    min-width: 160px !important;
    max-width: 160px !important;
    display: table-cell !important;
    text-align: center !important;
    vertical-align: middle !important;
    padding: 12px 16px !important;
  }
  .page-content-from-db .home-casino-table__cta .main_btn {
    display: inline-flex !important;
    width: 100% !important;
    margin: 0 !important;
  }
  .page-content-from-db .home-casino-table__cta .main_btn a {
    width: 100% !important;
    box-sizing: border-box !important;
    justify-content: center !important;
  }
  .page-content-from-db .home-guides-table td.home-guides-box {
    background: rgba(214, 220, 242, 0.95) !important;
  }
}

.page-content-from-db .page-callout b,
.page-content-from-db .page-callout strong,
.page-content-from-db .home-callout strong,
.page-content-from-db .page-trust-strip b,
.page-content-from-db .page-trust-strip strong,
.page-content-from-db .page-callout > span:last-child,
.page-content-from-db .page-callout > span:last-child strong,
.page-content-from-db .page-callout > span:last-child b,
.page-content-from-db .page-callout p,
.page-content-from-db .home-callout p,
.page-content-from-db .home-game-card h3,
.page-content-from-db .home-game-card .steps_content p,
.page-content-from-db .home-stats-table h3,
.page-content-from-db .home-stats-table p,
.page-content-from-db .series-compare__heading,
.page-content-from-db .series-compare__sub,
.page-content-from-db .series-compare__title,
.page-content-from-db .series-compare__why,
.page-content-from-db .series-compare__tax,
.page-content-from-db .series-compare__type,
.page-content-from-db .series-compare__more-toggle,
.page-content-from-db .page-device-route h3,
.page-content-from-db .page-device-route dd,
.page-content-from-db .page-device-route__k,
.page-content-from-db .page-device-route dt {
  color: #1A1024 !important;
}

.page-content-from-db .series-compare__sub,
.page-content-from-db .series-compare__why,
.page-content-from-db .page-device-route__k,
.page-content-from-db .page-device-route dt,
.page-content-from-db .home-game-card .steps_content p,
.page-content-from-db .home-stats-table p {
  color: #3D2F55 !important;
}

.page-content-from-db .series-compare__type,
.page-content-from-db .series-compare__tax {
  border-color: rgba(58, 42, 122, 0.28) !important;
  background: rgba(186, 255, 106, 0.22) !important;
  color: #1A1024 !important;
}

.page-content-from-db .series-compare__more {
  border-top-color: rgba(58, 42, 122, 0.18) !important;
}
.page-content-from-db .series-compare__more-toggle {
  background: rgba(138, 124, 188, 0.18) !important;
}
.page-content-from-db .series-compare__cta a {
  color: #3A2A7A !important;
}

.page-content-from-db .page-device-route__you {
  background: #BAFF6A !important;
  color: #1A1024 !important;
}

.page-content-from-db .home-facts-table .table,
.page-content-from-db .series-compare__panel .table,
.page-content-from-db .table.table-bordered {
  background: rgba(212, 218, 240, 0.90) !important;
  border-color: rgba(58, 42, 122, 0.16) !important;
  color: #1A1024 !important;
}
.page-content-from-db .home-facts-table .table th,
.page-content-from-db .home-facts-table .table td,
.page-content-from-db .series-compare__panel .table th,
.page-content-from-db .series-compare__panel .table td,
.page-content-from-db .page-spec-table th,
.page-content-from-db .page-spec-table td {
  color: #1A1024 !important;
  border-color: rgba(58, 42, 122, 0.14) !important;
  border-bottom-color: rgba(58, 42, 122, 0.14) !important;
  background-color: transparent !important;
}
.page-content-from-db .home-facts-table .table thead th,
.page-content-from-db .series-compare__panel .table thead th,
.page-content-from-db .page-spec-table thead th {
  background: rgba(138, 124, 188, 0.38) !important;
  color: #1A1024 !important;
}
.page-content-from-db .home-facts-table .table tbody tr:nth-child(odd),
.page-content-from-db .series-compare__panel .table tbody tr:nth-child(odd) {
  background: rgba(222, 226, 246, 0.78) !important;
}
.page-content-from-db .home-facts-table .table tbody tr:nth-child(even),
.page-content-from-db .series-compare__panel .table tbody tr:nth-child(even),
.page-content-from-db .page-spec-table tbody tr:nth-child(even) {
  background: rgba(138, 124, 188, 0.16) !important;
}
.page-content-from-db .series-compare__cta a,
.page-content-from-db .home-facts-table .table a,
.page-content-from-db .series-compare__panel .table a {
  color: #3A2A7A !important;
}

/* Nested cards inside section plates: softer, no double-heavy shadow */
.page-content-from-db .page-download-section .home-game-card,
.page-content-from-db .page-download-section .series-compare,
.page-content-from-db .page-download-section .page-callout,
.page-content-from-db .page-download-section .home-stats-table td {
  box-shadow: 0 2px 10px rgba(40, 30, 80, 0.06);
}

/* Demo-app brand mark: lime lollipop on dark-lilac chrome (readable rings) */
.demo-app-logo-icon {
  background-color: #BAFF6A !important;
}

/* /demo/{slug}/ landings — Open Demo CTA = lime like home; plates already cover .page-demo-section */
.page-content-from-db a.page-game__open {
  color: #1A1024 !important;
}
.page-content-from-db .page-game__open-icon,
.page-content-from-db .page-game__open-label {
  background: #BAFF6A !important;
  color: #1A1024 !important;
  box-shadow: 0 8px 22px rgba(40, 30, 80, 0.22) !important;
}
.page-content-from-db a.page-game__open:hover .page-game__open-icon,
.page-content-from-db a.page-game__open:focus-visible .page-game__open-icon,
.page-content-from-db a.page-game__open:hover .page-game__open-label,
.page-content-from-db a.page-game__open:focus-visible .page-game__open-label {
  background: #E0127A !important;
  color: #fff !important;
}
.page-content-from-db .page-game__open-hint {
  color: rgba(245, 240, 255, 0.88) !important;
}
.page-content-from-db .page-game--launch {
  background: rgba(58, 42, 122, 0.88) !important;
  border: 1px solid rgba(245, 240, 255, 0.12) !important;
  border-radius: 18px !important;
}
.page-content-from-db .page-stats .page-stat,
.page-content-from-db .page-spec-table-wrap,
.page-content-from-db .page-game-cards .page-game-card {
  background: rgba(255, 255, 255, 0.55) !important;
  border: 1px solid rgba(58, 42, 122, 0.14) !important;
  border-radius: 14px !important;
  color: #1A1024 !important;
}
.page-content-from-db .page-spec-table th,
.page-content-from-db .page-spec-table td,
.page-content-from-db .page-stats .page-stat b,
.page-content-from-db .page-stats .page-stat span,
.page-content-from-db .page-game-card strong,
.page-content-from-db .page-game-card__m,
.page-content-from-db .page-game-card__go {
  color: #1A1024 !important;
}
.page-content-from-db .page-demo-section .home-media,
.page-content-from-db .page-demo-section .home-img {
  border-radius: 16px !important;
}

/* Demo mchart + operator picks — light plates on candy bg (override dark chicken defaults) */
.page-content-from-db .page-mchart {
  background: rgba(255, 255, 255, 0.72) !important;
  border: 1px solid rgba(58, 42, 122, 0.16) !important;
  color: #1A1024 !important;
}
.page-content-from-db .page-mchart__head h3,
.page-content-from-db .page-mchart__note,
.page-content-from-db .page-mchart summary {
  color: #1A1024 !important;
}
.page-content-from-db .page-mchart__head p {
  color: rgba(26, 16, 36, 0.72) !important;
}
.page-content-from-db .page-mchart__seg {
  background: rgba(210, 206, 236, 0.85) !important;
  border-color: rgba(58, 42, 122, 0.18) !important;
}
.page-content-from-db .page-mchart__seg button {
  color: #1A1024 !important;
}
.page-content-from-db .page-mchart__seg button[aria-pressed="true"] {
  background: #BAFF6A !important;
  color: #1A1024 !important;
}
.page-content-from-db .page-mchart .grid,
.page-content-from-db .page-mchart .axis {
  stroke: rgba(58, 42, 122, 0.22) !important;
}
.page-content-from-db .page-mchart .tick,
.page-content-from-db .page-mchart .alab {
  fill: rgba(26, 16, 36, 0.7) !important;
}
.page-content-from-db .page-mchart__legend button {
  color: #1A1024 !important;
  border-color: rgba(58, 42, 122, 0.18) !important;
  background: rgba(255, 255, 255, 0.7) !important;
}
.page-content-from-db .page-mchart__tip {
  background: rgba(255, 255, 255, 0.96) !important;
  color: #1A1024 !important;
  border: 1px solid rgba(58, 42, 122, 0.16) !important;
}
.page-content-from-db .page-operator-picks .page-operator-card {
  background: rgba(255, 255, 255, 0.6) !important;
  border: 1px solid rgba(58, 42, 122, 0.14) !important;
  color: #1A1024 !important;
}
.page-content-from-db .page-operator-card__name,
.page-content-from-db .page-operator-card p {
  color: #1A1024 !important;
}

/* Demo landing "What to try" + home cards: natural aspect, no stretch/side-crop */
.page-content-from-db .home-media--tile {
  width: auto !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
.page-content-from-db .home-media--tile img,
.page-content-from-db .home-media--tile .home-img {
  width: auto !important;
  max-width: min(100%, 420px) !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.page-content-from-db .home-game-card img,
.page-content-from-db .home-game-card img.home-img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: transparent !important;
}
#myBtn {
  background: rgba(210, 206, 236, 0.95) !important;
  box-shadow: 0 8px 20px rgba(40, 30, 80, 0.18) !important;
}
#myBtn:hover,
#myBtn:focus-visible {
  background: rgba(210, 206, 236, 1) !important;
}
#myBtn .myBtn__hook {
  filter: drop-shadow(0 1px 2px rgba(26, 16, 36, 0.25)) !important;
}

/* Rounded corners on all content-block images */
.page-content-from-db .home-media,
.page-content-from-db .home-game-card,
.page-content-from-db .home-latest-card,
.page-content-from-db .home-casino-table__logo,
.page-content-from-db figure.home-media {
  overflow: hidden !important;
  border-radius: 16px !important;
}
.page-content-from-db .home-img,
.page-content-from-db .home-media img,
.page-content-from-db .home-game-card > img,
.page-content-from-db .home-game-card img.home-img,
.page-content-from-db .home-latest-card__img,
.page-content-from-db .home-casino-table__logo img,
.page-content-from-db .about_content img.home-img,
.page-content-from-db .page-download-section img.home-img {
  border-radius: 16px !important;
}

/* Footer — solid mid-dark lilac like header chrome */
footer {
  background: #6E629E !important;
  border-top: 1px solid rgba(26, 16, 36, 0.18) !important;
  color: #F5F0FF !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
}
footer::before {
  display: none !important;
  background: none !important;
}
footer a,
footer p,
footer .footer-nav a,
footer .footer-responsible,
footer .footer-responsible strong,
footer h5 {
  color: #F5F0FF !important;
}
footer .footer-nav a:hover {
  color: #BAFF6A !important;
}

/* ===== Inner pages: ONE frosted lilac sheet so H1/prose never sits bare on candy =====
   Matches: pages with section.py-5 > .container; blog articles (section > .container, no py-5);
   homepage content section.container.py-5; PWA/APK install wrappers. */
main > section.py-5 > .container,
main > section:not(.hero_section):not(.blog-internal-links-wrap) > .container:not(.breadcrumbs),
main > section.container.py-5,
main > section.demo-pwa-ios-page > .container,
body.layout-blog main > section > .container:not(.breadcrumbs),
body.layout-index main > section.container.py-5 {
  background: rgba(210, 206, 236, 0.98) !important;
  border: 1px solid rgba(58, 42, 122, 0.18) !important;
  border-radius: 20px !important;
  padding: 1.25rem 1.35rem 1.85rem !important;
  box-shadow: 0 10px 28px rgba(40, 30, 80, 0.12);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: #1A1024 !important;
}

/* Nested leads/panels: keep readable; avoid double-harsh nesting */
main > section.py-5 > .container .page-lead,
main > section.py-5 > .container .page-download-section,
main > section.py-5 > .container .home-panel,
main > section.py-5 > .container .page-demo-section,
main > section.container.py-5 .page-lead,
main > section.container.py-5 .page-download-section,
main > section.container.py-5 .home-panel,
main > section.container.py-5 .page-demo-section {
  background: rgba(255, 255, 255, 0.28) !important;
}

/* Kill style.css .page-content-from-db { color:#f0f0f0 } leftovers — all layouts */
main > section,
main .page-content-from-db,
main .page-content-from-db section,
main .text,
main .about_content,
main .casino-article-content,
main .pwa-install-from-db,
main .apk-install-from-db {
  color: #1A1024 !important;
}

/* PWA/APK step plaques: --cr-accent is dark purple now — force light callout + dark ink */
.demo-pwa-ios-page .pwa-install-from-db > h3 + p.pwa-ios-step-plaque,
.demo-pwa-ios-page .pwa-install-from-db p.pwa-ios-step-plaque,
.demo-pwa-ios-page .pwa-install-from-db [data-pwa-tour-text].pwa-ios-step-plaque,
.demo-pwa-ios-page .apk-install-from-db > h3 + p.pwa-ios-step-plaque,
.demo-pwa-ios-page .apk-install-from-db p.pwa-ios-step-plaque,
.demo-pwa-ios-page .apk-install-from-db [data-pwa-tour-text].pwa-ios-step-plaque {
  background: #FFE3F2 !important;
  background-color: #FFE3F2 !important;
  color: #1A1024 !important;
  border: 1px solid rgba(224, 18, 122, 0.28) !important;
  box-shadow: 0 8px 18px rgba(40, 30, 80, 0.14) !important;
}
.demo-pwa-ios-page .pwa-install-from-db p.pwa-ios-step-plaque strong,
.demo-pwa-ios-page .pwa-install-from-db [data-pwa-tour-text].pwa-ios-step-plaque strong,
.demo-pwa-ios-page .apk-install-from-db p.pwa-ios-step-plaque strong,
.demo-pwa-ios-page .apk-install-from-db [data-pwa-tour-text].pwa-ios-step-plaque strong,
.demo-pwa-ios-page .pwa-install-from-db p.pwa-ios-step-plaque a,
.demo-pwa-ios-page .pwa-install-from-db [data-pwa-tour-text].pwa-ios-step-plaque a,
.demo-pwa-ios-page .apk-install-from-db p.pwa-ios-step-plaque a,
.demo-pwa-ios-page .apk-install-from-db [data-pwa-tour-text].pwa-ios-step-plaque a {
  color: #1A1024 !important;
}

/* ===== Listing / section chrome (blog/guides/games/casinos/authors/legal/PWA) ===== */
main section.py-5 > .container > h1,
main section.py-5 h1.mb-2,
main section.py-5 h1.mb-4,
main section h1,
main section h2,
main section h3,
main section h4,
main section h5,
main section p,
main section li,
main section td,
main section th,
main section label,
main section .form-label,
main section .form-text,
main section summary,
main .page-content-from-db h1,
main .page-content-from-db h2,
main .page-content-from-db h3,
main .page-content-from-db p,
main .page-content-from-db li,
body[class*="layout-"] main h1,
body[class*="layout-"] main h2,
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span,
.breadcrumb,
.breadcrumb a,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
  color: #1A1024 !important;
}
main section a:not(.main_btn a):not(.page-device-go):not(.page-btn):not(.dropdown-item):not(.guide-filter-btn):not(.pwa-ios-quick__copy):not(.pwa-ios-quick__url) {
  color: #3A2A7A !important;
}
main section a:not(.main_btn a):not(.page-device-go):not(.page-btn):not(.dropdown-item):hover {
  color: #E0127A !important;
}
main section .about_content,
main section .about_content h2,
main section .about_content h3,
main section .about_content p,
main section .about_content li,
main section .about_content .page-lead,
main section .page-lead,
main section .text-muted,
main section p.text-muted,
main section .faq-item,
main section .faq-item summary,
main section .faq-item p,
main section #faq .faq-item summary,
main section #faq .faq-item p,
main .author-byline,
main .author-byline a {
  color: #1A1024 !important;
}
main section .about_content .page-lead,
main section .page-lead {
  color: #3D2F55 !important;
}
/* Author cards: readable meta on lilac plates */
.author-list-card .card-title,
.author-list-card .guide-card-desc,
.author-list-card .text-muted {
  color: #1A1024 !important;
}
.author-list-card .text-muted {
  color: #3D2F55 !important;
}
.author-list-card-avatar--placeholder {
  background: rgba(110, 98, 158, 0.35) !important;
  color: #1A1024 !important;
  border: 1px solid rgba(58, 42, 122, 0.22) !important;
}

/* Author byline on candy / light pages (was white-on-dark) */
.author-byline,
.author-byline-prefix,
.author-byline-meta,
.author-byline-line {
  color: #3D2F55 !important;
}
.author-byline-name {
  color: #1A1024 !important;
}
.author-byline-name:hover {
  color: #E0127A !important;
}
.author-byline-sub,
.author-byline-role,
.author-byline-sep,
.author-byline-date {
  color: #5A5088 !important;
}
.author-byline-avatar--placeholder {
  background: rgba(110, 98, 158, 0.35) !important;
  color: #1A1024 !important;
  border: 1px solid rgba(58, 42, 122, 0.28) !important;
}

/* Game detail Softswiss tile */
.game-hero {
  margin: 0 0 1.25rem;
  max-width: 280px;
}
.game-hero__img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: contain !important;
  object-position: center center;
  background: rgba(214, 220, 242, 0.92);
  border: 1px solid rgba(58, 42, 122, 0.22);
  border-radius: 16px;
}

/* ===== Listing cards (guides / blog / games / casinos / authors): readable on lilac ===== */
.guide-card,
a.guide-card.card,
.author-list-card.guide-card {
  background: rgba(214, 220, 242, 0.96) !important;
  border: 1px solid rgba(58, 42, 122, 0.22) !important;
  color: #1A1024 !important;
  box-shadow: 0 6px 18px rgba(40, 30, 80, 0.08);
  overflow: hidden;
  border-radius: 16px !important;
}
.guide-card:hover,
a.guide-card.card:hover,
.author-list-card.guide-card:hover {
  border-color: rgba(224, 18, 122, 0.45) !important;
  box-shadow: 0 8px 24px rgba(40, 30, 80, 0.14);
  color: #1A1024 !important;
  background: rgba(255, 227, 242, 0.96) !important;
}
.guide-card .card-body {
  color: #1A1024 !important;
}
.guide-card .card-title,
.guide-card h5.card-title,
.guide-card .card-title.h5 {
  color: #1A1024 !important;
  font-weight: 800 !important;
}
.guide-card .guide-card-desc,
.guide-card .card-text.guide-card-desc,
.guide-card p.card-text {
  color: #3D2F55 !important;
}
.guide-card .guide-card-link {
  color: #E0127A !important;
}
.guide-card:hover .guide-card-link {
  color: #3A2A7A !important;
}
.guide-card-badge {
  color: #3A2A7A !important;
}
.guide-card .card-img-top {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: cover !important;
  object-position: center center !important;
  display: block !important;
  background: #6E629E !important;
  opacity: 1 !important;
  border-radius: 0 !important;
}

/* Category pills on guides/blog */
.guide-filters .guide-filter-btn,
a.guide-filter-btn {
  background: rgba(110, 98, 158, 0.92) !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(26, 16, 36, 0.18) !important;
  border-radius: 999px !important;
}
.guide-filters .guide-filter-btn:hover,
a.guide-filter-btn:hover {
  background: #5A5088 !important;
  color: #BAFF6A !important;
  border-color: rgba(186, 255, 106, 0.45) !important;
}
.guide-filters .guide-filter-btn.active,
a.guide-filter-btn.active {
  background: #BAFF6A !important;
  color: #1A1024 !important;
  border-color: #BAFF6A !important;
}

/* Home latest previews — compact 16:9 strip (listing guide-cards stay 1:1) */
.page-content-from-db .home-latest-card__image {
  display: block !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  aspect-ratio: 16 / 9 !important;
  height: auto !important;
  max-height: none !important;
  background: #6E629E !important;
  margin: 0 0 0.7rem !important;
}
.page-content-from-db .home-latest-card__img,
.page-content-from-db img.home-latest-card__img {
  aspect-ratio: auto !important;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

/* ===== Breadcrumbs: tiny lilac chip so dark crumbs readable on candy ===== */
main > section > .container.breadcrumbs,
main .container.breadcrumbs {
  background: rgba(210, 206, 236, 0.96) !important;
  border: 1px solid rgba(58, 42, 122, 0.14) !important;
  border-radius: 12px !important;
  padding: 0.45rem 0.85rem !important;
  box-shadow: none !important;
  margin-bottom: 0.75rem !important;
}

/* ===== PWA/APK quick panels: was dark BB gradient + forced dark ink ===== */
.demo-pwa-ios-page .pwa-ios-quick,
.demo-pwa-ios-page .pwa-ios-quick--hero,
.demo-pwa-ios-page .pwa-ios-quick--finish,
.demo-pwa-ios-page .pwa-ios-quick--inline-tour,
.demo-pwa-ios-page .apk-install-inline-cta,
.demo-pwa-ios-page .apk-install-from-db .apk-install-inline-cta,
.demo-pwa-ios-page .apk-install-from-db .pwa-ios-quick--finish,
.demo-pwa-ios-page .pwa-install-from-db > .pwa-ios-quick--hero,
.demo-pwa-ios-page .pwa-install-from-db > details.pwa-ios-trust,
.demo-pwa-ios-page .pwa-install-from-db > p.pwa-ios-trust-intro {
  background: rgba(255, 255, 255, 0.42) !important;
  background-image: none !important;
  border: 1px solid rgba(58, 42, 122, 0.18) !important;
  color: #1A1024 !important;
  box-shadow: 0 8px 20px rgba(40, 30, 80, 0.1) !important;
}
.demo-pwa-ios-page .pwa-ios-quick__sub,
.demo-pwa-ios-page .pwa-ios-quick__hint,
.demo-pwa-ios-page .pwa-ios-quick__title,
.demo-pwa-ios-page .pwa-ios-quick__finish-locked-hint,
.demo-pwa-ios-page .pwa-ios-quick--finish .pwa-ios-quick__title,
.demo-pwa-ios-page .pwa-ios-quick--finish .pwa-ios-quick__hint,
.demo-pwa-ios-page .pwa-ios-quick--hero .pwa-ios-quick__title,
.demo-pwa-ios-page .pwa-ios-quick--hero .pwa-ios-quick__hint,
.demo-pwa-ios-page .pwa-ios-quick--hero .pwa-ios-quick__sub,
.demo-pwa-ios-page .apk-install-from-db .pwa-ios-quick--finish .pwa-ios-quick__sub,
.demo-pwa-ios-page .pwa-install-from-db > details.pwa-ios-trust > summary.pwa-ios-trust__toggle,
.demo-pwa-ios-page .pwa-install-from-db > details.pwa-ios-trust > p.pwa-ios-trust-intro,
.demo-pwa-ios-page .pwa-install-from-db > p.pwa-ios-trust-intro,
.demo-pwa-ios-page .pwa-install-from-db > p.pwa-ios-trust-intro strong {
  color: #1A1024 !important;
}
.demo-pwa-ios-page .pwa-ios-quick__url,
.demo-pwa-ios-page .pwa-ios-quick__url-block {
  background: rgba(210, 206, 236, 0.85) !important;
  color: #1A1024 !important;
  border: 1px solid rgba(58, 42, 122, 0.2) !important;
}
.demo-pwa-ios-page .pwa-ios-tour-bar {
  background: rgba(210, 206, 236, 0.92) !important;
  border: 1px solid rgba(58, 42, 122, 0.16) !important;
  color: #1A1024 !important;
}
.demo-pwa-ios-page .pwa-ios-tour-back {
  background: rgba(255, 255, 255, 0.55) !important;
  color: #1A1024 !important;
  border: 1px solid rgba(58, 42, 122, 0.2) !important;
}

/* APK trust intro paragraph still used dark BB gradient */
.demo-pwa-ios-page .apk-install-from-db > p:first-of-type,
.demo-pwa-ios-page .apk-install-from-db > p.pwa-ios-trust-intro,
.demo-pwa-ios-page .pwa-install-from-db > p:first-of-type,
.demo-pwa-ios-page .pwa-install-from-db > p.pwa-ios-trust-intro,
.demo-pwa-ios-page .apk-install-from-db > details.pwa-ios-trust,
.demo-pwa-ios-page .pwa-install-from-db > details.pwa-ios-trust {
  background: rgba(255, 255, 255, 0.45) !important;
  background-image: none !important;
  color: #1A1024 !important;
  border: 1px solid rgba(58, 42, 122, 0.16) !important;
}
.demo-pwa-ios-page .apk-install-from-db > p:first-of-type strong,
.demo-pwa-ios-page .apk-install-from-db > p.pwa-ios-trust-intro strong {
  color: #1A1024 !important;
}

/* Lang dropdown must stay collapsed until .show (was always block/static → huge header) */
header .site-lang-dropdown.dropdown-menu:not(.show),
.site-lang-dropdown.dropdown-menu:not(.show),
ul.dropdown-menu.site-lang-dropdown:not(.show) {
  display: none !important;
}
header .site-lang-dropdown.dropdown-menu.show,
.site-lang-dropdown.dropdown-menu.show,
ul.dropdown-menu.site-lang-dropdown.show {
  display: block !important;
  position: absolute !important;
  inset: auto 0 auto auto !important;
  z-index: 1050 !important;
  /* Full locale list — no inner scroll (19 langs); was min(70vh, 420px) */
  max-height: none !important;
  overflow: visible !important;
  overflow-y: visible !important;
}