/* Lemon Casino premium editorial refresh. Loaded after the existing page styles. */
:root {
  --paper: #f3f6f5;
  --paper-2: #eaf0ee;
  --ink: #14282b;
  --muted: #5d6e70;
  --lemon: #e7c965;
  --lemon-strong: #f0d881;
  --leaf: #176f63;
  --plum: #1b7169;
  --coral: #18796b;
  --white: #ffffff;
  --line: #d6e1de;
  --line-strong: #a9bcb7;
  --shadow: 0 12px 32px rgb(9 44 42 / 9%);
  --radius: 18px;
  --font-display: Inter, Aptos, "Segoe UI", system-ui, sans-serif;
  --font-body: Inter, Aptos, "Segoe UI", system-ui, sans-serif;
}
html { scroll-behavior: smooth; }
body { background: var(--paper); color: var(--ink); }
body::before { display: none; }
::selection { background: #e7c965; color: #14282b; }
h1, h2, h3 { font-weight: 820; letter-spacing: -.05em; }
h1 { line-height: .99; }
h2 { line-height: 1.08; }
.eyebrow { color: var(--leaf); font-family: var(--font-body); font-size: .73rem; letter-spacing: .13em; }
.eyebrow::before { width: 1.35rem; height: 3px; border-radius: 2px; }
.lede, .prose { color: #415558; }
.prose h2, .prose h3 { color: var(--ink); }
.prose table { border: 1px solid var(--line); border-radius: 14px; overflow: hidden; }
.prose th { background: #e5efeb; font-family: var(--font-body); }
.button { border: 1px solid #14282b; border-radius: 12px; min-height: 48px; padding: .78rem 1.16rem; font-size: .78rem; letter-spacing: .025em; box-shadow: none; }
.button:hover, .button:focus-visible { box-shadow: 0 8px 22px rgb(9 44 42 / 17%); transform: translateY(-2px); }
.button-acid { background: linear-gradient(110deg, #e5c45a, #f6dc86); color: #172729; border-color: #d7b650; }
.button-ghost { background: #fff; color: var(--ink); border-color: #b7cbc6; }
.button-small { min-height: 41px; padding: .62rem .95rem; }
a:focus-visible, button:focus-visible, summary:focus-visible { outline: 3px solid #bd8e17; outline-offset: 3px; }

/* Compact, non-sticky header with the authentic wordmark. */
.site-header.site-header { position: relative !important; top: auto !important; background: #0b1719; border: 0; box-shadow: 0 5px 22px rgb(7 25 27 / 12%); backdrop-filter: none; }
.nav-shell.nav-shell { min-height: 74px; gap: 1.8rem; }
.brand.brand { display: inline-flex; min-width: 0; align-items: center; text-decoration: none; }
.brand-logo { display: block; width: 180px; height: 56px; object-fit: cover; object-position: center; mix-blend-mode: screen; }
.desktop-nav.desktop-nav { gap: 1.45rem; }
.desktop-nav.desktop-nav a { color: #eff6f3; font-size: .88rem; font-weight: 690; }
.site-header .desktop-nav[data-astro-cid-nen7h5rs] a[data-astro-cid-nen7h5rs] { color: #eff6f3; }
.desktop-nav.desktop-nav a::after { background: #e7c965; height: 2px; }
.site-header .desktop-cta { white-space: nowrap; }
.mobile-menu.mobile-menu summary { border: 1px solid #60726d; border-radius: 12px; width: 44px; height: 44px; }
.mobile-menu.mobile-menu summary span { background: #f5f6f3; }
.site-header .mobile-menu[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs] { border: 1px solid #657b78; border-radius: 12px; }
.site-header .mobile-menu[data-astro-cid-nen7h5rs] summary[data-astro-cid-nen7h5rs] span[data-astro-cid-nen7h5rs] { background: #f5f6f3; }
.mobile-menu.mobile-menu nav { top: 53px; background: #fff; border: 1px solid var(--line); border-radius: 16px; box-shadow: 0 16px 35px rgb(7 25 27 / 20%); }

/* Lean, responsive hero. The partner card stays immediately after H1. */
.hero.hero { background: radial-gradient(circle at 86% 5%, #e9f2ec 0, transparent 38%), linear-gradient(140deg, #fff 6%, #f5f8f6 100%); border-bottom: 1px solid var(--line); padding-top: clamp(2.6rem, 5vw, 5.1rem); }
.hero-grid.lemon-top1-grid { padding-bottom: clamp(2.3rem, 5vw, 4.3rem) !important; }
.hero-copy h1 { max-width: 15ch; font-size: clamp(3.25rem, 6.1vw, 6.3rem); line-height: .99; }
.hero-copy h1 span, .hero-copy h1 em { font-style: normal !important; font-weight: 820 !important; }
.hero-copy h1 em { color: #176f63 !important; }
.hero-copy .lede { max-width: 69ch; color: #526466; font-size: clamp(1.02rem, 1.55vw, 1.18rem); line-height: 1.63; }
.hero-actions { gap: .65rem; margin-top: 1.4rem; }
.hero .eyebrow { margin-bottom: 1.1rem; }
.section { padding-block: clamp(3.4rem, 6.5vw, 6.5rem); }
.section-head { margin-bottom: 2rem; }
.route-grid[data-astro-cid-lcdefpme] { border: 0; gap: 14px; }
.route-grid[data-astro-cid-lcdefpme] > a[data-astro-cid-lcdefpme] { min-height: 250px; border: 1px solid var(--line) !important; border-radius: 17px; padding: 23px; box-shadow: 0 6px 22px rgb(12 45 42 / 5%); }
.route-grid[data-astro-cid-lcdefpme] > a[data-astro-cid-lcdefpme]:hover { background: #f7fbf9; box-shadow: 0 13px 30px rgb(12 45 42 / 10%); }
.route-grid[data-astro-cid-lcdefpme] small[data-astro-cid-lcdefpme] { margin-top: 1.9rem; color: #52716d; }
.games-grid[data-astro-cid-lcdefpme] { gap: 15px; }
.games-grid[data-astro-cid-lcdefpme] > a[data-astro-cid-lcdefpme] { min-height: 350px; border: 1px solid var(--line); border-radius: 17px; padding: 16px; box-shadow: 0 6px 22px rgb(12 45 42 / 5%); transition: box-shadow .18s, transform .18s; }
.games-grid[data-astro-cid-lcdefpme] > a[data-astro-cid-lcdefpme]:hover { transform: translateY(-3px); box-shadow: 0 13px 30px rgb(12 45 42 / 10%); }
.game-glyph[data-astro-cid-lcdefpme] { border: 0; border-radius: 12px; background: radial-gradient(circle at 77% 30%, #eed482 0, transparent 27%), linear-gradient(130deg, #cae8de, #e5f1ed 62%, #f3e6b8); }
.compare-shell[data-astro-cid-lcdefpme] { border: 1px solid var(--line); border-radius: 22px; box-shadow: 0 8px 28px rgb(12 45 42 / 6%); }
.proof-section[data-astro-cid-lcdefpme], .local-section[data-astro-cid-lcdefpme] { border-block: 0; }

/* The single 22Bet slot inherits the Lemon palette without nesting a second card. */
.lemon-top1.lemon-top1 { border: 1px solid #d9e5df; border-radius: 19px; margin: 22px auto 22px; background: linear-gradient(106deg, #fff 0%, #fff 56%, #edf5ee 100%); box-shadow: 0 16px 38px rgb(16 61 55 / 13%); }
.lemon-top1::before { background: radial-gradient(circle at 50% 50%, #fff0 0 18%, #d4b65d33 19% 25%, #fff0 26%), repeating-conic-gradient(from 8deg at 50% 50%, #dfc56f55 0 35deg, #fff0 36deg 41deg); opacity: .45; }
.lemon-top1__rank { background: #176f63; border-radius: 7px; }
.lemon-top1__sponsor { background: #e8f1ed; color: #176f63; }
.lemon-top1__brand { background: #10282a; border-radius: 12px; }
.lemon-top1__brand b { color: #f0ce6b; }
.lemon-top1__copy span { color: #147364; }
.lemon-top1__copy strong { color: #14282b; font-size: clamp(19px, 2.2vw, 27px); }
.lemon-top1__button { background: linear-gradient(110deg, #0b826f, #1b5b6a); border-radius: 11px; box-shadow: 0 8px 18px rgb(12 105 95 / 18%); }
.lemon-top1__foot { background: #f4f8f6; border-color: #dce8e3; color: #667b78; }

/* Editorial cards and navigation. */
.feature-list { border-top: 1px solid var(--line); }
.feature-list a { border-bottom: 1px solid var(--line); border-radius: 12px; transition: background .18s, padding .18s; }
.feature-list a:hover { background: #e9f3ee; }
.feature-list a > span { color: #176f63; }
.feature-list small { color: #66837d; }
.faq-section { background: #ebf1ef; border-block: 1px solid var(--line); }
.faq-grid details { border-color: #c5d5d0; }
.faq-grid summary span { color: #176f63; }
.final-cta { padding-block: clamp(4rem, 8vw, 7rem); background: radial-gradient(circle at 75% 30%, #f0f5e5 0, transparent 35%); }
.final-cta h2 em { color: #176f63 !important; font-style: normal; font-weight: 820 !important; }
.offer-card, .meta-card, .article-card, .fact-card, .info-card { border-color: var(--line); border-radius: 17px; box-shadow: var(--shadow); }

/* Content added in the previous release follows the same visual language. */
.best-article { background: var(--paper); color: var(--ink); }
.best-hero { background: radial-gradient(circle at 92% 0, #eaf4ed, transparent 42%), #fff; border-bottom: 1px solid var(--line); padding-top: 28px; }
.best-hero h1 { color: var(--ink); font-size: clamp(2.2rem, 4.6vw, 4.5rem); hyphens: auto; overflow-wrap: anywhere; }
.best-hero .eyebrow { color: #176f63; }
.best-lede { color: #526466; }
.best-section { border-color: var(--line); box-shadow: 0 7px 26px rgb(12 45 42 / 5%); }
.best-section p, .best-section li { color: #405558; }
.best-section a, .breadcrumbs a { color: #0e6a5e; }
.best-criterion, .best-brand-grid > div, .best-steps li, .best-faq, .best-related a, .best-hub-card, .best-home { background: #f8fbf9; border-color: #d5e3de; }
.best-example { background: #f5f6e6; border-color: #e1d7a9; }
.best-number, .best-hub-card small, .best-hub-card b { color: #176f63; }
.best-steps li > span { background: #e7c965; }
.best-hub-card strong { color: var(--ink); }
.best-hub-card span { color: #516565; }
.best-jump a, .best-home a { border-color: #bdd4cb; color: #176f63; }
.best-jump a:hover, .best-home a:hover, .best-related a:hover, .best-hub-card:hover { background: #eaf4ef; }

/* Footer: readable hierarchy, generous spacing, no repeated warning strip. */
.site-footer.site-footer { background: #0b1719; color: #f2f6f4; border-top: 0; margin-top: 3.5rem; }
.footer-grid.footer-grid { gap: clamp(1.4rem, 3vw, 3rem); padding-block: 3.5rem; }
.footer-brand p { color: #aebebb !important; }
.footer-grid nav strong { color: #dec36e !important; font-family: var(--font-body) !important; }
.footer-grid nav a { color: #d6e1dd !important; }
.footer-grid nav a:hover { color: #f0d881 !important; }
.legal { border-color: #284244 !important; color: #9fb2b0 !important; }

@media (max-width: 860px) {
  .nav-shell.nav-shell { min-height: 68px; }
  .brand-logo { width: 158px; height: 50px; }
  .hero-copy h1 { font-size: clamp(2.9rem, 8.7vw, 4.8rem); }
}
@media (max-width: 680px) {
  .nav-shell.nav-shell { min-height: 64px; }
  .brand-logo { width: 146px; height: 46px; }
  .hero.hero { padding-top: 2.35rem; }
  .hero-copy h1 { font-size: clamp(2.65rem, 11.3vw, 4.2rem); }
  .hero .eyebrow { font-size: .65rem; }
  .hero-grid.lemon-top1-grid, .guide-grid.lemon-top1-grid { padding-bottom: 2rem !important; }
  .lemon-top1.lemon-top1 { border-radius: 15px; margin-block: 17px; box-shadow: 0 9px 22px rgb(16 61 55 / 10%); }
  .lemon-top1__brand { min-height: 56px; }
  .lemon-top1__button { min-height: 44px; }
  .section { padding-block: 3.4rem; }
  .route-grid[data-astro-cid-lcdefpme] > a[data-astro-cid-lcdefpme] { min-height: 185px; padding: 19px; border-bottom: 1px solid var(--line) !important; }
  .route-grid[data-astro-cid-lcdefpme] small[data-astro-cid-lcdefpme] { margin-top: 1rem; }
  .games-grid[data-astro-cid-lcdefpme] > a[data-astro-cid-lcdefpme] { min-height: 305px; }
  .site-footer.site-footer { margin-top: 2rem; }
  .footer-grid.footer-grid { padding-block: 2.8rem; }
  .best-hero { padding-top: 20px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .button, .feature-list a { transition: none; }
}