:root {
  --pl-bg-1: #fcfbf8;
  --pl-bg-2: #f7f3eb;
  --pl-bg-3: #f1ece3;
  --pl-surface-1: rgba(255,255,255,0.62);
  --pl-surface-2: rgba(255,255,255,0.52);
  --pl-surface-3: rgba(255,255,255,0.42);
  --pl-border-1: rgba(148,163,184,0.22);
  --pl-border-2: rgba(148,163,184,0.16);
  --pl-text-strong: #1f2937;
  --pl-text-main: #334155;
  --pl-text-soft: #5f6b7a;
  --pl-text-muted: #7d8898;
  --pl-gold: #d6b16b;
  --pl-gold-soft: #e4c892;
  --pl-gold-deep: #a97736;
}

html, body {
  background: linear-gradient(180deg, var(--pl-bg-1) 0%, var(--pl-bg-2) 45%, var(--pl-bg-3) 100%) !important;
  color: var(--pl-text-main) !important;
}

body {
  overflow-x: hidden;
}

#root > div[class~="min-h-screen"],
#root > div[class~="bg-slate-900"],
[class~="bg-slate-900"] {
  background: transparent !important;
  color: var(--pl-text-main) !important;
}

[class*="bg-[radial-gradient"] {
  background: radial-gradient(circle at top, rgba(214,177,107,0.16), transparent 36%),
              radial-gradient(circle at right, rgba(148,163,184,0.14), transparent 28%),
              linear-gradient(180deg, rgba(255,255,255,0.56), transparent 34%) !important;
}

header.sticky {
  background: rgba(251,248,242,0.72) !important;
  border-color: var(--pl-border-2) !important;
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
}

[class~="bg-white/10"] { background: var(--pl-surface-1) !important; }
[class~="bg-white/5"] { background: rgba(255,255,255,0.48) !important; }
[class~="bg-white/[0.04]"] { background: rgba(255,255,255,0.50) !important; }
[class~="bg-white/[0.03]"] { background: var(--pl-surface-3) !important; }
[class~="bg-white/[0.08]"] { background: rgba(255,255,255,0.58) !important; }
[class~="bg-white/[0.13]"] { background: rgba(255,255,255,0.68) !important; }
[class~="bg-white"] { background-color: var(--pl-text-main) !important; }

[class~="border-white/10"] { border-color: var(--pl-border-2) !important; }
[class~="border-white/15"] { border-color: var(--pl-border-1) !important; }
[class~="border-white/25"] { border-color: rgba(148,163,184,0.28) !important; }

[class~="text-white"] { color: var(--pl-text-strong) !important; }
[class~="text-white/90"] { color: var(--pl-text-main) !important; }
[class~="text-white/85"] { color: #445063 !important; }
[class~="text-white/80"] { color: #4f5c70 !important; }
[class~="text-white/75"] { color: var(--pl-text-soft) !important; }
[class~="text-white/70"] { color: var(--pl-text-soft) !important; }
[class~="text-white/65"] { color: #677385 !important; }
[class~="text-white/60"] { color: #707d8f !important; }
[class~="text-white/50"] { color: var(--pl-text-muted) !important; }

[class~="text-amber-300"],
[class~="text-amber-300/80"] { color: #bf8d47 !important; }
[class~="text-amber-200"],
[class~="text-amber-200/90"] { color: #a97736 !important; }
[class~="text-amber-100/90"],
[class~="hover:text-amber-100"]:hover { color: #8b6732 !important; }

[class~="bg-amber-300"] { background: var(--pl-gold) !important; }
[class~="bg-amber-300/90"] { background: rgba(214,177,107,0.92) !important; }
[class~="bg-amber-200/16"] { background: rgba(214,177,107,0.18) !important; }
[class~="hover:bg-amber-200"]:hover { background: var(--pl-gold-soft) !important; }

[class~="border-amber-300/18"],
[class~="border-amber-300/20"],
[class~="hover:border-amber-300/25"]:hover { border-color: rgba(191,141,71,0.28) !important; }

[class~="from-white"][class~="via-amber-100"][class~="to-amber-300"] {
  background-image: linear-gradient(to right, #233042 0%, #8b6732 56%, #c79b52 100%) !important;
}

[class~="from-amber-300/70"][class~="via-amber-200/40"][class~="to-transparent"] {
  background-image: linear-gradient(to right, rgba(191,141,71,0.72), rgba(214,177,107,0.32), transparent) !important;
}

[class~="from-amber-300/12"][class~="to-white/5"] {
  background-image: linear-gradient(to bottom right, rgba(214,177,107,0.10), rgba(255,255,255,0.42)) !important;
}

[class~="hover:bg-white/10"]:hover { background: rgba(255,255,255,0.66) !important; }
[class~="hover:bg-white/[0.08]"]:hover { background: rgba(255,255,255,0.66) !important; }
[class~="hover:bg-white/[0.13]"]:hover { background: rgba(255,255,255,0.72) !important; }
[class~="hover:border-white/25"]:hover { border-color: rgba(148,163,184,0.30) !important; }

img[src*="/logos/"] {
  background: transparent !important;
  box-shadow: none !important;
  filter:
    drop-shadow(0.6px 0 0 rgba(15,23,42,0.68))
    drop-shadow(-0.6px 0 0 rgba(15,23,42,0.68))
    drop-shadow(0 0.6px 0 rgba(15,23,42,0.68))
    drop-shadow(0 -0.6px 0 rgba(15,23,42,0.68))
    drop-shadow(0 1px 2px rgba(15,23,42,0.14));
}

[data-testid="header-language-switcher"] svg,
[data-testid="header-language-switcher"] rect,
[data-testid="header-language-switcher"] path {
  filter: none !important;
}

/* Language dropdown aligned with light premium theme */
[data-testid="header-language-switcher"] [role="menu"] {
  background: rgba(251, 248, 242, 0.96) !important;
  border-color: rgba(148,163,184,0.18) !important;
  box-shadow: 0 18px 40px rgba(15,23,42,0.12) !important;
  color: var(--pl-text-main) !important;
}

[data-testid="header-language-switcher"] [role="menu"] a[role="menuitemradio"] {
  color: var(--pl-text-main) !important;
}

[data-testid="header-language-switcher"] [role="menu"] a[role="menuitemradio"]:hover {
  background: rgba(255,255,255,0.72) !important;
}

[data-testid="header-language-switcher"] [role="menu"] a[role="menuitemradio"][aria-checked="true"] {
  background: rgba(214,177,107,0.92) !important;
  color: #111827 !important;
}

[data-testid="header-language-switcher"] [role="menu"] a[role="menuitemradio"] span:last-child {
  color: var(--pl-text-muted) !important;
}

[data-testid="header-language-switcher"] [role="menu"] a[role="menuitemradio"][aria-checked="true"] span:last-child {
  color: rgba(17,24,39,0.72) !important;
}

/* Promo code text switched to black for stronger contrast */
[class~="text-emerald-300"] {
  color: #111827 !important;
}


/* Stronger logo separation only for selected white/light brands */
img[src*="/logos/mostbet.png"],
img[src*="/logos/1xbet.png"],
img[src*="/logos/ultrapari.png"],
img[src*="/logos/megapari.png"],
img[src*="/logos/lukkly.png"],
img[src*="/logos/melbet.png"],
img[src*="logos/mostbet.png"],
img[src*="logos/1xbet.png"],
img[src*="logos/ultrapari.png"],
img[src*="logos/megapari.png"],
img[src*="logos/lukkly.png"],
img[src*="logos/melbet.png"] {
  filter:
    drop-shadow(0.95px 0 0 rgba(15,23,42,0.86))
    drop-shadow(-0.95px 0 0 rgba(15,23,42,0.86))
    drop-shadow(0 0.95px 0 rgba(15,23,42,0.86))
    drop-shadow(0 -0.95px 0 rgba(15,23,42,0.86))
    drop-shadow(0.78px 0.78px 0 rgba(15,23,42,0.74))
    drop-shadow(-0.78px 0.78px 0 rgba(15,23,42,0.74))
    drop-shadow(0.78px -0.78px 0 rgba(15,23,42,0.74))
    drop-shadow(-0.78px -0.78px 0 rgba(15,23,42,0.74))
    drop-shadow(0 1.4px 2.2px rgba(15,23,42,0.18)) !important;
}

@media (max-width: 640px) {
  img[src*="/logos/mostbet.png"],
  img[src*="/logos/1xbet.png"],
  img[src*="/logos/ultrapari.png"],
  img[src*="/logos/megapari.png"],
  img[src*="/logos/lukkly.png"],
  img[src*="/logos/melbet.png"],
  img[src*="logos/mostbet.png"],
  img[src*="logos/1xbet.png"],
  img[src*="logos/ultrapari.png"],
  img[src*="logos/megapari.png"],
  img[src*="logos/lukkly.png"],
img[src*="logos/melbet.png"] {
    filter:
      drop-shadow(1.18px 0 0 rgba(15,23,42,0.9))
      drop-shadow(-1.18px 0 0 rgba(15,23,42,0.9))
      drop-shadow(0 1.18px 0 rgba(15,23,42,0.9))
      drop-shadow(0 -1.18px 0 rgba(15,23,42,0.9))
      drop-shadow(0.95px 0.95px 0 rgba(15,23,42,0.78))
      drop-shadow(-0.95px 0.95px 0 rgba(15,23,42,0.78))
      drop-shadow(0.95px -0.95px 0 rgba(15,23,42,0.78))
      drop-shadow(-0.95px -0.95px 0 rgba(15,23,42,0.78))
      drop-shadow(0 1.8px 2.8px rgba(15,23,42,0.20)) !important;
  }
}

/* Deep green premium heading accents (keep CTA gold) */
:root {
  --pl-head-green-strong: #254f45;
  --pl-head-green: #35695c;
  --pl-head-green-soft: #537d72;
  --pl-head-green-line: rgba(53,105,92,0.34);
  --pl-head-green-glow: rgba(53,105,92,0.16);
}

header [class~="text-amber-100/90"],
header [class~="text-amber-200"],
header [class~="text-amber-200/90"],
header [class~="text-amber-300"],
header [class~="text-amber-300/80"],
main [class~="text-amber-100/90"],
main [class~="text-amber-200"],
main [class~="text-amber-200/90"],
main [class~="text-amber-300"],
main [class~="text-amber-300/80"],
footer [class~="text-amber-100/90"],
footer [class~="text-amber-200"],
footer [class~="text-amber-200/90"],
footer [class~="text-amber-300"],
footer [class~="text-amber-300/80"] {
  color: var(--pl-head-green) !important;
}

header [class~="bg-gradient-to-r"][class~="from-white"][class~="via-amber-100"][class~="to-amber-300"],
footer [class~="bg-gradient-to-r"][class~="from-white"][class~="via-amber-100"][class~="to-amber-300"] {
  background-image: linear-gradient(to right, #203a34 0%, var(--pl-head-green) 58%, #5d867b 100%) !important;
  filter: none !important;
}

header [class~="drop-shadow-[0_0_14px_rgba(251,191,36,0.18)]"],
footer [class~="drop-shadow-[0_0_14px_rgba(251,191,36,0.16)]"] {
  filter: drop-shadow(0 0 12px rgba(53,105,92,0.12)) !important;
}

header [class~="bg-gradient-to-r"][class~="from-amber-300/70"][class~="via-amber-200/40"][class~="to-transparent"],
footer [class~="bg-gradient-to-r"][class~="from-amber-300/70"][class~="via-amber-200/40"][class~="to-transparent"] {
  background-image: linear-gradient(to right, rgba(53,105,92,0.72), rgba(93,134,123,0.32), transparent) !important;
}

header [class~="border-amber-300/18"],
main [class~="border-amber-300/18"],
main [class~="border-amber-300/20"],
footer [class~="border-amber-300/20"] {
  border-color: rgba(53,105,92,0.24) !important;
}

header [class~="rounded-full"][class~="bg-amber-300/90"],
main [class~="rounded-full"][class~="bg-amber-300"],
footer [class~="rounded-full"][class~="bg-amber-300"] {
  background: var(--pl-head-green) !important;
  box-shadow: 0 0 10px rgba(53,105,92,0.26) !important;
}

main h1 [class~="text-amber-300"],
main h2 [class~="text-amber-300"],
main h3 [class~="text-amber-300"] {
  color: var(--pl-head-green-strong) !important;
}


/* Replace remaining gold CTA buttons with deep sage premium tone */
:root {
  --pl-cta: #365f55;
  --pl-cta-hover: #2b4e46;
  --pl-cta-soft: #4b766b;
  --pl-cta-shadow: rgba(54,95,85,0.24);
}

a[class~="bg-amber-300"][class~="text-neutral-950"],
button[class~="bg-amber-300"][class~="text-neutral-950"],
[role="button"][class~="bg-amber-300"][class~="text-neutral-950"] {
  background: var(--pl-cta) !important;
  color: #f8fafc !important;
  box-shadow: 0 14px 28px var(--pl-cta-shadow) !important;
}

a[class~="bg-amber-300"][class~="text-neutral-950"]:hover,
button[class~="bg-amber-300"][class~="text-neutral-950"]:hover,
[role="button"][class~="bg-amber-300"][class~="text-neutral-950"]:hover,
a[class~="hover:bg-amber-200"][class~="bg-amber-300"][class~="text-neutral-950"]:hover,
button[class~="hover:bg-amber-200"][class~="bg-amber-300"][class~="text-neutral-950"]:hover,
[role="button"][class~="hover:bg-amber-200"][class~="bg-amber-300"][class~="text-neutral-950"]:hover {
  background: var(--pl-cta-hover) !important;
  color: #ffffff !important;
}

a[class~="bg-amber-300"][class~="text-neutral-950"]:focus-visible,
button[class~="bg-amber-300"][class~="text-neutral-950"]:focus-visible,
[role="button"][class~="bg-amber-300"][class~="text-neutral-950"]:focus-visible {
  outline: 2px solid rgba(54,95,85,0.28) !important;
  outline-offset: 2px !important;
}

[class~="shadow-amber-300/20"] {
  --tw-shadow-color: var(--pl-cta-shadow) !important;
}

[data-testid="header-language-switcher"] [role="menu"] a[role="menuitemradio"][aria-checked="true"] {
  background: rgba(54,95,85,0.90) !important;
  color: #f8fafc !important;
}

[data-testid="header-language-switcher"] [role="menu"] a[role="menuitemradio"][aria-checked="true"] span:last-child {
  color: rgba(248,250,252,0.76) !important;
}


/* Compact main hero heading, remove brand summaries, soften small tags,
   restore Play buttons to yellow, and mute Copy button brightness */
#top h1,
#top h1.max-w-3xl {
  font-size: 1.32rem !important;
  line-height: 1.32 !important;
  letter-spacing: -0.01em !important;
  font-weight: 600 !important;
  max-width: 42rem !important;
}

@media (min-width: 640px) {
  #top h1,
  #top h1.max-w-3xl {
    font-size: 1.52rem !important;
    line-height: 1.34 !important;
  }
}

@media (min-width: 768px) {
  #top h1,
  #top h1.max-w-3xl {
    font-size: 1.68rem !important;
    line-height: 1.34 !important;
  }
}

/* Remove card template summary text only */
#top-casinos .grid > div.flex.h-full.flex-col > p.mt-3.text-sm.leading-6,
#top-casinos .grid > div.flex.h-full.flex-col > p.mt-3.text-sm.leading-6.text-white\/70 {
  display: none !important;
}

#top-casinos .grid > div.flex.h-full.flex-col > p.mt-3.text-sm.leading-6 + div,
#top-casinos .grid > div.flex.h-full.flex-col > p.mt-3.text-sm.leading-6.text-white\/70 + div {
  margin-top: 0.55rem !important;
}

/* Make Mobile version / Live casino / Fast access chips slightly more visible */
#top-casinos .mt-3.flex.flex-wrap.gap-2 > span {
  background: rgba(53,105,92,0.08) !important;
  border: 1px solid rgba(53,105,92,0.12) !important;
  color: #556273 !important;
}

/* Restore Play buttons to a soft yellow only inside brand cards */
#top-casinos div.mt-auto.grid.grid-cols-3 > button:first-child {
  background: #d8b86f !important;
  color: #111827 !important;
  box-shadow: 0 10px 24px rgba(216,184,111,0.18) !important;
}

#top-casinos div.mt-auto.grid.grid-cols-3 > button:first-child:hover {
  background: #e2c688 !important;
  color: #111827 !important;
}

#top-casinos div.mt-auto.grid.grid-cols-3 > button:first-child:focus-visible {
  outline: 2px solid rgba(216,184,111,0.32) !important;
  outline-offset: 2px !important;
}

/* Copy button: keep red but less bright */
#top-casinos button[class*="border-red-500/70"][class*="bg-red-500"],
#top-casinos button[class*="hover:bg-red-400"][class*="bg-red-500"] {
  background: #cf6b6b !important;
  border-color: rgba(183,74,74,0.68) !important;
  box-shadow: 0 8px 18px rgba(183,74,74,0.12) !important;
}

#top-casinos button[class*="border-red-500/70"][class*="bg-red-500"]:hover,
#top-casinos button[class*="hover:bg-red-400"][class*="bg-red-500"]:hover {
  background: #c65f5f !important;
  border-color: rgba(172,63,63,0.68) !important;
}

/* Final button/text tuning: keep Copy original, set only green buttons to orange,
   hide the block-top title, and make the hero subtitle smaller */
:root {
  --pl-orange-btn: #ff8800;
  --pl-orange-btn-hover: #f59b23;
  --pl-orange-shadow: rgba(255,136,0,0.22);
}

/* Green CTA buttons -> reference orange tone (brand pages, guide pages, cards) */
a[class~="bg-emerald-500"],
button[class~="bg-emerald-500"],
[role="button"][class~="bg-emerald-500"] {
  background: var(--pl-orange-btn) !important;
  border-color: rgba(255,136,0,0.72) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px var(--pl-orange-shadow) !important;
}

a[class~="bg-emerald-500"]:hover,
button[class~="bg-emerald-500"]:hover,
[role="button"][class~="bg-emerald-500"]:hover,
a[class~="hover:bg-emerald-400"][class~="bg-emerald-500"]:hover,
button[class~="hover:bg-emerald-400"][class~="bg-emerald-500"]:hover,
[role="button"][class~="hover:bg-emerald-400"][class~="bg-emerald-500"]:hover {
  background: var(--pl-orange-btn-hover) !important;
  border-color: rgba(245,155,35,0.78) !important;
  color: #ffffff !important;
}

[class~="shadow-emerald-500/20"] {
  --tw-shadow-color: var(--pl-orange-shadow) !important;
}

/* Restore Copy button to original red look */
#top-casinos button[class*="border-red-500/70"][class*="bg-red-500"],
#top-casinos button[class*="hover:bg-red-400"][class*="bg-red-500"],
button[class*="border-red-500/70"][class*="bg-red-500"],
button[class*="hover:bg-red-400"][class*="bg-red-500"] {
  background: rgb(239 68 68) !important;
  border-color: rgba(239,68,68,0.70) !important;
  box-shadow: none !important;
}

#top-casinos button[class*="border-red-500/70"][class*="bg-red-500"]:hover,
#top-casinos button[class*="hover:bg-red-400"][class*="bg-red-500"]:hover,
button[class*="border-red-500/70"][class*="bg-red-500"]:hover,
button[class*="hover:bg-red-400"][class*="bg-red-500"]:hover {
  background: rgb(248 113 113) !important;
  border-color: rgba(248,113,113,0.72) !important;
}

/* Hide the small title above the brand blocks */
#top-casinos > .mb-4 {
  display: none !important;
}

/* Subtitle under the main heading should stay noticeably smaller */
#top p.mt-4.max-w-2xl,
#top p.mt-4 {
  font-size: 0.94rem !important;
  line-height: 1.55 !important;
  max-width: 40rem !important;
}

@media (min-width: 640px) {
  #top p.mt-4.max-w-2xl,
  #top p.mt-4 {
    font-size: 0.98rem !important;
    line-height: 1.62 !important;
  }
}

@media (min-width: 768px) {
  #top p.mt-4.max-w-2xl,
  #top p.mt-4 {
    font-size: 1.02rem !important;
    line-height: 1.68 !important;
  }
}

/* Header to solid green, restore APK green, set first/Play buttons to orange */
:root {
  --pl-emerald-main: #10b981;
  --pl-emerald-hover: #34d399;
  --pl-emerald-shadow: rgba(16,185,129,0.24);
  --pl-play-orange: #ff8c00;
  --pl-play-orange-hover: #f59e0b;
  --pl-play-orange-shadow: rgba(255,140,0,0.22);
}

header.sticky {
  background: var(--pl-emerald-main) !important;
  border-color: rgba(255,255,255,0.18) !important;
  box-shadow: 0 10px 28px rgba(15,23,42,0.12) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

header [class~="text-white"],
header [class~="text-white/90"],
header [class~="text-white/85"],
header [class~="text-white/80"],
header [class~="text-white/75"],
header [class~="text-white/70"],
header [class~="text-white/65"],
header [class~="text-white/60"],
header [class~="text-white/50"] {
  color: rgba(255,255,255,0.95) !important;
}

header [class~="bg-gradient-to-r"][class~="from-white"][class~="via-amber-100"][class~="to-amber-300"] {
  background-image: linear-gradient(to right, #ffffff 0%, #f8fafc 62%, #dcfce7 100%) !important;
}

header [class~="text-amber-100/90"],
header [class~="text-amber-200"],
header [class~="text-amber-200/90"],
header [class~="text-amber-300"],
header [class~="text-amber-300/80"] {
  color: rgba(255,255,255,0.92) !important;
}

header [class~="border-amber-300/18"],
header [class~="hover:border-amber-300/25"]:hover,
header [class~="border-white/10"] {
  border-color: rgba(255,255,255,0.20) !important;
}

header [class~="bg-amber-300/90"],
header [class~="bg-amber-300"] {
  background: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

header [class~="from-amber-300/70"][class~="via-amber-200/40"][class~="to-transparent"] {
  background-image: linear-gradient(to right, rgba(255,255,255,0.72), rgba(220,252,231,0.30), transparent) !important;
}

header [class~="bg-white/5"],
header [class~="bg-white/[0.04]"],
header [class~="bg-white/[0.08]"] {
  background: rgba(255,255,255,0.10) !important;
}

header [class~="hover:bg-white/10"]:hover,
header [class~="hover:bg-white/[0.08]"]:hover,
header [class~="hover:bg-white/[0.13]"]:hover {
  background: rgba(255,255,255,0.16) !important;
}

header button span[class],
header nav a,
header button,
header svg {
  color: rgba(255,255,255,0.95) !important;
}

/* Restore emerald buttons (APK and similar) */
a[class~="bg-emerald-500"],
button[class~="bg-emerald-500"],
[role="button"][class~="bg-emerald-500"] {
  background: var(--pl-emerald-main) !important;
  border-color: rgba(16,185,129,0.74) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px var(--pl-emerald-shadow) !important;
}

a[class~="bg-emerald-500"]:hover,
button[class~="bg-emerald-500"]:hover,
[role="button"][class~="bg-emerald-500"]:hover,
a[class~="hover:bg-emerald-400"][class~="bg-emerald-500"]:hover,
button[class~="hover:bg-emerald-400"][class~="bg-emerald-500"]:hover,
[role="button"][class~="hover:bg-emerald-400"][class~="bg-emerald-500"]:hover {
  background: var(--pl-emerald-hover) !important;
  border-color: rgba(52,211,153,0.78) !important;
  color: #ffffff !important;
}

[class~="shadow-emerald-500/20"] {
  --tw-shadow-color: var(--pl-emerald-shadow) !important;
}

/* First/Play buttons to orange */
a[class~="bg-amber-300"][class~="text-neutral-950"],
button[class~="bg-amber-300"][class~="text-neutral-950"],
[role="button"][class~="bg-amber-300"][class~="text-neutral-950"],
#top-casinos div.mt-auto.grid.grid-cols-3 > button:first-child {
  background: var(--pl-play-orange) !important;
  border-color: rgba(255,140,0,0.72) !important;
  color: #ffffff !important;
  box-shadow: 0 12px 26px var(--pl-play-orange-shadow) !important;
}

a[class~="bg-amber-300"][class~="text-neutral-950"]:hover,
button[class~="bg-amber-300"][class~="text-neutral-950"]:hover,
[role="button"][class~="bg-amber-300"][class~="text-neutral-950"]:hover,
#top-casinos div.mt-auto.grid.grid-cols-3 > button:first-child:hover,
a[class~="hover:bg-amber-200"][class~="bg-amber-300"][class~="text-neutral-950"]:hover,
button[class~="hover:bg-amber-200"][class~="bg-amber-300"][class~="text-neutral-950"]:hover,
[role="button"][class~="hover:bg-amber-200"][class~="bg-amber-300"][class~="text-neutral-950"]:hover {
  background: var(--pl-play-orange-hover) !important;
  border-color: rgba(245,158,11,0.78) !important;
  color: #ffffff !important;
}

[class~="shadow-amber-300/20"] {
  --tw-shadow-color: var(--pl-play-orange-shadow) !important;
}


/* Slightly darker, less bright green for header and footer */
:root {
  --pl-header-footer-main: #0b7a63;
  --pl-header-footer-soft: #0f8b71;
  --pl-header-footer-shadow: rgba(11,122,99,0.16);
}

header.sticky,
footer {
  background: var(--pl-header-footer-main) !important;
  border-color: rgba(255,255,255,0.14) !important;
  box-shadow: 0 8px 22px rgba(15,23,42,0.08) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

footer [class~="text-white"],
footer [class~="text-white/90"],
footer [class~="text-white/85"],
footer [class~="text-white/80"],
footer [class~="text-white/75"],
footer [class~="text-white/70"],
footer [class~="text-white/65"],
footer [class~="text-white/60"],
footer [class~="text-white/50"] {
  color: rgba(255,255,255,0.95) !important;
}

footer [class~="bg-gradient-to-r"][class~="from-white"][class~="via-amber-100"][class~="to-amber-300"] {
  background-image: linear-gradient(to right, #ffffff 0%, #f8fafc 62%, #dcfce7 100%) !important;
}

footer [class~="text-amber-100/90"],
footer [class~="text-amber-200"],
footer [class~="text-amber-200/90"],
footer [class~="text-amber-300"],
footer [class~="text-amber-300/80"] {
  color: rgba(255,255,255,0.92) !important;
}

footer [class~="border-amber-300/18"],
footer [class~="border-amber-300/20"],
footer [class~="hover:border-amber-300/25"]:hover,
footer [class~="border-white/10"] {
  border-color: rgba(255,255,255,0.16) !important;
}

footer [class~="bg-amber-300/90"],
footer [class~="bg-amber-300"] {
  background: rgba(255,255,255,0.92) !important;
  box-shadow: none !important;
}

footer [class~="from-amber-300/70"][class~="via-amber-200/40"][class~="to-transparent"] {
  background-image: linear-gradient(to right, rgba(255,255,255,0.68), rgba(220,252,231,0.22), transparent) !important;
}

footer [class~="bg-white/5"],
footer [class~="bg-white/[0.04]"],
footer [class~="bg-white/[0.08]"] {
  background: rgba(255,255,255,0.08) !important;
}

footer [class~="hover:bg-white/10"]:hover,
footer [class~="hover:bg-white/[0.08]"]:hover,
footer [class~="hover:bg-white/[0.13]"]:hover {
  background: rgba(255,255,255,0.14) !important;
}

/* Mobile slide-out menu: remove black background and match the premium theme */
@media (max-width: 767px) {
  /* Dark overlay behind the drawer -> soft themed overlay */
  .fixed.inset-0.z-30.md\:hidden > button[aria-label="Close menu"] {
    background: rgba(31, 57, 52, 0.20) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
  }

  /* Drawer panel */
  .fixed.inset-0.z-30.md\:hidden > aside {
    background: rgba(252, 249, 243, 0.98) !important;
    border-left-color: rgba(53, 105, 92, 0.14) !important;
    box-shadow: -10px 0 34px rgba(15, 23, 42, 0.12) !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside [class*="border-white/10"] {
    border-color: rgba(53, 105, 92, 0.14) !important;
  }

  /* Small MENU label and title */
  .fixed.inset-0.z-30.md\:hidden > aside [class*="text-amber-300/70"] {
    color: #4a6d63 !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside [class*="bg-gradient-to-r"][class*="from-white"][class*="via-amber-100"][class*="to-amber-300"] {
    background-image: linear-gradient(to right, #1f3f39 0%, #35695c 62%, #5f857b 100%) !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside [class*="from-amber-300/70"][class*="via-amber-200/40"][class*="to-transparent"] {
    background-image: linear-gradient(to right, rgba(53,105,92,0.58), rgba(95,133,123,0.22), transparent) !important;
  }

  /* Close icon button */
  .fixed.inset-0.z-30.md\:hidden > aside button[aria-label="Close"] {
    color: #2f4f49 !important;
    background: rgba(53, 105, 92, 0.08) !important;
    border-color: rgba(53, 105, 92, 0.12) !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside button[aria-label="Close"]:hover {
    background: rgba(53, 105, 92, 0.12) !important;
  }

  /* Nav card wrapper */
  .fixed.inset-0.z-30.md\:hidden > aside .rounded-\[34px\].border.border-white\/10.bg-white\/5.p-3 {
    background: rgba(255, 255, 255, 0.72) !important;
    border-color: rgba(53, 105, 92, 0.12) !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05) !important;
  }

  /* Mobile nav links/buttons inside drawer */
  .fixed.inset-0.z-30.md\:hidden > aside a[href][class*="rounded-\[24px\]"] {
    background: rgba(53, 105, 92, 0.055) !important;
    border-color: rgba(53, 105, 92, 0.11) !important;
    color: #334155 !important;
    box-shadow: none !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside a[href][class*="rounded-\[24px\]"]:hover,
  .fixed.inset-0.z-30.md\:hidden > aside a[href][class*="rounded-\[24px\]"]:active {
    background: rgba(53, 105, 92, 0.10) !important;
    border-color: rgba(53, 105, 92, 0.17) !important;
    color: #254f45 !important;
    transform: none !important;
  }
}

/* Premium sage page background below the header only.
   Keep inner blocks and tables on their previous colors. */
:root {
  --pl-page-sage-top: #d3dfd8;
  --pl-page-sage-mid: #c2d0c7;
  --pl-page-sage-bottom: #b0c1b8;
  --pl-page-sage-glow-1: rgba(255,255,255,0.16);
  --pl-page-sage-glow-2: rgba(235,243,239,0.14);
}

main {
  background:
    radial-gradient(circle at top center, var(--pl-page-sage-glow-1) 0%, transparent 34%),
    radial-gradient(circle at 92% 16%, var(--pl-page-sage-glow-2) 0%, transparent 24%),
    linear-gradient(180deg, var(--pl-page-sage-top) 0%, var(--pl-page-sage-mid) 42%, var(--pl-page-sage-bottom) 100%) !important;
}


/* Give content blocks a soft beige interior and a gentle separation from the sage page background */
:root {
  --pl-block-beige-1: rgba(249,244,235,0.96);
  --pl-block-beige-2: rgba(246,239,229,0.94);
  --pl-block-border-soft: rgba(169,146,118,0.18);
  --pl-block-shadow-soft: rgba(92,77,60,0.07);
}

main div[class~="bg-white/10"] {
  background: linear-gradient(180deg, var(--pl-block-beige-1) 0%, var(--pl-block-beige-2) 100%) !important;
  border-color: var(--pl-block-border-soft) !important;
  box-shadow: 0 10px 24px var(--pl-block-shadow-soft), 0 1px 0 rgba(255,255,255,0.58) inset !important;
}

main div[class~="bg-white/[0.03]"],
main div[class~="bg-white/[0.04]"],
main div[class~="bg-white/[0.08]"] {
  background: linear-gradient(180deg, rgba(250,245,237,0.95) 0%, rgba(247,240,231,0.93) 100%) !important;
  border-color: rgba(169,146,118,0.16) !important;
  box-shadow: 0 8px 20px rgba(92,77,60,0.055), 0 1px 0 rgba(255,255,255,0.56) inset !important;
}

main section div[style*="background:rgba(255,255,255,.62)"],
main section div[style*="background: rgba(255,255,255,.62)"],
main section div[style*="background:rgba(255,255,255,0.62)"],
main section div[style*="background: rgba(255,255,255,0.62)"] {
  background: linear-gradient(180deg, rgba(249,244,235,0.96) 0%, rgba(246,239,229,0.94) 100%) !important;
  border-color: rgba(169,146,118,0.16) !important;
  box-shadow: 0 8px 22px rgba(92,77,60,0.06), 0 1px 0 rgba(255,255,255,0.56) inset !important;
}

/* Mobile burger button to orange, and unify drawer tones */
@media (max-width: 767px) {
  :root {
    --pl-mobile-orange: #ff8c00;
    --pl-mobile-orange-hover: #f59e0b;
    --pl-mobile-orange-border: rgba(255,140,0,0.74);
    --pl-mobile-drawer-bg-1: rgba(249,244,235,0.985);
    --pl-mobile-drawer-bg-2: rgba(242,234,223,0.975);
    --pl-mobile-drawer-card: rgba(255,250,244,0.72);
    --pl-mobile-drawer-item: rgba(178,143,92,0.08);
    --pl-mobile-drawer-item-hover: rgba(178,143,92,0.13);
  }

  /* Burger button only, not the language switcher */
  header .md\:hidden > button[class~="w-11"][aria-label] {
    background: var(--pl-mobile-orange) !important;
    border-color: var(--pl-mobile-orange-border) !important;
    box-shadow: 0 10px 24px rgba(255,140,0,0.20) !important;
    color: #ffffff !important;
  }

  header .md\:hidden > button[class~="w-11"][aria-label]:hover,
  header .md\:hidden > button[class~="w-11"][aria-label]:active {
    background: var(--pl-mobile-orange-hover) !important;
    border-color: rgba(245,158,11,0.76) !important;
  }

  header .md\:hidden > button[class~="w-11"][aria-label] span span {
    background: #ffffff !important;
    box-shadow: none !important;
  }

  /* Backdrop and drawer panel */
  .fixed.inset-0.z-30.md\:hidden > button[aria-label] {
    background: rgba(48, 68, 62, 0.18) !important;
    backdrop-filter: blur(5px) !important;
    -webkit-backdrop-filter: blur(5px) !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside {
    background: linear-gradient(180deg, var(--pl-mobile-drawer-bg-1) 0%, var(--pl-mobile-drawer-bg-2) 100%) !important;
    border-left-color: rgba(169,146,118,0.16) !important;
    box-shadow: -12px 0 34px rgba(15,23,42,0.10) !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside > div > div:first-child {
    background: rgba(255,250,244,0.42) !important;
    border-bottom-color: rgba(169,146,118,0.14) !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside .rounded-\[34px\].border.border-white\/10.bg-white\/5.p-3 {
    background: var(--pl-mobile-drawer-card) !important;
    border-color: rgba(169,146,118,0.14) !important;
    box-shadow: 0 10px 24px rgba(92,77,60,0.055) !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside a[href][class*="rounded-\[24px\]"] {
    background: var(--pl-mobile-drawer-item) !important;
    border-color: rgba(169,146,118,0.13) !important;
    color: #415164 !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside a[href][class*="rounded-\[24px\]"]:hover,
  .fixed.inset-0.z-30.md\:hidden > aside a[href][class*="rounded-\[24px\]"]:active {
    background: var(--pl-mobile-drawer-item-hover) !important;
    border-color: rgba(169,146,118,0.17) !important;
    color: #254f45 !important;
  }

  .fixed.inset-0.z-30.md\:hidden > aside button[aria-label="Закрыть"],
  .fixed.inset-0.z-30.md\:hidden > aside button[aria-label="Close"],
  .fixed.inset-0.z-30.md\:hidden > aside button[aria-label="Kapat"],
  .fixed.inset-0.z-30.md\:hidden > aside button[aria-label="Fermer"],
  .fixed.inset-0.z-30.md\:hidden > aside button[aria-label="Cerrar"] {
    background: rgba(178,143,92,0.08) !important;
    border-color: rgba(169,146,118,0.14) !important;
    color: #415164 !important;
  }
}