/* ============================================================
   Gates of Olympus Hub — BB dark panels + donor gold edge
   Body #21152e; plates #261832/#2d1c3d + gold border (not SB cream)
   ============================================================ */

:root {
  /* BB-style dark panels + gold edge (donor gray blocks, not SB cream) */
  --cr-bg: #21152e !important;
  --cr-bg-dark: #21152e !important;
  --cr-panel: #261832 !important;
  --cr-panel-2: #35203f !important;
  --cr-surface: #2d1c3d !important;
  --cr-surface-light: #332040 !important;
  --cr-surface-hover: rgba(239, 201, 106, 0.22) !important;
  --cr-pink: #efc96a !important;
  --cr-text: #F5F0FF !important;
  --cr-text-light: #F5F0FF !important;
  --cr-text-muted: #C9B8DE !important;
  --cr-accent: #efc96a !important;
  --cr-accent-hover: #8d47be !important;
  --cr-accent-bright: #efc96a !important;
  --cr-bass: #8d47be !important;
  --cr-btn-solid: #efc96a !important;
  --cr-btn-solid-hover: #d4a84a !important;
  --cr-btn-text: #1A1024 !important;
  --cr-btn-outline: #efc96a !important;
  --cr-header-bg: rgba(33, 21, 46, 0.96) !important;
  --cr-header-border: rgba(239, 201, 106, 0.22) !important;
}

/* Donor: solid monotone field — NO temple on body */
html {
  background: #21152e;
}
body {
  color: #F5F0FF !important;
  background-color: #21152e !important;
  background-image: none !important;
  background-attachment: scroll !important;
  background-blend-mode: normal !important;
}
body::before {
  display: none !important;
  content: none !important;
  background: none !important;
}

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


/* Gold CTAs keep dark ink on gold fill (BB/donor) */
.main_btn a,
.page-content-from-db .main_btn a,
.page-content-from-db .home-game-card .main_btn a,
.page-content-from-db .home-casino-table__cta .main_btn a,
.page-content-from-db a.page-btn:not(.page-btn--s),
.page-content-from-db .page-btn:not(.page-btn--s),
.guide-filters .guide-filter-btn.active,
a.guide-filter-btn.active,
.page-content-from-db .page-game__open-icon,
.page-content-from-db .page-game__open-label,
.page-content-from-db .page-device-route__you,
.page-content-from-db a.page-game__open {
  color: #3a2137 !important;
}
.hero_content__ctas .main_btn:first-child a,
.blog-promo-btns .main_btn:first-child a {
  color: #3a2137 !important;
}

/* Header / chrome — dark purple like donor, not SB lilac */
header {
  background: rgba(33, 21, 46, 0.96) !important;
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(239, 201, 106, 0.18) !important;
}
header .navbar-collapse .nav-item a {
  color: #F5F0FF !important;
}
header .navbar-collapse .nav-item .nav-link.active,
header .navbar-collapse .nav-item .nav-link:hover {
  color: #efc96a !important;
}
header .menu-toggle,
header .menu-toggle i,
header .fa-bars {
  color: #efc96a !important;
}

/* Language switcher — dark panel + gold edge */
.site-lang-toggle,
header .site-lang-toggle {
  background: #35203f !important;
  border: 1px solid rgba(239, 201, 106, 0.35) !important;
  color: #F5F0FF !important;
}
.site-lang-toggle:hover,
.site-lang-toggle:focus,
header .site-lang-toggle:hover,
header .site-lang-toggle:focus {
  background: #42284f !important;
  color: #efc96a !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: #35203f !important;
  background-color: #35203f !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
  box-shadow: 0 12px 28px rgba(10, 6, 18, 0.45);
}
.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(239, 201, 106, 0.28) !important;
  color: #1A1024 !important;
}

/* Official gold-shield wordmark — wider than stacked SB logo */
header .navbar-brand img {
  height: 52px !important;
  max-width: 240px !important;
  width: auto !important;
}
@media (max-width: 991.98px) {
  header .navbar-brand img {
    height: 44px !important;
    max-width: 200px !important;
  }
}

/* ===== Hero ONLY: temple plate (donor .temple-hero-world) + Zeus cutout img ===== */
.hero_section {
  position: relative !important;
  isolation: isolate;
  /* Must stay visible: cream facts overlap next section (style.css sets overflow:hidden) */
  overflow: visible !important;
  background-color: #42244f !important;
  background-image: url("/assets/images/bg/olympus-temple.webp") !important;
  background-size: cover !important;
  background-position: center 43% !important;
  background-repeat: no-repeat !important;
}
.hero_section > .container {
  overflow: visible !important;
}
/* Zeus cutout — smaller than SB pirate so cream facts sit higher */
.hero_section .gatesofolympusdemo-hero-img {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: center !important;
  max-width: 240px;
  margin-left: auto;
  margin-right: auto;
}
.hero_section .gatesofolympusdemo-hero-img img {
  width: auto !important;
  max-width: 240px !important;
  max-height: 380px !important;
  height: auto !important;
  object-fit: contain !important;
}
@media (min-width: 1200px) {
  .hero_section > .container {
    padding-top: 1.25rem !important;
    padding-bottom: 0.5rem !important;
  }
  .hero_section .hero_content {
    padding-top: 0.5rem !important;
    padding-bottom: 0.25rem !important;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .hero_section .gatesofolympusdemo-hero-img {
    max-width: 210px;
  }
  .hero_section .gatesofolympusdemo-hero-img img {
    max-width: 210px !important;
    max-height: 340px !important;
  }
}
@media (max-width: 767px) {
  .hero_section .gatesofolympusdemo-hero-img {
    max-width: 180px;
  }
  .hero_section .gatesofolympusdemo-hero-img img {
    max-width: 180px !important;
    max-height: 280px !important;
  }
}
.hero_section::before {
  background:
    linear-gradient(90deg, rgba(39, 21, 50, 0.88) 0%, rgba(52, 32, 63, 0.55) 38%, rgba(66, 32, 78, 0.12) 72%, transparent 100%),
    linear-gradient(180deg, rgba(33, 21, 46, 0.15) 0%, transparent 40%, rgba(33, 21, 46, 0.78) 100%) !important;
}
/* Donor hero type: warm cream H1, soft lilac lead (not pure white / 900) */
.hero_section .hero_content__title,
.hero_section .hero_content h1 {
  color: #fff4db !important;
  font-weight: 750 !important;
  font-size: clamp(26px, 2.7vw, 39px) !important;
  line-height: 1.18 !important;
  letter-spacing: -0.03em !important;
  max-width: 19ch;
  text-shadow: 0 2px 3px #22102f !important;
  margin-bottom: 1rem !important;
}
.hero_section .hero_content > p:not(.temple-hero-note) {
  color: #f2e4ee !important;
  font-size: 18px !important;
  line-height: 1.75 !important;
  max-width: 46ch;
  text-shadow: none !important;
  margin-bottom: 0.75rem !important;
}
.hero_section .temple-hero-note {
  color: #e3d2e3 !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  margin: 0 0 0.25rem !important;
  text-shadow: none !important;
}
@media (max-width: 991.98px) {
  .hero_section .hero_content__title,
  .hero_section .hero_content h1 {
    max-width: none;
    font-size: 26px !important;
    text-align: center;
  }
  .hero_section .hero_content > p:not(.temple-hero-note) {
    font-size: 15px !important;
    max-width: 38ch;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }
  .hero_section .temple-hero-note {
    text-align: center;
  }
}

/* ===== CTA: donor 3D gold / purple (gatesofolympusdemo.co) ===== */
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: linear-gradient(180deg, #ffe6a0 0%, #edc45c 55%, #d49d34 100%) !important;
  color: #3a2137 !important;
  border: 1px solid #fff0b8 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 0 #8a5f29, 0 7px 18px rgba(22, 14, 33, 0.44) !important;
  transform: translateY(0);
  transition: filter 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease !important;
}
/* Inner .main_btn a only: transparent so parent gold gradient shows.
   Do NOT clear background on header DOWNLOAD / a.page-device-go (fill is on the <a>). */
.main_btn a,
.main_btn a:hover,
.main_btn a:focus,
.main_btn a:active,
.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 {
  color: #3a2137 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 0 !important;
}
/* Standalone gold CTAs (header Download, device-go, page-btn) keep fill + dark ink */
header .navbar-collapse .nav-item:last-child:not(.dropdown) a,
header a.nav-link[href*="download"],
.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,
.promo-land-btn-secondary,
.page-content-from-db .demo-quick-access__primary,
.page-content-from-db a.demo-quick-access__primary {
  color: #3a2137 !important;
  background: linear-gradient(180deg, #ffe6a0 0%, #edc45c 55%, #d49d34 100%) !important;
  background-image: linear-gradient(180deg, #ffe6a0 0%, #edc45c 55%, #d49d34 100%) !important;
  border: 1px solid #fff0b8 !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 0 #8a5f29, 0 7px 18px rgba(22, 14, 33, 0.44) !important;
}
header .navbar-collapse .nav-item:last-child:not(.dropdown) a:hover,
header a.nav-link[href*="download"]: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,
.page-content-from-db a.demo-quick-access__primary:hover,
.guide-cta-btn:hover {
  background: linear-gradient(180deg, #fff0c0 0%, #f0d070 55%, #e0b045 100%) !important;
  background-image: linear-gradient(180deg, #fff0c0 0%, #f0d070 55%, #e0b045 100%) !important;
  border-color: #fff6d0 !important;
  box-shadow: 0 3px 0 #8a5f29, 0 6px 14px rgba(22, 14, 33, 0.4) !important;
  filter: brightness(1.03);
  transform: translateY(1px);
  color: #3a2137 !important;
}
.main_btn:hover a,
.main_btn:hover a:hover {
  color: #3a2137 !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 {
  /* donor secondary: purple fill + gold edge + 3D base */
  background: rgba(93, 51, 120, 0.88) !important;
  border: 1px solid #e3c77d !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 0 #2c193c, 0 7px 16px rgba(22, 14, 33, 0.35) !important;
  color: #ffe7ad !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: #ffe7ad !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: rgba(110, 62, 140, 0.95) !important;
  border-color: #efc96a !important;
  box-shadow: 0 3px 0 #2c193c, 0 6px 14px rgba(22, 14, 33, 0.35) !important;
  transform: translateY(1px);
}

/* ===== Section rhythm like BB: wrappers transparent; gold only on cards =====
   Painting .page-download-section itself made 2–4k px “tables” glued to footer. */
.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: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #F5F0FF !important;
  margin: 2.5rem 0 0 !important;
}
.page-content-from-db > .page-download-section:first-child,
.page-content-from-db > .home-panel:first-child,
.page-content-from-db > .page-lead:first-child,
.page-content-from-db > .page-download-section:first-of-type {
  margin-top: 0.75rem !important;
}
.page-content-from-db .about_content {
  color: #F5F0FF !important;
}

/* Compact lead / trust: one soft plate (not a page-tall frame) */
.page-content-from-db > .page-lead,
.page-content-from-db > .page-trust-strip,
.page-content-from-db .page-callout,
.page-content-from-db .home-callout,
/* Nested leads (e.g. download #what) — same plate as trust/callout, not bare grey box */
.page-content-from-db .page-download-section > .page-lead,
.page-content-from-db .page-demo-section > .page-lead,
.page-content-from-db #what > .page-lead {
  background: #2d1c3d !important;
  border: 1px solid rgba(190, 145, 78, 0.4) !important;
  border-radius: 12px !important;
  padding: 1.1rem 1.25rem !important;
  box-shadow: 0 6px 18px rgba(10, 6, 18, 0.2);
  color: #F5F0FF !important;
  max-width: none;
}

/* 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: #8d47be !important;
}

/* Light type on dark panels */
.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):not(.demo-quick-access__primary):not(.demo-quick-access__store) {
  color: #efc96a !important;
}
/* Open Demo / store chips: dark ink on gold (beat link-gold rule) */
.page-content-from-db .demo-quick-access__primary,
.page-content-from-db a.demo-quick-access__primary {
  color: #3a2137 !important;
}
.page-content-from-db .text-muted,
.page-content-from-db small {
  color: #C9B8DE !important;
}

/* ===== Card hierarchy (donor game-card + BB cell contrast) =====
   Body #21152e
   Featured card #3e2451 + 2px #be914e + 3D base (donor .game-card / .oa-inline-demo)
   Nested inset #261832 (BB series-compare__item pattern)
   Stats tiles #35203f (BB #153544 vs #2a5a6a contrast) */
.page-content-from-db .home-game-card,
.page-content-from-db .series-compare,
.page-content-from-db .home-casino-table__block,
.page-content-from-db .home-latest-card,
.page-content-from-db .table a.home-latest-card,
.page-content-from-db .home-guides-box,
.page-content-from-db .home-guides-table td.home-guides-box,
.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 .page-device-route {
  background: #3e2451 !important;
  border: 2px solid #be914e !important;
  border-radius: 12px !important;
  color: #F5F0FF !important;
  box-shadow: 0 5px 0 #523442, 0 14px 28px rgba(10, 6, 18, 0.32) !important;
}

.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-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-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: #2d1c3d !important;
  border: 1.5px solid rgba(190, 145, 78, 0.55) !important;
  border-radius: 12px !important;
  color: #F5F0FF !important;
  box-shadow: 0 8px 20px rgba(10, 6, 18, 0.22) !important;
}

/* Nested rows: darker inset so outer card reads as one unit (BB) */
.page-content-from-db .series-compare__item {
  background: #261832 !important;
  border: 1px solid rgba(190, 145, 78, 0.28) !important;
  border-radius: 10px !important;
  box-shadow: none !important;
  color: #F5F0FF !important;
}

/* Stats / scheme cells: lighter tile fill vs body — reads as cards, not table grid */
.page-content-from-db .home-stats-table,
.page-content-from-db .home-scheme-table,
.page-content-from-db .home-scheme-table.table {
  background: transparent !important;
  border: 0 !important;
  border-collapse: separate !important;
  border-spacing: 12px !important;
}
.page-content-from-db .home-stats-table td,
.page-content-from-db .home-scheme-table td {
  background: #35203f !important;
  border: 1.5px solid rgba(190, 145, 78, 0.45) !important;
  border-radius: 14px !important;
  color: #F5F0FF !important;
  box-shadow: 0 4px 0 #42284f, 0 10px 20px rgba(10, 6, 18, 0.2) !important;
  vertical-align: top;
}

.page-content-from-db .page-device-route.is-you {
  border-color: #efc96a !important;
  box-shadow: 0 0 0 2px rgba(239, 201, 106, 0.45), 0 5px 0 #523442, 0 14px 28px rgba(10, 6, 18, 0.32) !important;
}

.page-content-from-db .page-callout,
.page-content-from-db .home-callout,
.page-content-from-db .page-trust-strip {
  border-left: 4px solid #efc96a !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: #F5F0FF !important;
}
.page-content-from-db .faq-item summary::before,
.page-content-from-db #faq .faq-item summary::before {
  color: #efc96a !important;
}

/* Guides / latest — titles on featured cards */
.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: #F5F0FF !important;
}
.page-content-from-db .home-latest-card__excerpt {
  color: #C9B8DE !important;
}

/* Casino Availability — one featured card; cells transparent inside */
.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: #F5F0FF !important;
  border-color: rgba(190, 145, 78, 0.18) !important;
}
.page-content-from-db .home-casino-table__name,
.page-content-from-db .table th.home-casino-table__name {
  color: #efc96a !important;
}
@media (min-width: 992px) {
  /* Beat base `tbody { display:block }` (0,3,1) — each card = fixed 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: transparent !important;
    border-top-color: rgba(190, 145, 78, 0.16) !important;
    border-bottom-color: rgba(190, 145, 78, 0.16) !important;
    color: #F5F0FF !important;
  }
  .page-content-from-db .home-casino-table__logo {
    width: 220px !important;
    min-width: 220px !important;
    max-width: 220px !important;
    border-left-color: rgba(190, 145, 78, 0.16) !important;
  }
  .page-content-from-db .home-casino-table__name {
    width: 180px !important;
    color: #efc96a !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 .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: #F5F0FF !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: #C9B8DE !important;
}

.page-content-from-db .series-compare__type,
.page-content-from-db .series-compare__tax {
  border-color: rgba(239, 201, 106, 0.45) !important;
  background: rgba(239, 201, 106, 0.14) !important;
  color: #efc96a !important;
}

.page-content-from-db .series-compare__more {
  border-top-color: rgba(239, 201, 106, 0.28) !important;
}
.page-content-from-db .series-compare__more-toggle {
  background: rgba(141, 71, 190, 0.14) !important;
}
.page-content-from-db .series-compare__cta a {
  color: #efc96a !important;
}

.page-content-from-db .page-device-route__you {
  background: #efc96a !important;
  color: #3a2137 !important;
}

/* Spec / facts tables: card shell + contrasting row fills (BB thead #2a5a6a pattern) */
.page-content-from-db .home-facts-table .table,
.page-content-from-db .series-compare__panel .table,
.page-content-from-db .table.table-bordered,
.page-content-from-db .page-spec-table {
  background: #2d1c3d !important;
  border: 2px solid #be914e !important;
  border-radius: 12px !important;
  overflow: hidden;
  color: #F5F0FF !important;
  box-shadow: 0 5px 0 #523442, 0 12px 24px rgba(10, 6, 18, 0.28) !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: #F5F0FF !important;
  border-color: rgba(190, 145, 78, 0.18) !important;
  border-bottom-color: rgba(190, 145, 78, 0.18) !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: #42284f !important;
  color: #efc96a !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(62, 36, 81, 0.85) !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(141, 71, 190, 0.12) !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: #efc96a !important;
}

/* Keep donor 3D card shadows even inside section wrappers (was flattening them) */
.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 .home-casino-table__block,
.page-content-from-db .page-download-section .home-latest-card {
  box-shadow: 0 5px 0 #523442, 0 14px 28px rgba(10, 6, 18, 0.32) !important;
}
.page-content-from-db .page-download-section .home-stats-table td {
  box-shadow: 0 4px 0 #42284f, 0 10px 20px rgba(10, 6, 18, 0.2) !important;
}

/* Demo-app brand mark: Zeus bolt (cfry) — full-color asset, not lime mask */
.demo-app-logo-icon {
  background-color: transparent !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: #F5F0FF !important;
}
.page-content-from-db .page-game__open-icon,
.page-content-from-db .page-game__open-label {
  background: #efc96a !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: #8d47be !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: #2d1c3d !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
  border-radius: 14px !important;
  color: #F5F0FF !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: #F5F0FF !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: #2d1c3d !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
  color: #F5F0FF !important;
}
.page-content-from-db .page-mchart__head h3,
.page-content-from-db .page-mchart__note,
.page-content-from-db .page-mchart summary {
  color: #F5F0FF !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: #2d1c3d !important;
  border-color: rgba(239, 201, 106, 0.28) !important;
}
.page-content-from-db .page-mchart__seg button {
  color: #F5F0FF !important;
}
.page-content-from-db .page-mchart__seg button[aria-pressed="true"] {
  background: #efc96a !important;
  color: #F5F0FF !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: #F5F0FF !important;
  border-color: rgba(239, 201, 106, 0.28) !important;
  background: #2d1c3d !important;
}
.page-content-from-db .page-mchart__tip {
  background: #332040 !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
}
.page-content-from-db .page-operator-picks .page-operator-card {
  background: #2d1c3d !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
  color: #F5F0FF !important;
}
.page-content-from-db .page-operator-card__name,
.page-content-from-db .page-operator-card p {
  color: #F5F0FF !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;
}
/* Home / demo game tiles: square frame, full art visible (no crop) */
.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: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #261832 !important;
}

/* Section media on home: shared 16:9 plane (how / free / mobile / hero) */
.page-content-from-db .home-media--wide,
.page-content-from-db .home-media--split,
.page-content-from-db .home-media--mobile,
.page-content-from-db .home-media--tile {
  aspect-ratio: 16 / 9 !important;
  background: #35203f !important;
}
.page-content-from-db .home-media--wide img,
.page-content-from-db .home-media--split img,
.page-content-from-db .home-media--mobile img,
.page-content-from-db .home-media--tile img,
.page-content-from-db .home-media--wide .home-img,
.page-content-from-db .home-media--split .home-img,
.page-content-from-db .home-media--mobile .home-img,
.page-content-from-db .home-media--tile .home-img {
  width: 100% !important;
  max-width: 100% !important;
  height: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: cover !important;
  object-position: center center !important;
  margin: 0 !important;
}
#myBtn {
  background: rgba(53, 32, 63, 0.96) !important;
  border: 1px solid rgba(239, 201, 106, 0.45) !important;
  box-shadow: 0 8px 20px rgba(10, 6, 18, 0.35) !important;
  /* Round plate — Zeus bolt (replaces SB candy cutout) */
  clip-path: none !important;
  border-radius: 50% !important;
  width: 52px !important;
  height: 52px !important;
  padding: 0 !important;
  line-height: 52px !important;
}
#myBtn:hover,
#myBtn:focus-visible {
  background: rgba(66, 40, 79, 1) !important;
  border-color: #efc96a !important;
}
#myBtn .myBtn__hook {
  width: 28px !important;
  height: 28px !important;
  margin: 0 auto !important;
  object-fit: contain !important;
  filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.45)) !important;
}

/* Rounded corners on media — do NOT clip .home-game-card (3D Play demo CTA
   shadow needs room below; overflow:hidden ate the button on hover). */
.page-content-from-db .home-media,
.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-game-card {
  overflow: visible !important;
  border-radius: 16px !important;
  padding-bottom: 1.35rem !important;
}
.page-content-from-db .home-game-card .steps_content {
  overflow: visible !important;
  padding-bottom: 0.35rem !important;
}
.page-content-from-db .home-game-card > img,
.page-content-from-db .home-game-card img.home-img {
  border-radius: 12px !important;
  overflow: hidden;
}
.page-content-from-db .home-img,
.page-content-from-db .home-media 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;
}
/* Games grid cell must not clip card 3D CTA either */
.page-content-from-db .home-games-table,
.page-content-from-db .home-games-table td {
  overflow: visible !important;
}


/* Headings gold on dark plates (donor) */
.page-content-from-db h1,
.page-content-from-db h2,
.page-content-from-db h3,
.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,
main section.py-5 h1,
main section.py-5 h2,
main section h1,
.guide-card .card-title,
.guide-card h5.card-title {
  color: #efc96a !important;
}
.page-content-from-db p,
.page-content-from-db li,
.page-content-from-db td,
.page-content-from-db th,
.page-content-from-db .about_content,
.page-content-from-db .page-lead,
main section p,
main section li,
.guide-card .guide-card-desc,
.guide-card .card-text {
  color: #F5F0FF !important;
}
.page-content-from-db .text-muted,
.page-content-from-db small,
.page-content-from-db .series-compare__sub,
.page-content-from-db .series-compare__why,
.page-content-from-db .home-game-card .steps_content p,
.guide-card .guide-card-desc {
  color: #C9B8DE !important;
}
.page-content-from-db .about_content strong,
.page-content-from-db .about_content b,
.page-content-from-db strong,
.page-content-from-db b {
  color: #efc96a !important;
}
.breadcrumbs,
.breadcrumbs a,
.breadcrumbs span,
.breadcrumb-item,
.breadcrumb-item a,
.breadcrumb-item.active {
  color: #F5F0FF !important;
}
.breadcrumbs a:hover { color: #efc96a !important; }

/* Footer — donor dark panel, not SB lilac */
footer {
  background: #261832 !important;
  border-top: 1px solid rgba(239, 201, 106, 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: #efc96a !important;
}

/* ===== Outer sheet OFF (BB balance) =====
   Giant gold frame around all home content glued to footer and double-bordered
   every inner card. Body #21152e is the canvas; gold edge only on inner panels. */
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: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 1.5rem 0 2.25rem !important;
  box-shadow: none !important;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: #F5F0FF !important;
}

/* Air between last content and footer (was glued) */
main {
  padding-bottom: 1.75rem !important;
}
body.layout-index main > section.container.py-5.page-content-from-db {
  margin-bottom: 0.5rem !important;
}

/* Nested wrappers stay transparent (BB); cards below keep gold edge */
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-download-section,
main > section.container.py-5 .home-panel,
main > section.container.py-5 .page-demo-section {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
main > section.py-5 > .container .page-lead,
main > section.container.py-5 .page-lead,
main > section.py-5 > .container .page-callout,
main > section.container.py-5 .page-callout,
main > section.py-5 > .container .page-download-section > .page-lead,
main > section.container.py-5 .page-download-section > .page-lead {
  background: #2d1c3d !important;
  border: 1px solid rgba(190, 145, 78, 0.4) !important;
  border-radius: 12px !important;
  padding: 1.1rem 1.25rem !important;
  box-shadow: 0 6px 18px rgba(10, 6, 18, 0.2);
  color: #F5F0FF !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: #F5F0FF !important;
}

/* PWA/APK step plaques — dark panel + gold edge */
.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: #2d1c3d !important;
  background-color: #2d1c3d !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(239, 201, 106, 0.45) !important;
  box-shadow: 0 8px 18px rgba(10, 6, 18, 0.18) !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: #F5F0FF !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: #F5F0FF !important;
}
main section a:not(.main_btn a):not(.page-device-go):not(.page-btn):not(.demo-quick-access__primary):not(.demo-quick-access__store):not(.dropdown-item):not(.guide-filter-btn):not(.pwa-ios-quick__copy):not(.pwa-ios-quick__url) {
  color: #efc96a !important;
}
main section a:not(.main_btn a):not(.page-device-go):not(.page-btn):not(.demo-quick-access__primary):not(.dropdown-item):hover {
  color: #8d47be !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: #F5F0FF !important;
}
main section .about_content .page-lead,
main section .page-lead {
  color: #C9B8DE !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: #F5F0FF !important;
}
.author-list-card .text-muted {
  color: #C9B8DE !important;
}
.author-list-card-avatar--placeholder {
  background: rgba(141, 71, 190, 0.28) !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(239, 201, 106, 0.35) !important;
}

/* Author byline on dark panels */
.author-byline,
.author-byline-prefix,
.author-byline-meta,
.author-byline-line {
  color: #C9B8DE !important;
}
.author-byline-name {
  color: #F5F0FF !important;
}
.author-byline-name:hover {
  color: #8d47be !important;
}
.author-byline-sub,
.author-byline-role,
.author-byline-sep,
.author-byline-date {
  color: #6B5A88 !important;
}
.author-byline-avatar--placeholder {
  background: rgba(141, 71, 190, 0.28) !important;
  color: #F5F0FF !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: #2d1c3d;
  border: 1px solid rgba(58, 42, 122, 0.22);
  border-radius: 16px;
}

/* ===== Listing cards: donor game-card weight ===== */
.guide-card,
a.guide-card.card,
.author-list-card.guide-card {
  background: #3e2451 !important;
  border: 2px solid #be914e !important;
  color: #F5F0FF !important;
  box-shadow: 0 5px 0 #523442, 0 14px 28px rgba(10, 6, 18, 0.32) !important;
  overflow: hidden;
  border-radius: 12px !important;
}
.guide-card:hover,
a.guide-card.card:hover,
.author-list-card.guide-card:hover {
  border-color: #efc96a !important;
  box-shadow: 0 4px 0 #523442, 0 12px 24px rgba(10, 6, 18, 0.36) !important;
  color: #F5F0FF !important;
  background: #4a2d60 !important;
  transform: translateY(1px);
}
.guide-card .card-body {
  color: #F5F0FF !important;
}
.guide-card .card-title,
.guide-card h5.card-title,
.guide-card .card-title.h5 {
  color: #F5F0FF !important;
  font-weight: 800 !important;
}
.guide-card .guide-card-desc,
.guide-card .card-text.guide-card-desc,
.guide-card p.card-text {
  color: #C9B8DE !important;
}
.guide-card .guide-card-link {
  color: #8d47be !important;
}
.guide-card:hover .guide-card-link {
  color: #efc96a !important;
}
.guide-card-badge {
  color: #efc96a !important;
}
.guide-card .card-img-top {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;
  object-position: center center !important;
  display: block !important;
  background: #261832 !important;
  opacity: 1 !important;
  border-radius: 0 !important;
}
/* Games catalogue: square lobby art must stay fully visible (no cover-crop of Zeus/logo) */
body.layout-games .guide-card .card-img-top {
  object-fit: contain !important;
  background: #261832 !important;
}

/* Blog + Guides listings: editorial covers are 16:9 — drop 1:1 letterbox bars */
body.layout-blog .guide-card .card-img-top,
body.layout-guides .guide-card .card-img-top {
  aspect-ratio: 16 / 9 !important;
  object-fit: cover !important;
  object-position: center center !important;
  background: #261832 !important;
}

/* Casino listing: landscape operator logos — full mark visible (no 1:1 crop) */
body.layout-casinos_fixed .guide-card .card-img-top,
body.layout-casinos .guide-card .card-img-top {
  aspect-ratio: 16 / 9 !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #261832 !important;
  padding: 0.65rem 0.85rem !important;
  box-sizing: border-box !important;
}

/* Casinos hub: air under H1 + one intro plate (not 3 stuck fragments) */
body.layout-casinos_fixed main section.py-5 > .container > h1,
body.layout-casinos main section.py-5 > .container > h1 {
  margin: 0.35rem 0 1.15rem !important;
  line-height: 1.15 !important;
}
body.layout-casinos_fixed main section .about_content.mb-4,
body.layout-casinos main section .about_content.mb-4 {
  background: #2d1c3d !important;
  border: 1.5px solid rgba(190, 145, 78, 0.45) !important;
  border-radius: 14px !important;
  box-shadow: 0 8px 20px rgba(10, 6, 18, 0.22) !important;
  padding: 1.25rem 1.35rem 1.35rem !important;
  margin: 0 0 1.75rem !important;
  max-width: none !important;
  width: 100% !important;
  box-sizing: border-box !important;
}
body.layout-casinos_fixed main section .about_content > h2,
body.layout-casinos main section .about_content > h2 {
  color: #efc96a !important;
  font-weight: 800 !important;
  margin: 0 0 0.85rem !important;
  line-height: 1.25 !important;
}
/* Inside the plate: no nested lead/callout cards — one rhythm */
body.layout-casinos_fixed main section .about_content > .page-lead,
body.layout-casinos main section .about_content > .page-lead,
body.layout-casinos_fixed main section .about_content > .page-callout,
body.layout-casinos main section .about_content > .page-callout {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 0 0.9rem !important;
  color: #C9B8DE !important;
}
body.layout-casinos_fixed main section .about_content > p,
body.layout-casinos main section .about_content > p {
  margin: 0 0 0.9rem !important;
  color: #F5F0FF !important;
  line-height: 1.55 !important;
}
body.layout-casinos_fixed main section .about_content > .page-lead,
body.layout-casinos main section .about_content > .page-lead {
  color: #C9B8DE !important;
  font-size: 1.02rem !important;
  line-height: 1.55 !important;
}
body.layout-casinos_fixed main section .about_content > .page-callout,
body.layout-casinos main section .about_content > .page-callout {
  display: flex !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  margin: 1rem 0 0 !important;
  padding: 0.85rem 0 0 !important;
  border-top: 1px solid rgba(239, 201, 106, 0.28) !important;
  color: #F5F0FF !important;
}
body.layout-casinos_fixed main section .about_content > .page-callout .page-ico,
body.layout-casinos main section .about_content > .page-callout .page-ico {
  color: #efc96a !important;
  flex: 0 0 auto;
  margin-top: 0.15rem;
}
body.layout-casinos_fixed main section.py-5 > .container > .row,
body.layout-casinos main section.py-5 > .container > .row {
  margin-top: 0.25rem !important;
}

/* Category pills on guides/blog — Olympus plum, not SB lilac */
.guide-filters .guide-filter-btn,
a.guide-filter-btn {
  background: rgba(53, 32, 63, 0.96) !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
  border-radius: 999px !important;
}
.guide-filters .guide-filter-btn:hover,
a.guide-filter-btn:hover {
  background: #42284f !important;
  color: #efc96a !important;
  border-color: rgba(239, 201, 106, 0.55) !important;
}
.guide-filters .guide-filter-btn.active,
a.guide-filter-btn.active {
  background: #efc96a !important;
  color: #1A1024 !important;
  border-color: #efc96a !important;
}

/* Home latest previews — compact 16:9 strip (blog/guides cards also 16:9; games 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: #35203f !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: container keeps page gutters; chip is the inner row ===== */
main > section:has(> .container.breadcrumbs) {
  padding: 0.85rem 0 0 !important;
  margin: 0 !important;
}
main > section > .container.breadcrumbs,
main .container.breadcrumbs {
  /* Keep Bootstrap .container width + side padding — do NOT fit-content the container */
  width: 100% !important;
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-bottom: 0.5rem !important;
}
main .container.breadcrumbs .row {
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0.35rem 0.95rem !important;
  margin: 0 !important;
  --bs-gutter-x: 0;
  background: #261832 !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
  border-radius: 999px !important;
}
main .container.breadcrumbs .row > [class*="col"] {
  padding: 0 !important;
  flex: 0 0 auto !important;
  width: auto !important;
  max-width: none !important;
}
main .container.breadcrumbs a,
main .container.breadcrumbs span {
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
  white-space: nowrap;
}

/* ===== 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: #2d1c3d !important;
  background-image: none !important;
  border: 1px solid rgba(239, 201, 106, 0.35) !important;
  color: #F5F0FF !important;
  box-shadow: 0 8px 20px rgba(10, 6, 18, 0.28) !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: #F5F0FF !important;
}
.demo-pwa-ios-page .pwa-ios-quick__url,
.demo-pwa-ios-page .pwa-ios-quick__url-block {
  background: #2d1c3d !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(239, 201, 106, 0.32) !important;
}
.demo-pwa-ios-page .pwa-ios-tour-bar {
  background: #2d1c3d !important;
  border: 1px solid rgba(239, 201, 106, 0.28) !important;
  color: #F5F0FF !important;
}
.demo-pwa-ios-page .pwa-ios-tour-back {
  background: #2d1c3d !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(239, 201, 106, 0.32) !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: #2d1c3d !important;
  background-image: none !important;
  color: #F5F0FF !important;
  border: 1px solid rgba(239, 201, 106, 0.35) !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: #F5F0FF !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;
}

/* ============================================================
   Temple home modules (donor gatesofolympusdemo.co redesign)
   Facts strip + symbols gallery — BB shell kept elsewhere
   ============================================================ */

/* Cream facts — parchment bridge; overlaps symbols band (needs hero overflow:visible) */
.hero_section .temple-hero-facts {
  position: relative;
  z-index: 6;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 -32px;
  padding: 20px 24px;
  background: #f0e1b9;
  color: #3b2445;
  border: 1px solid #f4ce78;
  border-bottom: 5px solid #a17339;
  border-radius: 9px;
  box-shadow: 0 14px 34px rgba(19, 10, 36, 0.64);
}
.hero_section .temple-hero-facts > div {
  display: flex;
  flex-direction: column;
  gap: 2px;
  padding-inline: 18px;
  border-right: 1px solid #b99c6c;
  min-width: 0;
}
.hero_section .temple-hero-facts > div:first-child {
  padding-left: 0;
}
.hero_section .temple-hero-facts > div:last-child {
  border-right: 0;
  padding-right: 0;
}
.hero_section .temple-hero-facts strong {
  font-size: 18px;
  font-weight: 800;
  line-height: 1.2;
  color: #442744;
}
.hero_section .temple-hero-facts span {
  font-size: 12px;
  color: #715b5e;
  line-height: 1.35;
}
@media (max-width: 991.98px) {
  .hero_section .temple-hero-facts {
    grid-template-columns: 1fr 1fr;
    gap: 16px 10px;
    margin: 18px 0 -24px;
    padding: 16px 14px;
    border-radius: 7px;
    box-shadow: 0 9px 22px #120923;
  }
  .hero_section .temple-hero-facts > div {
    padding: 0 9px;
    border-right: 0;
  }
  .hero_section .temple-hero-facts > div:nth-child(odd) {
    border-right: 1px solid #c2a979;
  }
  .hero_section .temple-hero-facts strong {
    font-size: 19px;
  }
  .hero_section .temple-hero-facts span {
    font-size: 10px;
  }
}
@media (max-width: 575.98px) {
  .hero_section .temple-hero-facts strong {
    font-size: 17px;
  }
}

/* Symbols section — body canvas, gold titles */
.temple-symbols {
  position: relative;
  z-index: 1;
  /* Top pad clears overlapping cream strip (~full card height) */
  padding: 64px 0 70px;
  background: #21152e;
  color: #F5F0FF;
}
.temple-symbols .temple-section-title {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 28px;
  margin-bottom: 8px;
}
.temple-symbols .temple-section-title h2 {
  margin: 0 0 12px;
  font-size: clamp(29px, 3.1vw, 43px);
  font-weight: 750;
  line-height: 1.2;
  letter-spacing: -0.03em;
  color: #ffe0a0 !important;
}
.temple-symbols .temple-section-title p {
  margin: 0;
  max-width: 54ch;
  font-size: 16px;
  line-height: 1.75;
  color: #e4cce9;
}
.temple-rule-seal {
  display: grid;
  place-content: center;
  flex: 0 0 124px;
  width: 124px;
  aspect-ratio: 1;
  text-align: center;
  border: 1px solid #b58d4d;
  border-radius: 50%;
  font-size: 11px;
  line-height: 1.4;
  color: #d7be87;
  background: #382044;
}
.temple-rule-seal strong {
  display: block;
  margin-top: 4px;
  color: #f8db96;
  font-size: 24px;
  font-weight: 800;
}
.temple-symbol-row {
  display: grid;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 12px;
  align-items: start;
  margin-top: 18px;
  padding: 26px 8px 16px;
  border-block: 1px solid #6d4a66;
  background: linear-gradient(90deg, transparent, rgba(78, 44, 95, 0.33), transparent);
}
.temple-symbol {
  position: relative;
  margin: 0;
  min-width: 0;
  text-align: center;
  border-radius: 14px;
  outline-offset: 4px;
}
.temple-symbol::before {
  content: "";
  position: absolute;
  inset: 5px 5px 36px;
  border-radius: 50%;
  background: radial-gradient(ellipse, rgba(188, 118, 241, 0.31), transparent 70%);
  opacity: 0;
  transition: opacity 0.25s ease;
  pointer-events: none;
}
.temple-symbol img {
  position: relative;
  display: block;
  width: 100%;
  height: 128px;
  object-fit: contain;
  filter: drop-shadow(0 7px 7px rgba(16, 7, 23, 0.5));
  transition: transform 0.25s ease, filter 0.25s ease;
}
.temple-symbol figcaption {
  display: block;
  min-height: 38px;
  padding: 10px 0 0;
  font-size: 12px;
  line-height: 1.4;
  color: #e4cce9;
  opacity: 0.85;
  transition: color 0.2s ease, opacity 0.2s ease;
}
.temple-symbol:hover img,
.temple-symbol:focus-visible img {
  transform: translateY(-9px) scale(1.12);
  filter: drop-shadow(0 8px 10px rgba(203, 158, 56, 0.23));
}
.temple-symbol:hover::before,
.temple-symbol:focus-visible::before {
  opacity: 1;
}
.temple-symbol:hover figcaption,
.temple-symbol:focus-visible figcaption {
  color: #ffe9ac;
  opacity: 1;
}

.temple-feature-pair {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 38px;
  margin-top: 34px;
}
.temple-feature-pair article {
  display: flex;
  align-items: center;
  gap: 24px;
  padding: 12px 0;
}
.temple-feature-pair article > img,
.temple-orb-art {
  flex: 0 0 110px;
  width: 110px;
  height: 115px;
  object-fit: contain;
}
.temple-orb-art {
  position: relative;
}
.temple-orb-art img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.temple-orb-art > span {
  position: absolute;
  inset: 0;
  display: grid;
  place-content: center;
  padding-bottom: 6px;
  font-size: 25px;
  font-weight: 900;
  color: #fff0a1;
  text-shadow: 0 2px 2px #3b5423;
  pointer-events: none;
}
.temple-feature-pair h3 {
  margin: 0 0 10px;
  font-size: 23px;
  font-weight: 750;
  color: #ffe0a0 !important;
}
.temple-feature-pair p {
  margin: 0;
  font-size: 15px;
  line-height: 1.75;
  color: #e4cce9;
}

/* Home H2 gold like donor section titles */
.page-content-from-db .about_content > h2,
.page-content-from-db > h2,
.page-content-from-db .page-download-section h2 {
  color: #ffe0a0 !important;
}

@media (max-width: 1199.98px) {
  .temple-symbol-row {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px 16px;
  }
  .temple-symbol img {
    height: 110px;
  }
}
@media (max-width: 991.98px) {
  .temple-symbols {
    padding: 49px 0 40px;
  }
  .temple-symbols .temple-section-title {
    flex-direction: column;
    align-items: flex-start;
    gap: 16px;
  }
  .temple-rule-seal {
    flex-basis: 96px;
    width: 96px;
    font-size: 10px;
  }
  .temple-rule-seal strong {
    font-size: 20px;
  }
  .temple-feature-pair {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 23px;
  }
  .temple-feature-pair article {
    align-items: flex-start;
  }
  .temple-feature-pair h3 {
    font-size: 18px;
  }
  .temple-feature-pair p {
    font-size: 13px;
  }
}
@media (max-width: 575.98px) {
  .temple-symbol-row {
    gap: 8px 6px;
    padding: 18px 0 10px;
  }
  .temple-symbol img {
    height: 72px;
  }
  .temple-symbol figcaption {
    font-size: 10px;
    min-height: 32px;
  }
  .temple-symbol:hover img,
  .temple-symbol:focus-visible img {
    transform: translateY(-5px) scale(1.06);
  }
}

/* Give page body breathing room under overlapping facts strip */
.temple-symbols + .page-content-from-db,
.temple-symbols + section.page-content-from-db,
section.temple-symbols + section.container.page-content-from-db {
  padding-top: 2.5rem !important;
}

/* Demo landing: One round / temple-mechanics board (donor Symbols·Tumble·Multiplier) */
.page-content-from-db .temple-mechanics {
  position: relative;
  isolation: isolate;
  padding: 1.75rem 0 0.5rem;
  margin: 0.5rem 0 1.25rem;
  border-block: 1px solid rgba(120, 82, 109, 0.55);
  background: #35203f;
  border-radius: 12px;
  overflow: hidden;
}
.page-content-from-db .temple-mechanics::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: url("/assets/images/bg/olympus-temple.webp") center / cover;
  opacity: 0.065;
  pointer-events: none;
}
.page-content-from-db .temple-mechanics > .page-callout {
  margin: 1.25rem 1rem 0.25rem;
}
.page-content-from-db .temple-mechanics-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 2.5rem;
  align-items: center;
  padding: 1.25rem 1.15rem 0.5rem;
}
.page-content-from-db .temple-mechanics h2 {
  margin: 0 0 0.85rem;
  font-size: clamp(1.45rem, 2.6vw, 2.15rem);
  line-height: 1.2;
  color: #ffe0a0 !important;
}
.page-content-from-db .temple-mechanics-copy > p {
  margin: 0 0 1.1rem;
  font-size: 1rem;
  line-height: 1.7;
  color: #dfd0e5;
}
.page-content-from-db .temple-step-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 1.15rem 0;
}
.page-content-from-db .temple-step-buttons button {
  background: #4a2b5d;
  border: 1px solid #927245;
  border-radius: 5px;
  padding: 0.6rem 0.95rem;
  min-height: 44px;
  color: #e9d5e8;
  font-weight: 700;
  font-size: 0.92rem;
  cursor: pointer;
  transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease;
}
.page-content-from-db .temple-step-buttons button[aria-pressed="true"] {
  color: #402342;
  background: #edcf8c;
  border-color: #ffebba;
  box-shadow: 0 3px 0 #8f6638;
}
.page-content-from-db .temple-step-buttons button:hover {
  border-color: #ffe4a1;
  background: #694278;
}
.page-content-from-db .temple-step-buttons button[aria-pressed="true"]:hover {
  background: #ffe1a1;
  color: #402342;
}
.page-content-from-db .temple-step-copy h3 {
  margin: 0 0 0.55rem;
  font-size: 1.2rem;
  color: #ffdda0 !important;
}
.page-content-from-db .temple-step-copy p {
  margin: 0;
  min-height: 5.25rem;
  font-size: 0.95rem;
  line-height: 1.7;
  color: #dfd0e5;
}
.page-content-from-db .temple-step-copy[hidden] {
  display: none;
}
.page-content-from-db .temple-mechanics-demo {
  display: inline-flex;
  margin-top: 0.65rem;
  min-width: 9.5rem;
}
.page-content-from-db .temple-board-wrap {
  margin: 0;
  min-width: 0;
}
.page-content-from-db .temple-board {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 6px;
  padding: 18px;
  border: 4px solid #d4a349;
  border-radius: 13px;
  outline: 1px solid #fff1a6;
  outline-offset: -8px;
  background: linear-gradient(#4e2c67, #2a153d);
  box-shadow: 0 6px 0 #86542b, 0 22px 38px rgba(23, 11, 35, 0.38);
  overflow: hidden;
}
.page-content-from-db .temple-cell {
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  min-width: 0;
  background: rgba(50, 25, 71, 0.53);
  border: 1px solid #81528a;
  border-radius: 6px;
  transition: background 0.2s ease, border-color 0.2s ease;
}
.page-content-from-db .temple-cell img {
  width: 88%;
  height: 88%;
  object-fit: contain;
  filter: drop-shadow(0 3px 3px rgba(16, 5, 32, 0.5));
  transition: opacity 0.35s ease, transform 0.35s ease;
  transition-delay: var(--cell-delay, 0ms);
}
.page-content-from-db .temple-cell.is-matching {
  border-color: #e9bc5e;
  background: rgba(142, 62, 182, 0.36);
  box-shadow: inset 0 0 0 1px rgba(248, 211, 105, 0.27);
}
.page-content-from-db .temple-board[data-stage="1"] .is-matching img {
  opacity: 0.1;
  transform: translateY(80%);
}
.page-content-from-db .temple-board[data-stage="1"] .is-matching {
  background: rgba(217, 173, 63, 0.23);
  border-style: dashed;
}
.page-content-from-db .temple-board[data-stage="2"] .is-matching {
  background: rgba(167, 73, 214, 0.42);
  box-shadow: 0 0 13px rgba(216, 153, 86, 0.4);
  z-index: 1;
}
.page-content-from-db .temple-multiplier {
  position: absolute;
  inset: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  pointer-events: none;
  opacity: 0;
  transform: scale(0.65);
  transition: opacity 0.25s ease, transform 0.25s ease;
  filter: drop-shadow(0 7px 16px rgba(17, 5, 30, 0.79));
  z-index: 3;
  background: rgba(38, 17, 54, 0.33);
}
.page-content-from-db .temple-multiplier img {
  width: 42%;
  height: auto;
  object-fit: contain;
}
.page-content-from-db .temple-multiplier strong {
  position: absolute;
  color: #fff5b8;
  text-shadow: 0 3px 3px #244b1c;
  font-size: clamp(2.25rem, 5vw, 4.5rem);
  font-weight: 900;
}
.page-content-from-db .temple-board[data-stage="2"] .temple-multiplier {
  opacity: 1;
  transform: scale(1);
}
.page-content-from-db .temple-board-wrap > figcaption {
  display: flex;
  flex-direction: column;
  gap: 0.4rem;
  text-align: center;
  padding: 1.1rem 0.6rem 0;
  color: #c7b1ce;
  font-size: 0.78rem;
  line-height: 1.6;
}
.page-content-from-db .temple-board-wrap > figcaption strong {
  font-size: 1rem;
  color: #f8d78b;
}
@media (max-width: 991.98px) {
  .page-content-from-db .temple-mechanics-layout {
    grid-template-columns: 1fr;
    gap: 1.6rem;
  }
  .page-content-from-db .temple-mechanics-copy {
    max-width: 70ch;
  }
  .page-content-from-db .temple-step-copy p {
    min-height: 0;
  }
  .page-content-from-db .temple-board-wrap {
    max-width: 590px;
    width: 100%;
    margin-inline: auto;
  }
}
@media (max-width: 575.98px) {
  .page-content-from-db .temple-mechanics::before {
    background-image: url("/assets/images/bg/olympus-temple-mechanics-mobile.webp");
  }
  .page-content-from-db .temple-mechanics-layout {
    padding: 1rem 0.75rem 0.25rem;
    gap: 1.25rem;
  }
  .page-content-from-db .temple-step-buttons button {
    font-size: 0.78rem;
    padding: 0.55rem 0.7rem;
  }
  .page-content-from-db .temple-board {
    padding: 13px;
    gap: 4px;
    border-width: 3px;
    border-radius: 9px;
    outline-offset: -6px;
  }
  .page-content-from-db .temple-multiplier strong {
    font-size: 2.75rem;
  }
  .page-content-from-db .temple-board-wrap > figcaption {
    font-size: 0.7rem;
  }
  .page-content-from-db .temple-board-wrap > figcaption strong {
    font-size: 0.88rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .page-content-from-db .temple-cell img,
  .page-content-from-db .temple-multiplier {
    transition: none !important;
  }
}

/* Demo landing: lobby art under Open Demo (H1 → CTA → art) */
.page-content-from-db .page-game--launch + .page-demo-hero__art {
  margin: 1.15rem auto 1.35rem;
  text-align: center;
  max-width: 260px;
  width: 100%;
}
.page-content-from-db .page-demo-hero__img {
  display: block;
  width: 100%;
  max-width: 240px;
  height: auto;
  aspect-ratio: 1;
  object-fit: contain;
  margin: 0 auto;
  border-radius: 16px;
  overflow: hidden;
  filter: drop-shadow(0 14px 28px rgba(16, 8, 28, 0.55));
}
.page-content-from-db .page-demo-hero__art {
  border-radius: 16px;
}
.page-content-from-db .page-demo-hero__art figcaption {
  margin-top: 0.55rem;
  font-size: 0.72rem;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: rgba(245, 240, 255, 0.62);
}
.page-content-from-db .page-game-card__img {
  display: block;
  width: 72px;
  height: 72px;
  object-fit: contain;
  margin: 0 0 0.65rem;
  border-radius: 12px;
  filter: drop-shadow(0 6px 10px rgba(16, 8, 28, 0.45));
}
@media (max-width: 767.98px) {
  .page-content-from-db .page-game--launch + .page-demo-hero__art {
    max-width: 200px;
  }
  .page-content-from-db .page-demo-hero__img {
    max-width: 180px;
  }
  .page-content-from-db .page-game-card__img {
    margin-left: auto;
    margin-right: auto;
  }
}

/* Contact form — Olympus plum plate + gold edge (kill teal/navy donor) */
.contact-page__form {
  background: #3e2451 !important;
  border: 2px solid #be914e !important;
  border-radius: 14px !important;
  box-shadow: 0 10px 0 #1a1024, 0 18px 36px rgba(16, 8, 28, 0.45) !important;
}
.contact-page__field input,
.contact-page__field textarea {
  background: #261832 !important;
  border: 1px solid rgba(190, 145, 78, 0.45) !important;
  color: #F5F0FF !important;
}
.contact-page__field input::placeholder,
.contact-page__field textarea::placeholder {
  color: rgba(201, 184, 222, 0.65) !important;
}
.contact-page__field input:focus,
.contact-page__field textarea:focus {
  outline-color: #efc96a !important;
  border-color: #efc96a !important;
}
.contact-page__privacy a {
  color: #efc96a !important;
}
.contact-page__submit {
  background: #efc96a !important;
  color: #1A1024 !important;
}
.contact-page__submit:hover:not(:disabled) {
  background: #d4a84a !important;
}