/*
 * SafeCasino reference theme.
 * Visual-only overrides: layout, component state and carousel geometry stay in
 * the original stylesheets.
 */

:root {
  --sc-ref-navy: #05213e;
  --sc-ref-navy-soft: #123452;
  --sc-ref-purple: #3c2a5c;
  --sc-ref-purple-soft: #4d3c6a;
  --sc-ref-purple-deep: #3d1f86;
  --sc-ref-pink: #f4525c;
  --sc-ref-pink-cta: #e62a54;
  --sc-ref-pink-dark: #bd1742;
  --sc-ref-mint: #31d1ab;
  --sc-ref-mint-dark: #04a47e;
  --sc-ref-gold: #fdd65b;
  --sc-ref-page: #eeeef8;
  --sc-ref-panel: #ffffff;
  --sc-ref-panel-soft: #f0f3f8;
  --sc-ref-line: #e2e2f4;
  --sc-ref-muted: #706b7a;
  --sc-ref-card-shadow:
    inset 0 -2px 4px rgba(61, 31, 134, 0.25),
    inset 0 -4px 0 rgba(61, 31, 134, 0.1),
    0 8px 10px rgba(61, 31, 134, 0.15);
  --sc-ref-media-shadow:
    0 5px 10px rgba(60, 42, 92, 0.3),
    inset 0 -4px 0 rgba(0, 0, 0, 0.16);
}

html:not([data-theme="dark"]) {
  color-scheme: light !important;
}

html:not([data-theme="dark"]) body {
  background-color: var(--sc-ref-page) !important;
  background-image:
    repeating-radial-gradient(
      ellipse at 10% 12%,
      transparent 0 23px,
      rgba(61, 31, 134, 0.035) 24px 25px,
      transparent 26px 44px
    ),
    repeating-radial-gradient(
      ellipse at 90% 70%,
      transparent 0 31px,
      rgba(61, 31, 134, 0.026) 32px 33px,
      transparent 34px 57px
    ) !important;
  background-attachment: fixed !important;
  color: var(--sc-ref-purple-soft) !important;
  font-family: Roboto, Inter, Arial, sans-serif !important;
}

html:not([data-theme="dark"]) body :is(p, li, dd, dt) {
  color: var(--sc-ref-purple-soft);
}

html:not([data-theme="dark"]) :is(a, button, summary, input, select) {
  -webkit-tap-highlight-color: rgba(244, 82, 92, 0.18);
}

html:not([data-theme="dark"]) :is(a, button, summary, [tabindex]):focus-visible {
  outline: 3px solid var(--sc-ref-mint) !important;
  outline-offset: 3px !important;
}

/* Header and global navigation */

html:not([data-theme="dark"]) .scme-topbar {
  border-bottom-color: rgba(226, 226, 244, 0.24) !important;
  background-color: var(--sc-ref-navy) !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(5, 33, 62, 0.2) !important;
}

.scme-nav {
  gap: 10px !important;
}

html:not([data-theme="dark"]) .scme-nav-links {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
  background-image: none !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08) !important;
}

html:not([data-theme="dark"]) .scme-nav-links a {
  color: rgba(255, 255, 255, 0.8) !important;
  font-family: Riffic, Inter, Arial, sans-serif !important;
  letter-spacing: 0.02em !important;
}

html:not([data-theme="dark"]) .scme-nav-links a:is(.scme-is-active, :hover) {
  border-color: var(--sc-ref-panel) !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  color: var(--sc-ref-purple) !important;
  box-shadow: inset 0 -3px 0 rgba(61, 31, 134, 0.12) !important;
}

html:not([data-theme="dark"]) .scme-auth .scme-btn.scme-ghost {
  min-height: 40px !important;
  border-color: rgba(255, 255, 255, 0.24) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  color: var(--sc-ref-panel) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.16) !important;
}

html:not([data-theme="dark"]) .scme-auth .scme-btn.scme-ghost:hover {
  border-color: rgba(49, 209, 171, 0.78) !important;
  background-color: rgba(49, 209, 171, 0.16) !important;
}

.scme-btn,
.scme-pin-btn,
.scme-app-download-btn,
.scme-safe-aside-download,
#cookieOk {
  border-radius: 8px !important;
  font-family: Riffic, Inter, Arial, sans-serif !important;
  letter-spacing: 0.015em !important;
  transition:
    transform 160ms ease,
    filter 160ms ease,
    box-shadow 160ms ease !important;
}

html:not([data-theme="dark"]) :is(
  #cookieOk,
  .scme-btn.scme-hot,
  .scme-pin-btn.scme-hot,
  .scme-hero .scme-pin-btn,
  .scme-offer-banner .scme-pin-btn:not(.store-btn)
) {
  min-height: 40px !important;
  border-color: #ff7990 !important;
  background-color: var(--sc-ref-pink-cta) !important;
  background-image: linear-gradient(180deg, #fb6d85 0%, var(--sc-ref-pink) 45%, var(--sc-ref-pink-cta) 100%) !important;
  color: var(--sc-ref-panel) !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.24),
    inset 0 -4px 0 rgba(118, 5, 39, 0.22),
    0 5px 9px rgba(132, 12, 50, 0.28) !important;
  text-shadow: 0 -2px 0 rgba(0, 0, 0, 0.24) !important;
}

html:not([data-theme="dark"]) :is(
  #cookieOk,
  .scme-btn.scme-hot,
  .scme-pin-btn.scme-hot,
  .scme-hero .scme-pin-btn,
  .scme-offer-banner .scme-pin-btn:not(.store-btn)
):hover {
  border-color: #ff91a3 !important;
  background-color: var(--sc-ref-pink-dark) !important;
  background-image: linear-gradient(180deg, #f75978, var(--sc-ref-pink-dark)) !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.2),
    inset 0 -3px 0 rgba(61, 2, 19, 0.26),
    0 7px 12px rgba(132, 12, 50, 0.32) !important;
  filter: none !important;
  transform: translateY(-1px) !important;
}

html:not([data-theme="dark"]) :is(
  #cookieOk,
  .scme-app-download-btn,
  .scme-safe-aside-download,
  .store-btn
) {
  border-color: #62dfc1 !important;
  background-color: var(--sc-ref-mint-dark) !important;
  background-image: linear-gradient(180deg, var(--sc-ref-mint), var(--sc-ref-mint-dark)) !important;
  color: var(--sc-ref-panel) !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.22),
    inset 0 -3px 0 rgba(0, 75, 58, 0.2),
    0 5px 10px rgba(4, 117, 90, 0.22) !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
}

.theme-toggle {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background-color: rgba(255, 255, 255, 0.09) !important;
  background-image: none !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.17) !important;
}

.theme-toggle__option {
  color: rgba(255, 255, 255, 0.8) !important;
}

html:not([data-theme="dark"]) .theme-toggle__option--day {
  background-color: var(--sc-ref-mint) !important;
  background-image: linear-gradient(180deg, #54e3c2, var(--sc-ref-mint-dark)) !important;
  color: var(--sc-ref-panel) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.34) !important;
}

.scme-mobile-burger {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  color: var(--sc-ref-panel) !important;
  box-shadow: inset 0 -2px 0 rgba(0, 0, 0, 0.18) !important;
}

.scme-mobile-burger span {
  background-color: var(--sc-ref-panel) !important;
}

html:not([data-theme="dark"]) .scme-mobile-menu {
  border-left-color: rgba(226, 226, 244, 0.24) !important;
  background-color: rgba(5, 33, 62, 0.98) !important;
  background-image: none !important;
}

html:not([data-theme="dark"]) .scme-mobile-menu a:not(.scme-btn) {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--sc-ref-panel) !important;
}

/* Sidebar */

html:not([data-theme="dark"]) .scme-pin-sidebar {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  box-shadow: 0 8px 18px rgba(61, 31, 134, 0.1) !important;
}

html:not([data-theme="dark"]) :is(
  .scme-safe-aside-menu,
  .scme-safe-aside-extras,
  .scme-pin-side-nav,
  .scme-pin-side-nav.scme-mobile-nav-mounted
) {
  border-color: var(--sc-ref-line) !important;
  border-radius: 12px !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  box-shadow: var(--sc-ref-card-shadow) !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-promo {
  border-width: 1px !important;
  border-style: solid !important;
  border-radius: 8px !important;
  color: var(--sc-ref-panel) !important;
  text-shadow: 0 1px 2px rgba(15, 7, 29, 0.45) !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-promos .scme-safe-aside-promo:nth-child(1) {
  border-color: #6d3ac9 !important;
  background-color: #3d1f86 !important;
  background-image: linear-gradient(100deg, #321478, #7138b5) !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-promos .scme-safe-aside-promo:nth-child(2) {
  border-color: #c6474b !important;
  background-color: #8e2428 !important;
  background-image: linear-gradient(100deg, #7a171e, #ba3a36) !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-promos .scme-safe-aside-promo:nth-child(3) {
  border-color: #2e92cf !important;
  background-color: #1269a8 !important;
  background-image: linear-gradient(100deg, #14548e, #238bc8) !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-promo:hover {
  border-color: var(--sc-ref-gold) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.22),
    0 5px 10px rgba(61, 31, 134, 0.2) !important;
  filter: brightness(1.07) !important;
}

.scme-safe-aside-badge {
  border-color: var(--sc-ref-panel) !important;
  background-color: var(--sc-ref-pink) !important;
  background-image: none !important;
  color: var(--sc-ref-panel) !important;
}

html:not([data-theme="dark"]) :is(
  .scme-safe-aside-links > a,
  .scme-pin-side-links a
) {
  color: var(--sc-ref-purple-soft) !important;
}

html:not([data-theme="dark"]) :is(
  .scme-safe-aside-links > a,
  .scme-pin-side-links a
):hover {
  background-color: var(--sc-ref-page) !important;
  background-image: none !important;
  color: var(--sc-ref-pink) !important;
}

html:not([data-theme="dark"]) #content .scme-pin-sidebar .scme-safe-aside-icon {
  color: var(--sc-ref-purple-deep) !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-divider {
  background-color: var(--sc-ref-line) !important;
}

html:not([data-theme="dark"]) :is(
  .scme-safe-aside-language,
  .scme-safe-aside-app
) {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-page) !important;
  background-image: none !important;
  color: var(--sc-ref-purple-soft) !important;
}

html:not([data-theme="dark"]) :is(
  .scme-safe-aside-language strong,
  .scme-safe-aside-app-copy > strong
) {
  color: var(--sc-ref-purple) !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-app-copy small {
  color: var(--sc-ref-muted) !important;
}

.scme-safe-aside-extras > .scme-language-picker .scme-safe-aside-language {
  border-bottom-width: 0 !important;
  border-radius: 8px 8px 0 0 !important;
}

.scme-safe-aside-extras > .scme-safe-aside-app {
  margin-top: 0 !important;
  border-width: 0 1px 1px !important;
  border-style: solid !important;
  border-radius: 0 0 8px 8px !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) .scme-safe-aside-extras > :is(
  .scme-language-picker .scme-safe-aside-language,
  .scme-safe-aside-app
) {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-page) !important;
  background-image: none !important;
}

html:not([data-theme="dark"]) .scme-pin-side-nav-toggle {
  background-color: var(--sc-ref-purple-deep) !important;
  background-image: linear-gradient(90deg, #321478, #7138b5) !important;
  color: var(--sc-ref-panel) !important;
}

/* Hero, promotional media and app artwork */

:is(.scme-hero, .scme-offer-banner, .scme-home-app-banner) {
  border-radius: 12px !important;
}

html:not([data-theme="dark"]) :is(.scme-hero, .scme-home-app-banner) {
  border-color: rgba(255, 255, 255, 0.92) !important;
  background-color: var(--sc-ref-purple-deep) !important;
  box-shadow: var(--sc-ref-media-shadow) !important;
}

html:not([data-theme="dark"]) .scme-hero::after {
  background:
    linear-gradient(90deg, rgba(34, 12, 73, 0.98) 0%, rgba(61, 31, 134, 0.82) 34%, rgba(61, 31, 134, 0.18) 68%, transparent 100%),
    linear-gradient(0deg, rgba(25, 10, 54, 0.55), transparent 42%) !important;
}

.scme-hero h1,
.scme-offer-banner h2 {
  font-family: Riffic, Inter, Arial, sans-serif !important;
  letter-spacing: 0.01em !important;
}

html:not([data-theme="dark"]) .scme-hero h1 {
  color: var(--sc-ref-panel) !important;
  text-shadow: 0 3px 0 rgba(31, 8, 67, 0.38) !important;
}

html:not([data-theme="dark"]) .scme-hero :is(p, .scme-pin-lead, .scme-hero-breadcrumbs, .scme-hero-breadcrumbs a) {
  color: var(--sc-ref-panel) !important;
}

.scme-hero-rating {
  border-color: rgba(253, 214, 91, 0.66) !important;
  background-color: rgba(35, 15, 77, 0.86) !important;
  background-image: none !important;
  color: var(--sc-ref-panel) !important;
}

.scme-hero-rating::before {
  border-color: #fff4c7 !important;
  background-color: var(--sc-ref-gold) !important;
  background-image: none !important;
  box-shadow: 0 0 0 3px rgba(253, 214, 91, 0.16) !important;
}

.scme-hero-rating strong {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  color: var(--sc-ref-purple-deep) !important;
}

html:not([data-theme="dark"]) .scme-bonus-banner-section .scme-offer-banner,
html:not([data-theme="dark"]) .scme-offer-banner {
  border-color: rgba(255, 255, 255, 0.92) !important;
  background-color: var(--sc-ref-purple-deep) !important;
  background-image:
    linear-gradient(90deg, rgba(33, 12, 71, 0.96) 0%, rgba(61, 31, 134, 0.77) 40%, rgba(61, 31, 134, 0.08) 72%, transparent 100%),
    var(--offer-bg) !important;
  box-shadow: var(--sc-ref-media-shadow) !important;
}

html:not([data-theme="dark"]) .scme-offer-banner :is(h2, h3, p, span, strong) {
  color: var(--sc-ref-panel) !important;
  text-shadow: 0 2px 3px rgba(20, 5, 44, 0.62) !important;
}

html:not([data-theme="dark"]) .scme-offer-banner .scme-offer-kicker {
  color: var(--sc-ref-gold) !important;
}

/* Content surfaces */

html:not([data-theme="dark"]) #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) {
  border-color: var(--sc-ref-line) !important;
  border-radius: 12px !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  box-shadow: var(--sc-ref-card-shadow) !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > .scme-reviews-section > .scme-reviews-heading > h2,
html:not([data-theme="dark"]) #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) > :is(h1, h2) {
  color: var(--sc-ref-purple) !important;
  font-family: Riffic, Inter, Arial, sans-serif !important;
  text-shadow: none !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) > h3 {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel-soft) !important;
  background-image: none !important;
  color: var(--sc-ref-purple) !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) :is(p, li, .scme-pin-lead) {
  color: var(--sc-ref-purple-soft) !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) > :is(ul, ol) > li {
  border-color: var(--sc-ref-line) !important;
  background-color: #fbfbfe !important;
  background-image: none !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) ul > li::before {
  border-color: var(--sc-ref-panel) !important;
  background-color: var(--sc-ref-pink) !important;
  background-image: none !important;
  box-shadow: 0 0 0 2px rgba(244, 82, 92, 0.2) !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) ol > li::before {
  border-color: var(--sc-ref-panel) !important;
  background-color: var(--sc-ref-purple-deep) !important;
  background-image: linear-gradient(180deg, #6b3bc6, var(--sc-ref-purple-deep)) !important;
  color: var(--sc-ref-panel) !important;
  box-shadow: 0 0 0 2px rgba(61, 31, 134, 0.16) !important;
  text-shadow: none !important;
}

html:not([data-theme="dark"]) #content :is(.scme-section-visual) {
  border: 1px solid var(--sc-ref-panel) !important;
  border-radius: 12px !important;
  box-shadow: 0 5px 10px rgba(60, 42, 92, 0.26) !important;
}

html:not([data-theme="dark"]) :is(.scme-table-wrap, .scme-table-scroll) {
  border-color: var(--sc-ref-line) !important;
  border-radius: 12px !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  box-shadow: 0 5px 10px rgba(61, 31, 134, 0.1) !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > .scme-pin-section[data-content-order] :is(
  .scme-table-wrap,
  .scme-table-scroll
) {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  box-shadow: 0 5px 10px rgba(61, 31, 134, 0.1) !important;
}

html:not([data-theme="dark"]) :is(
  th,
  .scme-pin-section th,
  .scme-content-section th
),
html:not([data-theme="dark"]) #content .scme-pin-content > .scme-pin-section[data-content-order] th {
  border-color: #e2e8ee !important;
  background-color: var(--sc-ref-panel-soft) !important;
  background-image: none !important;
  color: var(--sc-ref-purple) !important;
}

html:not([data-theme="dark"]) :is(
  td,
  .scme-pin-section td,
  .scme-content-section td
),
html:not([data-theme="dark"]) tbody tr:nth-child(2n) td,
html:not([data-theme="dark"]) #content .scme-pin-content > .scme-pin-section[data-content-order] td,
html:not([data-theme="dark"]) #content .scme-pin-content > .scme-pin-section[data-content-order] tbody tr:nth-child(2n) td {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  color: var(--sc-ref-purple-soft) !important;
}

html:not([data-theme="dark"]) :is(.card, .scme-review-card, .scme-faq-section details) {
  border-color: var(--sc-ref-line) !important;
  border-radius: 12px !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  box-shadow: var(--sc-ref-card-shadow) !important;
}

html:not([data-theme="dark"]) #content .scme-pin-content > .scme-faq-section .scme-faq-item {
  border-radius: 12px !important;
}

html:not([data-theme="dark"]) .scme-review-card :is(h3, p, span) {
  color: var(--sc-ref-purple) !important;
}

.scme-reviews-track {
  will-change: scroll-position;
}

html:not([data-theme="dark"]) .scme-review-stars,
html:not([data-theme="dark"]) .scme-review-stars span {
  color: var(--sc-ref-gold) !important;
}

html:not([data-theme="dark"]) .scme-reviews-control {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  color: var(--sc-ref-purple-deep) !important;
  box-shadow: var(--sc-ref-card-shadow) !important;
}

html:not([data-theme="dark"]) .scme-faq-section summary {
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  color: var(--sc-ref-purple) !important;
}

html:not([data-theme="dark"]) .scme-faq-section details[open] summary {
  background-color: var(--sc-ref-panel-soft) !important;
  background-image: none !important;
  color: var(--sc-ref-purple-deep) !important;
}

html:not([data-theme="dark"]) .scme-pros-cons-section .scme-pros-panel {
  --scme-panel-accent: #04a47e;
  --scme-panel-soft: #e1f7f1;
  --scme-panel-line: #a8e5d6;
  --scme-panel-bg: linear-gradient(150deg, #ffffff 0%, #eefbf8 100%);
  --scme-panel-glow: radial-gradient(circle, rgba(49, 209, 171, 0.22) 0%, transparent 70%);
}

html:not([data-theme="dark"]) .scme-pros-cons-section .scme-cons-panel {
  --scme-panel-accent: #e62a54;
  --scme-panel-soft: #ffebef;
  --scme-panel-line: #f5b7c4;
  --scme-panel-bg: linear-gradient(150deg, #ffffff 0%, #fff2f4 100%);
  --scme-panel-glow: radial-gradient(circle, rgba(244, 82, 92, 0.2) 0%, transparent 70%);
}

html:not([data-theme="dark"]) .scme-editorial-meta {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel-soft) !important;
  background-image: none !important;
  box-shadow: none !important;
}

html:not([data-theme="dark"]) .scme-editorial-meta::before {
  background: linear-gradient(90deg, var(--sc-ref-mint), var(--sc-ref-purple-deep), var(--sc-ref-pink)) !important;
}

html:not([data-theme="dark"]) #content .scme-editorial-summary .scme-editorial-meta > p {
  border-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
}

html:not([data-theme="dark"]) #content .scme-editorial-summary .scme-editorial-meta > p::before {
  background: linear-gradient(180deg, var(--sc-ref-pink), var(--sc-ref-purple-deep)) !important;
}

html:not([data-theme="dark"]) #content .scme-editorial-summary .scme-editorial-meta span {
  color: var(--sc-ref-muted) !important;
}

html:not([data-theme="dark"]) #content .scme-editorial-summary .scme-editorial-meta strong {
  color: var(--sc-ref-purple) !important;
}

/* Language switcher */

html:not([data-theme="dark"]) .scme-language-popover {
  border-color: var(--sc-ref-line) !important;
  border-radius: 12px !important;
  background-color: var(--sc-ref-panel) !important;
  background-image: none !important;
  box-shadow: var(--sc-ref-card-shadow) !important;
}

html:not([data-theme="dark"]) .scme-language-popover-title {
  border-bottom-color: var(--sc-ref-line) !important;
  color: var(--sc-ref-purple) !important;
}

html:not([data-theme="dark"]) .scme-language-option {
  color: var(--sc-ref-purple-soft) !important;
}

html:not([data-theme="dark"]) .scme-language-option:is(:hover, :focus-visible) {
  background-color: var(--sc-ref-page) !important;
  background-image: none !important;
  color: var(--sc-ref-purple-deep) !important;
}

html:not([data-theme="dark"]) .scme-language-option[aria-selected="true"] {
  background-color: #e1f7f1 !important;
  background-image: none !important;
  color: var(--sc-ref-purple-deep) !important;
}

html:not([data-theme="dark"]) .scme-language-option-check {
  color: var(--sc-ref-mint-dark) !important;
}

html:not([data-theme="dark"]) .scme-mobile-language-picker .scme-language-trigger {
  border-color: rgba(255, 255, 255, 0.18) !important;
  background-color: rgba(255, 255, 255, 0.1) !important;
  background-image: none !important;
  color: var(--sc-ref-panel) !important;
}

/* Footer and cookies */

html:not([data-theme="dark"]) .scme-footer,
html:not([data-theme="dark"]) .scme-footer.scme-footer--minimal {
  border-top-color: var(--sc-ref-line) !important;
  background-color: var(--sc-ref-line) !important;
  background-image: none !important;
  color: var(--sc-ref-purple) !important;
}

html:not([data-theme="dark"]) .scme-footer.scme-footer--minimal :is(
  .scme-footer-service-links a,
  .scme-footer-legal-copy p,
  .scme-footer-legal-copy strong
) {
  color: var(--sc-ref-purple) !important;
  text-shadow: none !important;
}

html:not([data-theme="dark"]) .scme-footer-service-links a:hover {
  color: var(--sc-ref-pink) !important;
}

html:not([data-theme="dark"]) .scme-cookies-container {
  border-color: rgba(255, 255, 255, 0.18) !important;
  border-radius: 12px !important;
  background-color: #312570 !important;
  background-image: linear-gradient(90deg, #271f66, #3d3288) !important;
  box-shadow: 0 10px 24px rgba(31, 19, 77, 0.34) !important;
}

html:not([data-theme="dark"]) .scme-cookies-container :is(
  .scme-cookies-copy,
  .scme-cookies-policy-link
) {
  color: var(--sc-ref-panel) !important;
  text-shadow: none !important;
}

html:not([data-theme="dark"]) .scme-cookies-container .scme-cookies-policy-link {
  color: var(--sc-ref-mint) !important;
}

html:not([data-theme="dark"]) #cookieOk {
  border-color: #62dfc1 !important;
  background-color: var(--sc-ref-mint-dark) !important;
  background-image: linear-gradient(180deg, var(--sc-ref-mint), var(--sc-ref-mint-dark)) !important;
  color: var(--sc-ref-panel) !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.22),
    inset 0 -3px 0 rgba(0, 75, 58, 0.2),
    0 5px 10px rgba(4, 117, 90, 0.24) !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.18) !important;
}

html:not([data-theme="dark"]) .scme-scroll-top {
  border-color: #7858ad !important;
  background-color: var(--sc-ref-purple-deep) !important;
  background-image: linear-gradient(180deg, #6b3bc6, var(--sc-ref-purple-deep)) !important;
  color: var(--sc-ref-panel) !important;
}

/* Dark theme keeps the same brand accent family. */

html[data-theme="dark"] {
  color-scheme: dark !important;
  --sc-ref-dark-page: #0b1320;
  --sc-ref-dark-panel: #141d2c;
  --sc-ref-dark-panel-soft: #1c2637;
  --sc-ref-dark-line: #3c3556;
  --sc-ref-dark-text: #f1edf7;
  --sc-ref-dark-muted: #c9c1d7;
}

html[data-theme="dark"] body {
  background-color: var(--sc-ref-dark-page) !important;
  background-image:
    repeating-radial-gradient(
      ellipse at 15% 10%,
      transparent 0 25px,
      rgba(171, 145, 219, 0.025) 26px 27px,
      transparent 28px 47px
    ) !important;
  color: var(--sc-ref-dark-text) !important;
}

html[data-theme="dark"] .scme-topbar {
  border-bottom-color: rgba(226, 226, 244, 0.16) !important;
  background-color: var(--sc-ref-navy) !important;
  background-image: none !important;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.34) !important;
}

html[data-theme="dark"] :is(
  #cookieOk,
  .scme-btn.scme-hot,
  .scme-pin-btn.scme-hot,
  .scme-hero .scme-pin-btn,
  .scme-offer-banner .scme-pin-btn:not(.store-btn)
) {
  border-color: #ff7990 !important;
  background-color: var(--sc-ref-pink-cta) !important;
  background-image: linear-gradient(180deg, #fb6d85, var(--sc-ref-pink-cta)) !important;
  color: var(--sc-ref-panel) !important;
  box-shadow:
    inset 0 2px 0 rgba(255, 255, 255, 0.2),
    inset 0 -4px 0 rgba(61, 2, 19, 0.28),
    0 6px 12px rgba(0, 0, 0, 0.3) !important;
}

html[data-theme="dark"] .theme-toggle__option--night {
  background-color: var(--sc-ref-purple-deep) !important;
  background-image: linear-gradient(180deg, #7651c2, var(--sc-ref-purple-deep)) !important;
  color: var(--sc-ref-panel) !important;
}

html[data-theme="dark"] .scme-pin-sidebar {
  border-color: var(--sc-ref-dark-line) !important;
  background-color: #0f1826 !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(
  .scme-safe-aside-menu,
  .scme-safe-aside-extras,
  .scme-pin-side-nav,
  .scme-pin-side-nav.scme-mobile-nav-mounted,
  .scme-language-popover
) {
  border-color: var(--sc-ref-dark-line) !important;
  background-color: var(--sc-ref-dark-panel) !important;
  background-image: none !important;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.28) !important;
}

html[data-theme="dark"] .scme-safe-aside-promos .scme-safe-aside-promo:nth-child(1) {
  border-color: #6d3ac9 !important;
  background-color: #321478 !important;
  background-image: linear-gradient(100deg, #28105f, #6230a0) !important;
}

html[data-theme="dark"] .scme-safe-aside-promos .scme-safe-aside-promo:nth-child(2) {
  border-color: #b63c43 !important;
  background-color: #70151c !important;
  background-image: linear-gradient(100deg, #5f1118, #9b2d30) !important;
}

html[data-theme="dark"] .scme-safe-aside-promos .scme-safe-aside-promo:nth-child(3) {
  border-color: #277db5 !important;
  background-color: #124f80 !important;
  background-image: linear-gradient(100deg, #103f6c, #1e73a9) !important;
}

html[data-theme="dark"] :is(
  .scme-safe-aside-links > a,
  .scme-pin-side-links a,
  .scme-language-option,
  .scme-language-popover-title
) {
  color: var(--sc-ref-dark-text) !important;
}

html[data-theme="dark"] :is(
  .scme-safe-aside-links > a,
  .scme-pin-side-links a,
  .scme-language-option
):hover {
  background-color: var(--sc-ref-dark-panel-soft) !important;
  color: var(--sc-ref-mint) !important;
}

html[data-theme="dark"] .scme-safe-aside-extras > :is(
  .scme-language-picker .scme-safe-aside-language,
  .scme-safe-aside-app
) {
  border-color: var(--sc-ref-dark-line) !important;
  background-color: var(--sc-ref-dark-panel-soft) !important;
  background-image: none !important;
}

html[data-theme="dark"] #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) {
  border-color: var(--sc-ref-dark-line) !important;
  border-radius: 12px !important;
  background-color: var(--sc-ref-dark-panel) !important;
  background-image: none !important;
  box-shadow:
    inset 0 -2px 4px rgba(0, 0, 0, 0.26),
    0 8px 14px rgba(0, 0, 0, 0.24) !important;
}

html[data-theme="dark"] #content .scme-pin-content > .scme-reviews-section > .scme-reviews-heading > h2,
html[data-theme="dark"] #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) > :is(h1, h2, h3) {
  color: #e2d5f4 !important;
  text-shadow: none !important;
}

html[data-theme="dark"] #content .scme-pin-content > :is(
  .scme-pin-section,
  .scme-content-section
) :is(p, li, .scme-pin-lead) {
  color: var(--sc-ref-dark-text) !important;
}

html[data-theme="dark"] :is(
  .scme-table-wrap,
  .scme-table-scroll,
  .card,
  .scme-review-card,
  .scme-faq-section details
) {
  border-color: var(--sc-ref-dark-line) !important;
  background-color: var(--sc-ref-dark-panel-soft) !important;
  background-image: none !important;
}

html[data-theme="dark"] :is(th, .scme-pin-section th, .scme-content-section th) {
  border-color: var(--sc-ref-dark-line) !important;
  background-color: #26223c !important;
  background-image: none !important;
  color: var(--sc-ref-dark-text) !important;
}

html[data-theme="dark"] :is(td, .scme-pin-section td, .scme-content-section td),
html[data-theme="dark"] tbody tr:nth-child(2n) td {
  border-color: var(--sc-ref-dark-line) !important;
  background-color: var(--sc-ref-dark-panel) !important;
  background-image: none !important;
  color: var(--sc-ref-dark-text) !important;
}

html[data-theme="dark"] .scme-faq-section summary {
  background-color: var(--sc-ref-dark-panel-soft) !important;
  background-image: none !important;
  color: var(--sc-ref-dark-text) !important;
}

html[data-theme="dark"] .scme-faq-section details[open] summary {
  background-color: #26223c !important;
  color: var(--sc-ref-mint) !important;
}

html[data-theme="dark"] .scme-footer,
html[data-theme="dark"] .scme-footer.scme-footer--minimal {
  border-top-color: var(--sc-ref-dark-line) !important;
  background-color: #101928 !important;
  background-image: none !important;
}

html[data-theme="dark"] .scme-cookies-container {
  border-color: rgba(255, 255, 255, 0.16) !important;
  background-color: #312570 !important;
  background-image: linear-gradient(90deg, #271f66, #3d3288) !important;
}

html[data-theme="dark"] #cookieOk {
  border-color: #62dfc1 !important;
  background-color: var(--sc-ref-mint-dark) !important;
  background-image: linear-gradient(180deg, var(--sc-ref-mint), var(--sc-ref-mint-dark)) !important;
  color: var(--sc-ref-panel) !important;
}

@media (max-width: 960px) {
  html:not([data-theme="dark"]) .scme-pin-sidebar {
    box-shadow: none !important;
  }
}

@media (max-width: 760px) {
  html:not([data-theme="dark"]) .scme-bonus-banner-section .scme-offer-banner,
  html:not([data-theme="dark"]) .scme-offer-banner {
    background-image:
      linear-gradient(90deg, rgba(33, 12, 71, 0.9), rgba(61, 31, 134, 0.32)),
      var(--offer-bg) !important;
  }

  html:not([data-theme="dark"]) .scme-hero::after {
    display: block !important;
    content: "" !important;
    background:
      linear-gradient(180deg, rgba(34, 12, 73, 0.5), rgba(34, 12, 73, 0.88)),
      linear-gradient(90deg, rgba(61, 31, 134, 0.55), transparent) !important;
  }
}

@media (max-width: 620px) {
  html:not([data-theme="dark"]) body {
    background-attachment: scroll !important;
  }

  html:not([data-theme="dark"]) #content .scme-pin-content > :is(
    .scme-pin-section,
    .scme-content-section
  ) {
    background-color: var(--sc-ref-panel) !important;
    background-image: none !important;
  }

  .scme-btn,
  .scme-pin-btn,
  .scme-app-download-btn,
  .scme-safe-aside-download {
    text-align: center !important;
  }
}

/*
 * App download banners keep their controls in the intentionally empty half of
 * each artwork. The second App-page illustration has its character on the
 * right, so its controls are mirrored to the left for every locale.
 */
.scme-app-page
  .scme-home-app-banner[aria-labelledby="download-app-2"]
  .scme-app-download-actions {
  inset: 0 auto 0 0 !important;
  width: 48% !important;
}

@media (max-width: 620px) {
  .scme-app-page
    .scme-home-app-banner
    .scme-app-download-actions {
    inset: 0 0 0 auto !important;
    width: 54% !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    padding: 0 12px !important;
  }

  .scme-app-page
    .scme-home-app-banner[aria-labelledby="download-app-2"]
    .scme-app-download-actions {
    inset: 0 auto 0 0 !important;
  }

  .scme-app-page
    .scme-home-app-banner[aria-labelledby="download-app-2"]
    .scme-home-app-banner-media {
    object-position: 45% 24% !important;
  }

  .scme-app-page
    .scme-home-app-banner
    .scme-app-download-btn {
    max-width: 100% !important;
    white-space: normal !important;
    text-align: center !important;
  }
}

/*
 * Desktop aside language control.
 * The menu and extras keep one outer silhouette, while the switch itself has
 * a deliberate full border and a rotating disclosure chevron.
 */
@media (min-width: 961px) {
  html:not([data-theme="dark"]) .scme-pin-sidebar > .scme-safe-aside-menu,
  html[data-theme="dark"] .scme-pin-sidebar > .scme-safe-aside-menu {
    border-radius: 12px !important;
    box-shadow: none !important;
  }

  html:not([data-theme="dark"]) .scme-pin-sidebar > .scme-safe-aside-extras,
  html[data-theme="dark"] .scme-pin-sidebar > .scme-safe-aside-extras {
    margin-top: 12px !important;
    border-radius: 12px !important;
  }

  .scme-pin-sidebar
    > .scme-safe-aside-extras
    > .scme-language-picker
    .scme-safe-aside-language {
    grid-template-columns: 24px minmax(0, 1fr) 16px !important;
    column-gap: 8px !important;
    min-height: 43px !important;
    border-width: 2px !important;
    border-style: solid !important;
    border-color: #8b73b8 !important;
    border-radius: 9px 9px 0 0 !important;
    background-color: var(--sc-ref-page) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.9),
      0 2px 6px rgba(61, 31, 134, 0.12) !important;
  }

  .scme-pin-sidebar .scme-safe-aside-language-arrow {
    display: block !important;
    width: 9px !important;
    height: 9px !important;
    justify-self: end;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: translateY(-2px) rotate(45deg) !important;
    transform-origin: center;
    transition: transform 160ms ease;
  }

  .scme-pin-sidebar
    .scme-language-trigger[aria-expanded="true"]
    .scme-safe-aside-language-arrow {
    transform: translateY(2px) rotate(225deg) !important;
  }

  html[data-theme="dark"]
    .scme-pin-sidebar
    > .scme-safe-aside-extras
    > .scme-language-picker
    .scme-safe-aside-language {
    border-color: #8e77bf !important;
    background-color: var(--sc-ref-dark-panel-soft) !important;
    box-shadow:
      inset 0 1px 0 rgba(255, 255, 255, 0.08),
      0 2px 7px rgba(0, 0, 0, 0.28) !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .scme-btn,
  .scme-pin-btn,
  .scme-app-download-btn,
  .scme-safe-aside-download,
  .scme-safe-aside-language-arrow,
  #cookieOk {
    transition: none !important;
  }
}