/*!
Theme Name: EveryOne
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: EveryOne
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

EveryOne is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/

/* Gold & black theme (JokaRoom colors) */
:root {
    --rc-bg: #0a0806;
    --rc-surface: #15110c;
    --rc-surface-2: #1e1810;
    --rc-text: #f5f0e8;
    --rc-text-muted: #c8b99a;
    --rc-link: #d4a843;
    --rc-accent: #c9922a;
    --rc-accent-hover: #e8c060;
    --rc-focus: rgba(201, 146, 42, 0.55);
}

body {
    background-color: var(--rc-bg) !important;
    color: var(--rc-text) !important;
    padding-top: 100px !important; /* offset for fixed header so headings don't sit under it */
}

/* Extra top spacing so first heading is clearly below the header on all pages */
.page-content.page-section,
#page-text.page-section {
    padding-top: 1.5rem !important;
}

.header,
.header .menu-item-has-children .sub-menu {
    background: #ffffff !important;
    border-bottom: 1px solid #e5e5e5 !important;
}

.header {
    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}

body.fixed-header .header,
.header {
    z-index: 9998 !important;
    isolation: isolate;
}

.header .nav a,
.header .mobile-nav a {
    color: #1a1a1a !important;
}

.header .nav a:hover,
.header .mobile-nav a:hover {
    color: var(--rc-accent) !important;
}

.footer {
    background-color: var(--rc-bg) !important;
}

.main-text-content a,
.page-text a {
    color: var(--rc-link) !important;
}

.main-text-content a:hover,
.page-text a:hover {
    color: var(--rc-accent-hover) !important;
}

/* Tables: unified dark theme (all pages) */
.main-text-content table,
.page-text table,
.responsible-gambling table {
    width: 100%;
    border-collapse: collapse;
    margin: 24px 0;
    font-size: 14px;
    line-height: 1.5;
    background-color: var(--rc-surface) !important;
    border: 1px solid var(--rc-surface-2);
}

.main-text-content table th,
.main-text-content table td,
.page-text table th,
.page-text table td,
.responsible-gambling table th,
.responsible-gambling table td {
    border: 1px solid var(--rc-surface-2);
    padding: 12px 14px;
    text-align: left;
    vertical-align: top;
    color: #ffffff !important;
}

.main-text-content table thead th,
.page-text table thead th,
.responsible-gambling table thead th {
    background-color: var(--rc-surface-2) !important;
    font-weight: 600;
    color: #ffffff !important;
}

.main-text-content table tbody tr:nth-child(even),
.page-text table tbody tr:nth-child(even),
.responsible-gambling table tbody tr:nth-child(even) {
    background-color: rgba(37, 37, 37, 0.8) !important;
}

.main-text-content table tbody tr:nth-child(even) td,
.page-text table tbody tr:nth-child(even) td,
.responsible-gambling table tbody tr:nth-child(even) td {
    color: #ffffff !important;
}

.main-text-content table tbody tr:hover,
.page-text table tbody tr:hover,
.responsible-gambling table tbody tr:hover {
    background-color: var(--rc-surface-2) !important;
}

.main-text-content table a,
.page-text table a,
.responsible-gambling table a {
    color: var(--rc-link) !important;
    text-decoration: underline;
}

.main-text-content table a:hover,
.page-text table a:hover,
.responsible-gambling table a:hover {
    color: var(--rc-accent-hover) !important;
    text-decoration: none;
}

@media (max-width: 768px) {
    .main-text-content table,
    .main-text-content thead,
    .main-text-content tbody,
    .main-text-content th,
    .main-text-content td,
    .main-text-content tr,
    .page-text table,
    .page-text thead,
    .page-text tbody,
    .page-text th,
    .page-text td,
    .page-text tr,
    .responsible-gambling table,
    .responsible-gambling thead,
    .responsible-gambling tbody,
    .responsible-gambling th,
    .responsible-gambling td,
    .responsible-gambling tr {
        display: block;
    }

    .main-text-content thead,
    .page-text thead,
    .responsible-gambling thead {
        display: none;
    }

    .main-text-content tr,
    .page-text tr,
    .responsible-gambling tr {
        margin-bottom: 16px;
        border: 1px solid var(--rc-surface-2);
        padding: 10px;
        background-color: var(--rc-surface) !important;
    }

    .main-text-content td,
    .page-text td,
    .responsible-gambling td {
        border: none;
        padding: 6px 0;
        color: #ffffff !important;
    }

    .main-text-content td::before,
    .page-text td::before,
    .responsible-gambling td::before {
        content: attr(data-label);
        font-weight: 600;
        display: block;
        margin-bottom: 4px;
        color: var(--rc-link);
    }
}

body.banner-background .screen-content {
    background: transparent !important;
}

.offer-title,
.offer-desc {
    color: var(--rc-text) !important;
}

.btn,
.btn.btn-primary,
.btn.btn-danger,
.btn.offer-btn,
.header .btn-danger {
    background-color: var(--rc-accent) !important;
    color: #ffffff !important;
}

.btn:hover,
.btn.btn-primary:hover,
.btn.btn-danger:hover,
.btn.offer-btn:hover,
.header .btn-danger:hover {
    background-color: var(--rc-accent-hover) !important;
}

.btn:focus,
.btn:focus-visible,
.header .btn-danger:focus-visible,
.btn.btn-primary:focus-visible,
.btn.btn-danger:focus-visible,
.btn.offer-btn:focus-visible {
    outline: 2px solid var(--rc-focus) !important;
    outline-offset: 2px;
}

/* Normalize
--------------------------------------------- */

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */



/* ═══════════════════════════════════════════════════════════
   JokaRoom VIP — Premium Design Upgrade v2
   ═══════════════════════════════════════════════════════════ */

/* Scroll Progress Bar */
.jvi-progress{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#c9922a,#e8c060,#22c55e);width:0%;z-index:10000;transition:width .1s linear;pointer-events:none}

/* Noise texture overlay — premium feel */
body::before{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none;z-index:9997;opacity:.022;mix-blend-mode:overlay}

/* ── HERO SECTION BACKGROUND ─────────────────────────────── */
.screen.page-section{
  position:relative !important;
  background:linear-gradient(155deg,#0a0806 0%,#13100a 50%,#0a0806 100%) !important;
  overflow:hidden !important;
}
.screen.page-section::before{
  content:'';position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(201,146,42,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(201,146,42,.04) 1px,transparent 1px);
  background-size:64px 64px;pointer-events:none;
}
.screen.page-section::after{
  content:'';position:absolute;top:0;right:0;
  width:65%;height:100%;
  background:radial-gradient(ellipse 70% 60% at 85% 50%,rgba(201,146,42,.13) 0%,transparent 70%);
  pointer-events:none;
}
/* Banner glow */
.screen-image img{
  filter:drop-shadow(0 24px 64px rgba(201,146,42,.22)) !important;
  position:relative;z-index:1;
}

/* ── HERO BADGE ──────────────────────────────────────────── */
.jvi-badge{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(201,146,42,.13);border:1px solid rgba(201,146,42,.45);
  color:#e8c060;font-size:12px;font-weight:700;letter-spacing:.08em;
  padding:6px 16px;border-radius:24px;text-transform:uppercase;margin-bottom:18px;
}
.jvi-pulse-dot{
  width:8px;height:8px;border-radius:50%;background:#22c55e;
  display:inline-block;flex-shrink:0;
  animation:jvi-pulse 2s ease-out infinite;
}
@keyframes jvi-pulse{
  0%{box-shadow:0 0 0 0 rgba(34,197,94,.7)}
  70%{box-shadow:0 0 0 10px rgba(34,197,94,0)}
  100%{box-shadow:0 0 0 0 rgba(34,197,94,0)}
}

/* ── HERO TITLE ──────────────────────────────────────────── */
.offer-title.jvi-h1{
  font-size:clamp(30px,4vw,52px) !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  color:#f5f0e8 !important;
  margin-bottom:12px !important;
}
.jvi-offer-line{
  display:block;
  font-size:clamp(17px,2.2vw,26px);
  background:linear-gradient(135deg,#e8c060,#c9922a);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  font-weight:800;margin-top:8px;
}
.jvi-desc{
  font-size:17px !important;color:#c8b99a !important;
  line-height:1.65 !important;margin-bottom:24px !important;
}
.jvi-green{color:#4ade80 !important;font-weight:800 !important;-webkit-text-fill-color:#4ade80 !important}

/* ── HERO CTAs ───────────────────────────────────────────── */
.jvi-btns{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:20px}
.jvi-btn-claim{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#c9922a 0%,#e8c060 50%,#c9922a 100%);
  background-size:200% auto;
  color:#0a0806 !important;-webkit-text-fill-color:#0a0806 !important;
  font-weight:900;font-size:15px;letter-spacing:.08em;text-transform:uppercase;
  padding:15px 30px;border-radius:11px;text-decoration:none !important;
  animation:jvi-shim 3s linear infinite;will-change:background-position;
  box-shadow:0 4px 20px rgba(201,146,42,.4);
  transition:box-shadow .25s,transform .25s;
}
@keyframes jvi-shim{to{background-position:200% center}}
.jvi-btn-claim:hover{box-shadow:0 8px 32px rgba(201,146,42,.6)!important;transform:translateY(-2px)!important}
.jvi-btn-play{
  display:inline-flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#16a34a,#22c55e);
  color:#fff !important;-webkit-text-fill-color:#fff !important;
  font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;
  padding:15px 28px;border-radius:11px;text-decoration:none !important;
  box-shadow:0 4px 20px rgba(34,197,94,.35);
  transition:all .25s;
}
.jvi-btn-play:hover{background:linear-gradient(135deg,#15803d,#16a34a)!important;box-shadow:0 8px 32px rgba(34,197,94,.5)!important;transform:translateY(-2px)!important}

/* ── LIVE BADGE ──────────────────────────────────────────── */
.jvi-live-badge{
  display:inline-flex;align-items:center;gap:8px;
  color:#c8b99a;font-size:13px;margin-bottom:20px;
}
.jvi-live-dot{
  width:8px;height:8px;border-radius:50%;background:#22c55e;
  display:inline-block;flex-shrink:0;
  animation:jvi-pulse 2s ease-out infinite .6s;
}

/* ── TRUST ROW ───────────────────────────────────────────── */
.jvi-trust{display:flex;gap:18px;flex-wrap:wrap;align-items:center}
.jvi-trust-item{
  display:flex;align-items:center;gap:6px;
  color:#c8b99a;font-size:12px;font-weight:600;letter-spacing:.04em;
}
.jvi-trust-item svg{color:#c9922a;flex-shrink:0}

/* ── URGENCY TIMER ───────────────────────────────────────── */
.jvi-urgency{
  display:inline-flex;align-items:center;gap:8px;
  background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);
  color:#fca5a5;font-size:12px;font-weight:700;
  padding:5px 14px;border-radius:20px;margin-bottom:16px;
  letter-spacing:.04em;
}
.jvi-timer{color:#f87171;font-variant-numeric:tabular-nums;font-family:monospace}

/* ── LIVE WINS TICKER ────────────────────────────────────── */
.jvi-ticker-wrap{
  display:flex;align-items:center;height:44px;overflow:hidden;
  background:linear-gradient(90deg,#15110c,#1a1508,#15110c);
  border-top:1px solid rgba(201,146,42,.2);
  border-bottom:1px solid rgba(201,146,42,.2);
  position:relative;z-index:2;
}
.jvi-ticker-label{
  display:flex;align-items:center;gap:8px;
  background:linear-gradient(135deg,#c9922a,#e8c060);
  color:#0a0806;font-weight:800;font-size:11px;
  letter-spacing:.12em;text-transform:uppercase;
  padding:0 18px;height:100%;flex-shrink:0;white-space:nowrap;
}
.jvi-ticker-track{overflow:hidden;flex:1}
.jvi-ticker-inner{
  display:inline-flex;gap:0;white-space:nowrap;
  animation:jvi-scroll 50s linear infinite;
}
.jvi-ticker-inner:hover{animation-play-state:paused}
@keyframes jvi-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.jvi-tick{color:#c8b99a;font-size:13px;padding:0 40px}
.jvi-tick strong{color:#e8c060}

/* ── BONUS CALCULATOR ────────────────────────────────────── */
.jvi-calc{
  background:linear-gradient(135deg,rgba(201,146,42,.06),rgba(201,146,42,.02));
  border:1px solid rgba(201,146,42,.2);border-radius:16px;
  padding:32px;max-width:700px;margin:40px auto;
}
.jvi-calc h3{
  font-size:22px;font-weight:800;color:#f5f0e8;margin:0 0 6px;
  background:linear-gradient(135deg,#f5f0e8,#e8c060);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.jvi-calc p{color:#c8b99a;font-size:14px;margin:0 0 20px}
.jvi-slider{
  -webkit-appearance:none;appearance:none;width:100%;height:6px;
  border-radius:3px;background:rgba(201,146,42,.2);outline:none;margin-bottom:24px;
}
.jvi-slider::-webkit-slider-thumb{
  -webkit-appearance:none;appearance:none;
  width:22px;height:22px;border-radius:50%;
  background:linear-gradient(135deg,#c9922a,#e8c060);cursor:pointer;
  box-shadow:0 0 12px rgba(201,146,42,.5);
}
.jvi-calc-grid{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
.jvi-calc-item{flex:1;text-align:center;min-width:90px}
.jvi-calc-item>div:first-child{font-size:11px;color:#c8b99a;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}
.jvi-calc-item>div:last-child{font-size:24px;font-weight:900;color:#f5f0e8}
.jvi-calc-plus,.jvi-calc-eq{
  font-size:22px;color:#c9922a;font-weight:700;flex:0 0 auto;min-width:auto;
}
.jvi-calc-total>div:last-child{
  font-size:28px;font-weight:900;
  background:linear-gradient(135deg,#4ade80,#22c55e);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
}
.jvi-calc-btn{
  display:block;width:100%;background:linear-gradient(135deg,#c9922a,#e8c060);
  color:#0a0806;font-weight:800;font-size:15px;letter-spacing:.08em;text-transform:uppercase;
  padding:14px 24px;border-radius:10px;text-decoration:none;text-align:center;
  transition:all .25s;box-shadow:0 4px 16px rgba(201,146,42,.35);
}
.jvi-calc-btn:hover{transform:translateY(-2px)!important;box-shadow:0 8px 28px rgba(201,146,42,.5)!important}

/* ── SECTION TITLES ──────────────────────────────────────── */
.jvi-sec-title{
  font-size:clamp(22px,3vw,34px);font-weight:800;
  background:linear-gradient(135deg,#f5f0e8 20%,#e8c060 70%,#c9922a);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  display:inline-block;padding-bottom:14px;position:relative;
}
.jvi-sec-title::after{
  content:'';position:absolute;bottom:0;left:0;
  width:56px;height:2px;
  background:linear-gradient(90deg,#c9922a,#e8c060);border-radius:1px;
}

/* ── HEADER IMPROVEMENTS ─────────────────────────────────── */
/* Nav link animated gold underline */
.header .nav a{position:relative !important;padding-bottom:3px !important;transition:color .2s !important}
.header .nav a::after{
  content:'';position:absolute;bottom:0;left:50%;right:50%;
  height:2px;background:linear-gradient(90deg,#c9922a,#e8c060);border-radius:1px;
  transition:left .25s,right .25s;
}
.header .nav a:hover::after{left:0 !important;right:0 !important}
/* Registration = gold gradient (upgraded) */
.header .btn-danger{
  background:linear-gradient(135deg,#c9922a,#e8c060) !important;
  color:#0a0806 !important;font-weight:800 !important;
  box-shadow:0 2px 12px rgba(201,146,42,.35) !important;
  transition:all .25s !important;
}
.header .btn-danger:hover{
  box-shadow:0 4px 20px rgba(201,146,42,.55) !important;
  transform:translateY(-1px) !important;
}
/* Sign In = outline/ghost (differentiated) */
.header .btn-primary{
  background:transparent !important;
  color:#c9922a !important;-webkit-text-fill-color:#c9922a !important;
  border:1.5px solid rgba(201,146,42,.5) !important;
  font-weight:700 !important;
  transition:all .25s !important;
}
.header .btn-primary:hover{
  background:rgba(201,146,42,.1) !important;
  border-color:#e8c060 !important;
  color:#e8c060 !important;-webkit-text-fill-color:#e8c060 !important;
}

/* ── SECTION ALTERNATING BG ──────────────────────────────── */
#slots.page-section{background:linear-gradient(180deg,#0d0a07,#0a0806) !important}
#games.page-section{background:linear-gradient(180deg,#0a0806,#110e09) !important}
#bonuses.page-section{background:linear-gradient(180deg,#110e09,#0a0806) !important}
#advant.page-section{background:linear-gradient(160deg,#0f0c08,#15110c) !important}

/* ── SLOT/GAME CARD HOVER GLOW ───────────────────────────── */
.game-item img,.slot-item img{transition:transform .25s,filter .25s !important}
.game-item:hover img,.slot-item:hover img{
  transform:scale(1.04) !important;
  filter:brightness(1.1) drop-shadow(0 0 12px rgba(201,146,42,.4)) !important;
}

/* ── BONUS CARDS ─────────────────────────────────────────── */
.bonus-card,.bonus-item{
  background:linear-gradient(135deg,rgba(201,146,42,.08),rgba(201,146,42,.02)) !important;
  border:1px solid rgba(201,146,42,.25) !important;
  transition:transform .25s,box-shadow .25s !important;
}
.bonus-card:hover,.bonus-item:hover{
  transform:translateY(-4px) !important;
  box-shadow:0 12px 40px rgba(201,146,42,.2) !important;
}

/* ── MOBILE ──────────────────────────────────────────────── */
@media(max-width:768px){
  .jvi-btns{flex-direction:column}
  .jvi-btn-claim,.jvi-btn-play{justify-content:center;text-align:center}
  .jvi-calc-grid{gap:8px}
  .jvi-calc-plus,.jvi-calc-eq{display:none}
  .jvi-trust{gap:12px}
}
@media(prefers-reduced-motion:reduce){
  .jvi-ticker-inner,.jvi-pulse-dot,.jvi-live-dot,.jvi-btn-claim{animation:none !important}
}


/* ═══════════════════════════════════════════════════════════
   JokaRoom VIP — Premium Upgrade v3
   ═══════════════════════════════════════════════════════════ */

/* ── FIX: Ticker ─────────────────────────────────────────── */
.jvi-ticker-wrap{display:flex !important;align-items:center !important;height:48px !important;overflow:hidden !important;background:linear-gradient(90deg,#0d0a07,#1a1508,#0d0a07) !important;border-top:1px solid rgba(201,146,42,.25) !important;border-bottom:1px solid rgba(201,146,42,.25) !important;width:100% !important;position:relative !important;z-index:5 !important}
.jvi-ticker-track{overflow:hidden !important;flex:1 !important;height:100% !important;display:flex !important;align-items:center !important}
.jvi-ticker-inner{display:flex !important;white-space:nowrap !important;will-change:transform}
.jvi-tick{color:#c8b99a !important;font-size:13px !important;padding:0 32px !important;flex-shrink:0 !important}
.jvi-tick strong{color:#e8c060 !important;-webkit-text-fill-color:#e8c060 !important}
.jvi-ticker-label{display:flex !important;align-items:center !important;gap:8px !important;background:linear-gradient(135deg,#c9922a,#e8c060) !important;color:#0a0806 !important;-webkit-text-fill-color:#0a0806 !important;font-weight:800 !important;font-size:11px !important;letter-spacing:.12em !important;text-transform:uppercase !important;padding:0 18px !important;height:100% !important;flex-shrink:0 !important;white-space:nowrap !important}

/* ── FIX: Calc h3 gradient text ─────────────────────────── */
.jvi-calc h3{display:inline-block !important;font-size:22px !important;font-weight:800 !important;margin:0 0 6px !important;background:linear-gradient(135deg,#e8c060,#c9922a) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;color:transparent !important}

/* ── Scroll Reveals ──────────────────────────────────────── */
.rv-up{opacity:0;transform:translateY(28px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.rv-left{opacity:0;transform:translateX(-28px);transition:opacity .65s cubic-bezier(.22,1,.36,1),transform .65s cubic-bezier(.22,1,.36,1)}
.rv-scale{opacity:0;transform:scale(.94);transition:opacity .6s cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1)}
.rv-up.in,.rv-left.in,.rv-scale.in{opacity:1 !important;transform:none !important}
.rv-d1{transition-delay:.1s}.rv-d2{transition-delay:.2s}.rv-d3{transition-delay:.3s}.rv-d4{transition-delay:.4s}

/* ── Floating CTA ────────────────────────────────────────── */
.jvi-float-cta{position:fixed;bottom:24px;right:24px;z-index:9990;display:flex;flex-direction:column;align-items:flex-end;gap:6px;animation:jvi-float-in .6s cubic-bezier(.22,1,.36,1) both;animation-delay:1.2s}
@keyframes jvi-float-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.jvi-float-btn{display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#c9922a,#e8c060);color:#0a0806 !important;-webkit-text-fill-color:#0a0806 !important;font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase;padding:13px 22px;border-radius:50px;box-shadow:0 6px 30px rgba(201,146,42,.5),0 2px 8px rgba(0,0,0,.4);text-decoration:none !important;transition:all .25s;white-space:nowrap}
.jvi-float-btn:hover{box-shadow:0 10px 40px rgba(201,146,42,.7) !important;transform:translateY(-2px) !important}
.jvi-float-close{align-self:flex-end;background:rgba(20,16,10,.9);border:1px solid rgba(201,146,42,.3);border-radius:50%;width:22px;height:22px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#c8b99a !important;-webkit-text-fill-color:#c8b99a !important;font-size:10px;transition:all .2s}
.jvi-float-close:hover{background:rgba(201,146,42,.15) !important}

/* ── 3D Game Cards ───────────────────────────────────────── */
.game-item,.slot-item{transform-style:preserve-3d;perspective:800px;transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s !important;cursor:pointer}
.game-item:hover,.slot-item:hover{transform:rotateY(7deg) rotateX(3deg) scale(1.05) !important;box-shadow:0 16px 40px rgba(0,0,0,.5),0 0 24px rgba(201,146,42,.25) !important}

/* ── Section Title (gold gradient + underline) ───────────── */
.section-title.jvi-gold-title{background:linear-gradient(135deg,#f5f0e8 30%,#e8c060 70%,#c9922a) !important;-webkit-background-clip:text !important;-webkit-text-fill-color:transparent !important;background-clip:text !important;display:inline-block !important;color:transparent !important}

/* ── Stats Grid (global) ─────────────────────────────────── */
.jvi-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:820px;margin:40px auto}
.jvi-stat{text-align:center;background:rgba(201,146,42,.05);border:1px solid rgba(201,146,42,.18);border-radius:16px;padding:24px 16px;transition:transform .3s,box-shadow .3s}
.jvi-stat:hover{transform:translateY(-4px) !important;box-shadow:0 12px 32px rgba(201,146,42,.15) !important}
.jvi-stat-num{font-size:clamp(28px,4vw,40px);font-weight:900;background:linear-gradient(135deg,#e8c060,#c9922a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;display:inline-block;line-height:1.1}
.jvi-stat-lbl{font-size:12px;color:#c8b99a;letter-spacing:.08em;text-transform:uppercase;margin-top:6px}

/* ── Page-specific hero shared utils ─────────────────────── */
.jvp-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(201,146,42,.12);border:1px solid rgba(201,146,42,.4);color:#e8c060;font-size:12px;font-weight:700;letter-spacing:.08em;padding:6px 16px;border-radius:24px;text-transform:uppercase;margin-bottom:18px}
.jvp-h1{font-size:clamp(26px,3.5vw,44px);font-weight:900;color:#f5f0e8;line-height:1.2;margin:0 0 14px}
.jvp-h1 em{display:block;font-style:normal;background:linear-gradient(135deg,#e8c060,#c9922a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.jvp-sub{font-size:16px;color:#c8b99a;margin:0 0 28px;line-height:1.65}
.jvp-sub strong{color:#4ade80;-webkit-text-fill-color:#4ade80}
.jvp-btns{display:flex;gap:12px;flex-wrap:wrap}
.jvp-btn-gold{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#c9922a 0%,#e8c060 50%,#c9922a 100%);background-size:200% auto;color:#0a0806 !important;-webkit-text-fill-color:#0a0806 !important;font-weight:900;font-size:14px;letter-spacing:.08em;text-transform:uppercase;padding:14px 28px;border-radius:11px;text-decoration:none !important;animation:jvi-shim 3s linear infinite;box-shadow:0 4px 20px rgba(201,146,42,.4)}
.jvp-btn-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#e8c060 !important;-webkit-text-fill-color:#e8c060 !important;border:1.5px solid rgba(201,146,42,.4);font-weight:700;font-size:14px;letter-spacing:.06em;text-transform:uppercase;padding:13px 24px;border-radius:11px;text-decoration:none !important;transition:all .25s}
.jvp-btn-ghost:hover{background:rgba(201,146,42,.1) !important;border-color:#e8c060 !important}
.jvp-section{background:linear-gradient(155deg,#0a0806 0%,#12100a 55%,#0a0806 100%);padding:72px 0 80px;position:relative;overflow:hidden}
.jvp-section::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(201,146,42,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(201,146,42,.035) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.jvp-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;max-width:1140px;margin:0 auto;padding:0 32px}
@media(max-width:800px){.jvp-grid{grid-template-columns:1fr}.jvp-btns{flex-direction:column}.jvi-stats{grid-template-columns:1fr}.jvi-float-cta{bottom:16px;right:16px}}
@media(prefers-reduced-motion:reduce){.rv-up,.rv-left,.rv-scale{opacity:1 !important;transform:none !important}.jvi-float-cta{animation:none !important}}

/* JokaRoom VIP homepage hero and slot refresh */
body.home{padding-top:71px !important}
.screen.page-section.jvi-home-hero{
  min-height:calc(100svh - 71px) !important;
  padding:42px 0 36px !important;
  background:
    linear-gradient(90deg,rgba(8,6,3,.78) 0%,rgba(8,6,3,.64) 42%,rgba(8,6,3,.24) 100%),
    linear-gradient(180deg,rgba(6,5,3,.10),rgba(6,5,3,.44)),
    url('/assets/jokaroomhero.webp?v=33') center 43%/cover no-repeat !important;
  overflow:hidden !important;
}
.screen.page-section.jvi-home-hero::before{
  content:'' !important;
  position:absolute !important;
  inset:0 !important;
  background-image:
    radial-gradient(circle at 18% 18%,rgba(232,192,96,.18),transparent 28%),
    linear-gradient(135deg,rgba(232,192,96,.08) 0 1px,transparent 1px 22px),
    linear-gradient(45deg,rgba(201,146,42,.08) 0 1px,transparent 1px 24px) !important;
  background-size:auto,44px 44px,44px 44px !important;
  opacity:.48 !important;
  pointer-events:none !important;
}
.screen.page-section.jvi-home-hero::after{
  content:'' !important;
  position:absolute !important;
  inset:auto 0 0 0 !important;
  height:150px !important;
  width:100% !important;
  background:linear-gradient(180deg,transparent,#0a0806) !important;
  pointer-events:none !important;
}
.jvi-home-hero .container{
  position:relative !important;
  z-index:2 !important;
  min-height:calc(100svh - 71px - 78px) !important;
  display:flex !important;
  align-items:center !important;
}
.jvi-home-hero .screen-content{
  display:grid !important;
  grid-template-columns:minmax(0,520px) minmax(430px,560px) !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:54px !important;
  width:100% !important;
  padding:0 24px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
}
.jvi-home-hero .offer{max-width:520px !important;position:relative !important;z-index:3 !important}
.jvi-home-hero .offer-title.jvi-h1{text-shadow:0 8px 28px rgba(0,0,0,.65) !important}
.jvi-home-hero .jvi-desc{color:#eadfc7 !important;text-shadow:0 3px 14px rgba(0,0,0,.62) !important}
.jvi-home-hero .jvi-green{color:#6ee7b7 !important;-webkit-text-fill-color:#6ee7b7 !important}
.jvi-evergreen{
  background:rgba(201,146,42,.16) !important;
  border-color:rgba(232,192,96,.48) !important;
  color:#f7e8b8 !important;
}
.jvi-evergreen .jvi-timer{
  color:#ffffff !important;
  font-family:inherit !important;
  font-weight:800 !important;
}
.jvi-btn-claim,.jvi-btn-play,.jvi-calc-btn,.jvi-float-btn,.jvp-btn-gold,.jvp-btn-ghost{
  border-radius:8px !important;
}
.jvi-btn-claim,.jvi-calc-btn,.jvi-float-btn,.jvp-btn-gold{
  background:
    linear-gradient(135deg,#7a4c10 0%,#d9aa3f 28%,#fff0a8 50%,#c9922a 72%,#6c3d0a 100%) !important;
  color:#100b04 !important;
  -webkit-text-fill-color:#100b04 !important;
  border:1px solid rgba(255,240,168,.72) !important;
  box-shadow:0 10px 28px rgba(201,146,42,.34), inset 0 1px 0 rgba(255,255,255,.45) !important;
}
.jvi-btn-play{
  background:linear-gradient(135deg,#0f5132,#1fad68 55%,#7ee0a2) !important;
  border:1px solid rgba(126,224,162,.62) !important;
  box-shadow:0 10px 28px rgba(31,173,104,.28), inset 0 1px 0 rgba(255,255,255,.22) !important;
}
.jvi-btn-claim:focus-visible,.jvi-btn-play:focus-visible,.jvi-slot-action:focus-visible,.jvi-handle-arm:focus-visible,.jvi-bet-option:focus-visible{
  outline:2px solid rgba(255,240,168,.9) !important;
  outline-offset:3px !important;
}
.cookieadmin_law_container .cookieadmin_consent_inside{
  border:1px solid rgba(201,146,42,.42) !important;
  border-radius:8px !important;
  box-shadow:0 18px 48px rgba(0,0,0,.28) !important;
}
.cookieadmin_law_container .cookieadmin_btn{
  border-radius:8px !important;
  font-weight:800 !important;
}
.cookieadmin_law_container .cookieadmin_accept_btn{
  background:linear-gradient(135deg,#7a4c10,#d9aa3f 38%,#fff0a8 58%,#c9922a) !important;
  border:1px solid rgba(201,146,42,.72) !important;
  color:#100b04 !important;
}
.cookieadmin_law_container .cookieadmin_customize_btn,
.cookieadmin_law_container .cookieadmin_reject_btn{
  background:#fff !important;
  border:1px solid rgba(201,146,42,.55) !important;
  color:#241606 !important;
}
.cookieadmin-poweredby{display:none !important}
.jvi-slot-stage{
  position:relative !important;
  z-index:2 !important;
  padding-right:122px !important;
  overflow:visible !important;
  min-height:620px !important;
}
.jvi-slot-machine{
  --slot-scale:1;
  width:380px;
  min-height:560px;
  margin:0 auto;
  padding:24px;
  border:8px solid #f5d66a;
  border-radius:40px;
  position:relative;
  overflow:visible;
  user-select:none;
  transform:scale(var(--slot-scale));
  transform-origin:center top;
  background:
    radial-gradient(circle at 50% 0,rgba(255,240,168,.34),transparent 28%),
    linear-gradient(135deg,rgba(255,240,168,.18) 0 1px,transparent 1px 20px),
    linear-gradient(45deg,rgba(201,146,42,.2) 0 1px,transparent 1px 18px),
    linear-gradient(180deg,#191006 0%,#7a1e16 38%,#2b0907 72%,#090604 100%);
  box-shadow:
    0 28px 100px rgba(0,0,0,.58),
    0 0 46px rgba(201,146,42,.28),
    inset 0 2px 0 rgba(255,255,255,.18),
    inset 0 -30px 50px rgba(0,0,0,.44);
}
.jvi-slot-machine::before{
  content:'';
  position:absolute;
  inset:10px;
  border:3px dashed rgba(255,240,168,.36);
  border-radius:32px;
  pointer-events:none;
  animation:jvi-slot-glow 1.8s ease-in-out infinite alternate;
}
.jvi-slot-machine::after{
  content:'';
  position:absolute;
  inset:20px;
  border-radius:24px;
  background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.11) 28%,transparent 52%);
  pointer-events:none;
}
@keyframes jvi-slot-glow{from{opacity:.48}to{opacity:.94}}
.jvi-slot-header{
  position:relative;
  z-index:2;
  text-align:center;
  margin-bottom:24px;
}
.jvi-slot-header::before{
  content:'';
  display:block;
  width:128px;
  height:4px;
  margin:0 auto 10px;
  border-radius:4px;
  background:#f5d66a;
  box-shadow:0 0 16px rgba(245,214,106,.65);
}
.jvi-slot-kicker{
  color:#ffe58a;
  font-size:10px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0;
  margin-bottom:2px;
  text-shadow:0 2px 8px rgba(0,0,0,.72);
}
.jvi-slot-title{
  display:flex;
  justify-content:center;
  gap:6px;
  color:#fff;
  font-size:36px;
  line-height:1;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:0;
  text-shadow:0 4px 12px rgba(0,0,0,.78);
}
.jvi-slot-title span:first-child{color:#f5d66a}
.jvi-slot-display{
  position:relative;
  z-index:2;
  padding:16px;
  border:4px solid rgba(245,214,106,.62);
  border-radius:16px;
  background:#171717;
  box-shadow:inset 0 0 42px rgba(0,0,0,.82),0 10px 24px rgba(0,0,0,.32);
}
.jvi-slot-reels{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:8px;
  height:176px;
  position:relative;
  z-index:1;
}
.jvi-slot-reel{
  position:relative;
  overflow:hidden;
  border:2px solid #171717;
  border-radius:8px;
  background:#fff;
  box-shadow:0 8px 18px rgba(0,0,0,.38);
}
.jvi-slot-reel::before,.jvi-slot-reel::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  height:26px;
  z-index:3;
  pointer-events:none;
}
.jvi-slot-reel::before{top:0;background:linear-gradient(180deg,rgba(0,0,0,.42),transparent)}
.jvi-slot-reel::after{bottom:0;background:linear-gradient(0deg,rgba(0,0,0,.42),transparent)}
.jvi-reel-strip{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  will-change:transform;
}
.jvi-slot-reel.is-spinning .jvi-reel-strip{
  animation:jvi-slot-roll .34s linear infinite;
}
@keyframes jvi-slot-roll{from{transform:translateY(0)}to{transform:translateY(-448px)}}
.jvi-reel-symbol{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 56px;
  font-size:34px;
  line-height:1;
  text-shadow:0 2px 5px rgba(0,0,0,.22);
}
.jvi-seven{
  color:#b91c1c;
  font-size:38px;
  font-weight:900;
  font-family:Georgia,serif;
}
.jvi-payline{
  position:absolute;
  left:0;
  right:0;
  top:50%;
  height:2px;
  z-index:5;
  background:rgba(239,68,68,.68);
  box-shadow:0 0 13px #ef4444;
}
.jvi-slot-controls{
  position:relative;
  z-index:2;
  margin-top:28px;
}
.jvi-slot-bank{
  display:flex;
  justify-content:space-between;
  gap:12px;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(0,0,0,.36);
}
.jvi-slot-bank div:last-child{text-align:right}
.jvi-slot-bank span{
  display:block;
  color:rgba(255,229,138,.74);
  font-size:8px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:0;
  margin-bottom:4px;
}
.jvi-slot-bank strong{
  display:block;
  color:#fff;
  font-size:19px;
  line-height:1.1;
  font-weight:900;
}
.jvi-slot-bank div:last-child strong{color:#f5d66a}
.jvi-slot-bets{
  display:flex;
  gap:6px;
  margin-top:14px;
  padding:6px;
  border:2px solid rgba(245,214,106,.22);
  border-radius:12px;
  background:rgba(0,0,0,.42);
}
.jvi-bet-option{
  flex:1;
  min-width:0;
  border:0;
  border-radius:8px;
  padding:8px 4px;
  background:transparent;
  color:#d1d5db;
  font-size:11px;
  font-weight:900;
  cursor:pointer;
}
.jvi-bet-option.is-active,.jvi-bet-option:hover{
  background:#f5d66a;
  color:#4a120c;
}
.jvi-slot-action{
  position:relative;
  width:100%;
  height:76px;
  margin-top:18px;
  border:0;
  border-bottom:4px solid #070707;
  border-radius:16px;
  overflow:hidden;
  background:rgba(12,12,12,.72);
  color:#f5d66a;
  font-size:22px;
  font-weight:900;
  font-style:italic;
  text-transform:uppercase;
  letter-spacing:0;
  cursor:pointer;
  box-shadow:inset 0 0 28px rgba(0,0,0,.7);
}
.jvi-slot-action::after{
  content:'';
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,.25) 50%),
    linear-gradient(90deg,rgba(255,0,0,.06),rgba(0,255,0,.02),rgba(0,0,255,.06));
  background-size:100% 2px,3px 100%;
  pointer-events:none;
}
.jvi-action-icon{font-style:normal;margin-right:8px}
.jvi-slot-machine.is-spinning .jvi-slot-action{color:#7a7a7a}
.jvi-slot-machine.is-winning .jvi-slot-action{
  background:linear-gradient(90deg,#15803d,#22c55e,#15803d);
  color:#fff;
  border-bottom-color:#166534;
  box-shadow:0 10px 40px rgba(34,197,94,.45);
}
.jvi-slot-handle{
  position:absolute;
  right:-96px;
  top:166px;
  width:96px;
  height:400px;
  perspective:1200px;
  pointer-events:none;
  z-index:1;
}
.jvi-handle-base{
  position:absolute;
  bottom:40px;
  left:0;
  width:48px;
  height:80px;
  border:1px solid #3f3f46;
  border-left:0;
  border-radius:0 8px 8px 0;
  background:linear-gradient(90deg,#27272a,#0a0a0a);
  box-shadow:10px 0 20px rgba(0,0,0,.5);
}
.jvi-handle-base span{
  position:absolute;
  inset:8px auto 8px 4px;
  width:4px;
  border-radius:4px;
  background:rgba(255,255,255,.12);
}
.jvi-handle-base i{
  position:absolute;
  right:8px;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#52525b;
  box-shadow:inset 0 1px 3px rgba(0,0,0,.6);
}
.jvi-handle-base i:nth-child(2){top:8px}
.jvi-handle-base i:nth-child(3){bottom:8px}
.jvi-handle-arm{
  position:absolute;
  bottom:80px;
  left:24px;
  width:24px;
  height:224px;
  border:0;
  padding:0;
  border-radius:15px;
  transform-origin:bottom;
  background:linear-gradient(90deg,#8f5b0b,#ffd700 52%,#8f5b0b);
  box-shadow:10px 0 25px rgba(0,0,0,.6),inset 0 0 9px rgba(255,255,255,.26);
  transition:transform .6s ease-out;
  cursor:pointer;
  pointer-events:auto;
}
.jvi-slot-machine.is-spinning .jvi-handle-arm{transform:rotateX(-60deg) translateZ(40px)}
.jvi-handle-cap{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:16px;
  border-radius:0 0 12px 12px;
  background:#0a0a0a;
}
.jvi-handle-knob{
  position:absolute;
  top:-64px;
  left:50%;
  width:80px;
  height:80px;
  transform:translateX(-50%);
  border:6px solid #ffd700;
  border-radius:50%;
  background:linear-gradient(135deg,#ef4444,#b91c1c 55%,#450a0a);
  box-shadow:0 15px 45px rgba(185,28,28,.76),inset 0 -5px 15px rgba(0,0,0,.48);
}
.jvi-handle-knob i{
  position:absolute;
  top:12px;
  left:18px;
  width:24px;
  height:16px;
  border-radius:50%;
  background:rgba(255,255,255,.32);
  filter:blur(2px);
  transform:rotate(-20deg);
}
.jvi-handle-knob b{
  position:absolute;
  inset:-16px;
  border-radius:50%;
  background:rgba(239,68,68,.18);
  filter:blur(14px);
  animation:jvi-slot-glow 1.6s ease-in-out infinite alternate;
}
.jvi-slot-note{
  position:relative;
  z-index:2;
  margin:16px 0 0;
  color:#f5d66a;
  font-size:12px;
  line-height:1.35;
  font-weight:900;
  text-align:center;
  text-transform:uppercase;
  letter-spacing:0;
  text-shadow:0 0 10px rgba(252,184,83,.55);
}
@media(max-width:1000px){
  body.home{padding-top:115px !important}
  .screen.page-section.jvi-home-hero{min-height:auto !important;padding:30px 0 24px !important;background-position:center 36% !important}
  .jvi-home-hero .container{min-height:calc(100svh - 115px - 54px) !important;align-items:center !important}
  .jvi-home-hero .screen-content{grid-template-columns:1fr !important;gap:28px !important;padding:0 18px !important;text-align:center !important}
  .jvi-home-hero .offer{max-width:720px !important;margin:0 auto !important}
  .jvi-home-hero .jvi-btns,.jvi-home-hero .jvi-trust{justify-content:center !important}
  .jvi-slot-stage{min-height:510px !important;padding-right:88px !important}
  .jvi-slot-machine{--slot-scale:.82}
}
@media(max-width:560px){
  .jvi-home-hero .container{min-height:calc(100svh - 115px - 54px) !important}
  .jvi-home-hero .screen-content{gap:14px !important;padding:0 14px !important}
  .jvi-home-hero .jvi-badge,.jvi-evergreen{max-width:100%;white-space:normal !important;justify-content:center !important}
  .jvi-home-hero .jvi-badge{margin-bottom:10px !important}
  .jvi-home-hero .offer-title.jvi-h1{margin-bottom:8px !important}
  .jvi-home-hero .jvi-desc{font-size:16px !important;line-height:1.45 !important;margin-bottom:14px !important}
  .jvi-home-hero .jvi-btns{gap:10px !important;margin-bottom:10px !important}
  .jvi-home-hero .jvi-btn-claim,.jvi-home-hero .jvi-btn-play{padding:13px 18px !important}
  .jvi-home-hero .jvi-live-badge,.jvi-home-hero .jvi-trust{display:none !important}
  .jvi-float-cta,.wheel-open-btn,.cookieadmin_re_consent{display:none !important}
  .jvi-slot-stage{min-height:410px !important;padding-right:0 !important;align-items:flex-start !important}
  .jvi-slot-machine{--slot-scale:.66;margin-left:calc(50% - 222px)}
  .jvi-slot-bank strong{font-size:16px}
  .jvi-slot-action{font-size:19px}
}
@media(max-width:380px){
  .jvi-slot-stage{min-height:405px !important}
  .jvi-slot-machine{--slot-scale:.61;margin-left:calc(50% - 207px)}
}
@media(prefers-reduced-motion:reduce){
  .jvi-slot-machine::before,.jvi-handle-knob b,.jvi-slot-reel.is-spinning .jvi-reel-strip{animation:none !important}
}