@font-face {
  font-family: "CreasinoWordmark";
  src: url("/assets/webfonts/Poppins-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Brand gold + dark backgrounds */
  --finwallapp-theme-color: #D6A84F;
  --finwallapp-header-active: #000000;
  --finwallapp-footer: #000000;
  --finwallapp-page-bg-1: #000000;
  --finwallapp-page-bg-2: #000000;
  --finwallapp-page-bg-3: #0a0a0a;

  /* Bootstrap base colors */
  --bs-body-bg: #000000;
  --bs-body-color: #ffffff;
  --bs-dark: #000000;
  --bs-primary: #D6A84F;
  --bs-success: #D6A84F;
}

html, body { max-width: 100%; overflow-x: hidden; }
body { background-color: #000 !important; color: #fff; background-attachment: scroll !important; }
.header { background-color: #000 !important; }
.sidebar { background-color: #000 !important; }
.nav-link, .navbar-brand { color: #fff !important; }
/* Slimmer nav link typography (menus and sidebars) */
.main-menu .nav-link,
.nav-link.text-white { font-weight: 400 !important; letter-spacing: .2px; }
.btn-success, .btn-outline-success { border-color: #D6A84F !important; }
.btn-success { background-color: #D6A84F !important; color: #090909 !important; font-weight: 700; }
.btn-outline-success { color: #D6A84F !important; background-color: transparent !important; }
.btn-success:hover, .btn-success:focus, .btn-outline-success:hover, .btn-outline-success:focus {
  background-color: #A8792B !important;
  border-color: #F2C76E !important;
  color: #090909 !important;
  box-shadow: 0 0 0 .16rem rgba(214,168,79,.24) !important;
}
.text-success { color: #D6A84F !important; }
.bg-success { background-color: #D6A84F !important; color: #090909 !important; }
a { color: #F2C76E; }
a:hover { color: #D6A84F; }

/* Links hover */
.main-menu .nav-link:hover, .main-menu .nav-link.active { color: #D6A84F !important; }

/* Compact sidebar menu spacing (fit more links with less scrolling) */
.sidebar-wrap .sidebar .nav .nav-item { margin-bottom: 0 !important; }
.sidebar-wrap .sidebar .nav .nav-link {
  padding: .55rem .65rem !important;   /* +~10% vertical again */
  line-height: 1.5 !important;         /* nudge for readability */
  font-size: .95rem !important;        /* keep readable size */
}
/* Keep icons aligned without adding height */
.sidebar-wrap .sidebar .nav .nav-link .icon { display: inline-flex; align-items: center; justify-content: center; }
@media (max-width: 420px) {
  /* A touch friendlier on very small screens */
  .sidebar-wrap .sidebar .nav .nav-link { padding: .64rem .7rem !important; }
}

/* Ensure content isn't hidden behind fixed footer */
main { padding-bottom: 100px; }
body { padding-bottom: 100px; }
/* Avoid accidental clipping from padded containers */
.container, .container-fluid { padding-bottom: 0 !important; }
.footer { position: fixed !important; bottom: 0; left: 0; right: 0; z-index: 1030; }
.footer-info { height: 0 !important; padding: 0 !important; margin: 0 !important; }
.footer .nav { max-width: 100vw; width: 100%; overflow-x: hidden; }
.header .container-fluid { max-width: 100vw; overflow-x: hidden; }
/* Balanced header layout */
.header .container-fluid {
  display: grid !important;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
}
.header .navbar-brand { justify-self: center; }
.header .header-actions { justify-self: end; }
.menu-btn svg { width: 24px; height: 24px; }
.header .btn.btn-sm { padding: 0.25rem 0.5rem; font-size: .85rem; }
.menu-btn { border-color: transparent !important; background: transparent !important; }
.menu-btn:hover, .menu-btn:focus { background: transparent !important; }
.menu-btn svg { color: #D6A84F !important; fill: #D6A84F !important; stroke: #D6A84F !important; }
.menu-btn i.fa-bars { color: #D6A84F !important; font-size: 24px; line-height: 1; }

/* Ensure mobile header controls are clearly sized */
@media (max-width: 768px) {
  .menu-btn svg { width: 26px !important; height: 26px !important; }
  .menu-btn i.fa-bars { font-size: 26px !important; }
  .menu-btn svg { color: #D6A84F !important; fill: #D6A84F !important; stroke: #D6A84F !important; }
  .header .navbar-brand img { height: 26px !important; }
  .header .btn.btn-sm { font-size: .8rem !important; padding: .25rem .5rem !important; }
  .header .container-fluid { padding-left: 8px; padding-right: 8px; }
}
img, svg { max-width: 100%; height: auto; }

/* Cards: force dark theme everywhere */
.card { background-color: #000 !important; color: #fff !important; border-color: #333 !important; }
.card-header, .card-footer { background-color: #000 !important; color: #fff !important; border-color: #333 !important; }
.card-body { color: #fff !important; }

/* Tables: dark readable styling */
.table { color: #fff !important; }
.table thead th { color: #fff !important; border-color: #333 !important; background-color: transparent !important; }
.table td, .table th { border-color: #333 !important; }
.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255,255,255,0.06) !important; }
.table-striped tbody tr:nth-of-type(even) { background-color: rgba(255,255,255,0.02) !important; }
.table a { color: #fff; }
.table a:hover { color: #D6A84F; }

/* Badges: align with brand palette */
.badge { border-radius: 999px !important; font-weight: 600 !important; letter-spacing: .2px; }
.badge-success { background-color: #D6A84F !important; color: #000 !important; }
.badge-primary { background-color: #A8792B !important; color: #000 !important; }
.badge-warning { background-color: #d4af37 !important; color: #000 !important; }
.badge-dark { background-color: #222 !important; color: #fff !important; border: 1px solid #444 !important; }

/* Copy-to-clipboard feedback used on referral page */
.copied::after {
  position: absolute;
  top: 0;
  right: 10%;
  display: block;
  content: "COPIED";
  font-size: 1em;
  padding: 2px 5px;
  color: #000;
  background-color: #D6A84F;
  border-radius: 3px;
  opacity: 0;
  will-change: opacity, transform;
  animation: showcopied 1.5s ease;
}
@keyframes showcopied {
  0% { opacity: 0; transform: translateX(100%); }
  50% { opacity: .85; transform: translateX(40%); }
  70% { opacity: 1; transform: translateX(0); }
  100% { opacity: 0; }
}

/* Vendor tabs (desktop + mobile) */
.tabs-container { overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tabs-box { display: flex; flex-wrap: nowrap; gap: .5rem; list-style: none; padding: 0; margin: 0 0 14px 0; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.tabs-box::-webkit-scrollbar { display: none; }
.tab { display: inline-block; background-color: #D6A84F; color: #000; padding: 10px 16px; border-radius: 5px; white-space: nowrap; cursor: pointer; transition: background-color .2s ease; }
.tab:hover { background-color: #A8792B; color: #000; }
/* Make vendor labels thinner even if wrapped in <b> */
.tabs-box .tab,
.tabs-box .tab a,
.tabs-box .tab a b { font-weight: 300 !important; }

/* Sidebar icons: brand gold */
.sidebar-wrap .sidebar .nav .nav-item .nav-link .icon i {
  color: #D6A84F !important;
}

/* (language widgets were removed) */
.sidebar-wrap .sidebar .nav .nav-item .nav-link:hover .icon i,
.sidebar-wrap .sidebar .nav .nav-item .nav-link.active .icon i {
  color: #D6A84F !important; /* keep consistent on hover/active */
}

/* Modern pagination (global) */
.pagination { justify-content: center; gap: .5rem; flex-wrap: wrap; }
.page-link {
  border-radius: 999px !important;
  border: 1px solid #D6A84F !important;
  background-color: #000 !important;
  color: #D6A84F !important;
  padding: .35rem .9rem !important;
  line-height: 1.2 !important;
  min-width: 2.25rem;
  text-align: center;
  transition: background-color .2s ease, color .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.page-link:hover, .page-link:focus {
  background-color: #A8792B !important;
  color: #000 !important;
  border-color: #A8792B !important;
  box-shadow: 0 0 0 .15rem rgba(214,168,79,.25) !important;
}
.page-item.active .page-link {
  background-color: #D6A84F !important;
  color: #000 !important;
  border-color: #D6A84F !important;
  box-shadow: 0 0 0 .15rem rgba(214,168,79,.35) !important;
}
.page-item.disabled .page-link {
  background-color: #0a0a0a !important;
  border-color: #333 !important;
  color: #666 !important;
  opacity: .75;
}
/* Compact on very small screens */
@media (max-width: 420px) {
  .pagination { gap: .35rem; }
  .page-link { padding: .3rem .7rem !important; min-width: 2rem; }
}

/* Desktop: show all vendor pills (wrap to multiple lines) */
@media (min-width: 992px) {
  .tabs-container { overflow-x: visible; }
  .tabs-box {
    flex-wrap: wrap;
    overflow-x: visible;
    justify-content: center !important; /* center rows of pills on desktop */
  }
  /* Ensure desktop pages can scroll fully */
  .winner-slider, .winner-list { overflow: visible !important; }
  .modal-content { max-height: none !important; }
  html, body { overflow-y: auto !important; height: auto !important; }
  html.menu-open { overflow: auto !important; }
}

/* Home: compact legacy footer area for mobile */
@media (max-width: 576px) {
  /* Hide decorative top image that creates extra space */
  img[src*="footer_background_top.jpg"] { display: none !important; }

  /* Collapse legacy footer block spacing and remove bg image */
  .footer__top { 
    padding-top: .5rem !important; 
    padding-bottom: 1rem !important; 
    background: none !important; 
  }
  .footer__top.pb-60 { padding-bottom: 1rem !important; }
  .footer__top .row { --bs-gutter-x: .75rem; --bs-gutter-y: .75rem; }
  .footer__top [class*="col-"] { flex: 0 0 100% !important; max-width: 100% !important; }
  .footer__top .widget__items { margin-bottom: .5rem !important; }
  .footer__top .footer-head .title { font-size: 1rem !important; margin-bottom: .5rem !important; }
  .footer__top .content-area { margin-top: 0 !important; }
  .footer__top .quick-link { 
    margin: 0 !important; padding: 0 !important; 
    display: grid !important; gap: .25rem; grid-template-columns: 1fr; 
  }
  .footer__top .quick-link li { list-style: none; margin: 0 !important; }
  .footer__top .quick-link a { display: inline-flex; align-items: center; gap: .5rem; padding: .3rem 0; }

  /* Reduce huge custom inline margin on the legal container */
  .container[style*="margin-top: 120px"] { margin-top: 24px !important; }
}

/* Footer badges sizing */
.footer-badges img.footer-badge { height: 42px; width: auto; display: inline-block; }
@media (max-width: 576px) {
  .footer-badges { gap: .5rem !important; }
  .footer-badges img.footer-badge { height: 28px; }
}

/* Game card overlay (replaces Adora CSS) */
.casino__box { position: relative; overflow: hidden; border-radius: 6px; }
.casino__box > img { display: block; width: 100%; height: auto; }
.casino__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.25); opacity: 0; transition: opacity .25s ease; }
.casino__overlay a { display:flex; align-items:center; justify-content:center; width:100%; height:100%; }
.casino__box:hover .casino__overlay, .casino__box:focus-within .casino__overlay { opacity: 1; }
.casino__overlay img { max-width: 70%; height: auto; }

/* Mobile grid: 2 per row is ensured by col-6, but tighten gutters */
@media (max-width: 576px) {
  .row.g-4 { --bs-gutter-x: .75rem; --bs-gutter-y: .75rem; }
  /* Hide visual overlay on mobile but keep clickability */
  .casino__overlay { opacity: 0 !important; background: transparent !important; pointer-events: auto; }
  .casino__overlay img { display: none !important; }
}

/* Center button sizing tweaks to avoid clipping */
.footer .nav .nav-item.centerbutton .nav-link {
  height: 58px !important;
  width: 58px !important;
  margin-top: -18px !important; /* pull up slightly, avoid clipping */
}
.footer .nav .nav-item.centerbutton .nav-link > span {
  height: 44px !important;
  width: 44px !important;
  line-height: 42px !important;
  border-radius: 12px !important; /* sharper diamond, avoid circle look */
  background-color: #D6A84F !important;
  border-color: #D6A84F !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.footer .nav .nav-item.centerbutton .nav-link > span i {
  font-size: 18px !important;
  color: #000 !important;
  transform: rotate(-45deg) !important; /* keep icon upright in rotated diamond */
}
/* Replace center diamond with custom image (if present) */
.footer .nav .nav-item.centerbutton .nav-link > span {
  background-color: #000 !important; /* black bubble for contrast */
  border: none !important; /* no gold frame */
  transform: none !important; /* do not rotate the box when using image */
  display: grid !important;
  place-items: center !important;
  border-radius: 12px !important;
  position: relative !important; /* anchor for pulse pseudo-element */
}
.footer .nav .nav-item.centerbutton .nav-link > span::before {
  content: '';
  display: block;
  width: 44px;  /* inner image box */
  height: 44px;
  background: url('/assets/new/img/center-diamond.png') center/contain no-repeat;
  position: relative; /* above pulse ring */
  z-index: 1;
}
.footer .nav .nav-item.centerbutton .nav-link > span i { display: none !important; }

/* Soft pulse ring behind the image */
.footer .nav .nav-item.centerbutton .nav-link > span::after {
  content: '';
  position: absolute;
  inset: 0; /* match bubble */
  border-radius: 12px;
  box-shadow: 0 0 0 0 rgba(214,168,79,.35);
  z-index: 0;
  animation: ms-center-pulse 2.4s ease-out infinite;
}

@keyframes ms-center-pulse {
  0%   { box-shadow: 0 0 0 0 rgba(214,168,79,.35); }
  60%  { box-shadow: 0 0 0 12px rgba(214,168,79,0); }
  100% { box-shadow: 0 0 0 0 rgba(214,168,79,0); }
}

@media (prefers-reduced-motion: reduce) {
  .footer .nav .nav-item.centerbutton .nav-link > span::after { animation: none !important; }
}
/* Balance pill under the diamond */
.footer .nav .nav-item.centerbutton { position: relative; }
.balance-pill {
  position: absolute;
  bottom: 6px; /* sit inside footer, avoid scroll */
  left: 50%;
  transform: translateX(-50%) rotate(0deg) !important;
  background: transparent; /* no pill */
  color: #d4af37; /* gold text */
  border: none;
  padding: 0; /* pure text */
  font-weight: 700;
  font-size: 11px;
  line-height: 1.1;
  white-space: nowrap;
  z-index: 1030; /* below diamond */
  pointer-events: none; /* do not block clicks */
}

/* Replace old pill with simple text below diamond */
.balance-amount {
  margin-top: -16px; /* 5px higher again for visibility */
  color: #d4af37;
  font-weight: 700;
  font-size: 14px; /* slightly larger for readability */
  line-height: 1.1;
  text-align: center;
  position: relative;
  z-index: 1051; /* render in front of diamond */
  pointer-events: none; /* do not block clicks on diamond */
  background: #000; /* improve contrast over gold diamond */
  padding: 0 6px;
  border-radius: 6px;
}

.balance-amount::after {
  content: ' €';
  color: #d4af37;
}
/* (no external translate floaters) */
/* (no Google translate banners) */

/* Creasino Stitch shared design layer */
:root {
  --creasino-bg: #121414;
  --creasino-bg-deep: #0c0f0f;
  --creasino-surface: #1a1c1c;
  --creasino-surface-high: #282a2b;
  --creasino-text: #e2e2e2;
  --creasino-muted: #ddc1ae;
  --creasino-orange: #ff8c00;
  --creasino-orange-soft: #ffb77d;
  --creasino-gold: #f7bd48;
  --creasino-gold-dark: #ba880f;
  --creasino-border: rgba(255, 255, 255, .12);
  --creasino-glass: rgba(255, 255, 255, .055);
  --finwallapp-theme-color: var(--creasino-orange-soft);
  --bs-primary: var(--creasino-orange-soft);
  --bs-success: var(--creasino-orange);
  --bs-body-bg: var(--creasino-bg);
  --bs-body-color: var(--creasino-text);
}

html,
body {
  background: var(--creasino-bg) !important;
  color: var(--creasino-text) !important;
}

body {
  font-family: Inter, Montserrat, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.section-title h2,
.title {
  font-family: Montserrat, Inter, system-ui, sans-serif;
  color: var(--creasino-text);
}

.header {
  background: rgba(18, 20, 20, .82) !important;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .28) !important;
}

.header .header-bar {
  min-height: 64px;
}


.creasino-wallet-pill {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-height: 34px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 183, 125, .28);
  background: rgba(255, 255, 255, .06);
  color: var(--creasino-orange-soft) !important;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 0 18px rgba(255, 140, 0, .12);
}

.creasino-wallet-pill:hover,
.creasino-wallet-pill:focus {
  color: #2f1500 !important;
  background: var(--creasino-orange-soft);
  text-decoration: none;
}

.creasino-avatar-link {
  display: inline-flex;
  width: 36px;
  height: 36px;
  border-radius: 999px;
  padding: 2px;
  border: 1px solid rgba(255, 183, 125, .4);
  background: linear-gradient(135deg, var(--creasino-orange), var(--creasino-gold));
  overflow: hidden;
}

.creasino-avatar-link img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: inherit;
  background: var(--creasino-bg-deep);
}

.btn-success,
.cmn--btn,
.account-form .bttn-mid {
  background: linear-gradient(135deg, var(--creasino-orange), var(--creasino-gold)) !important;
  border-color: rgba(255, 183, 125, .75) !important;
  color: #2f1500 !important;
  box-shadow: 0 0 18px rgba(255, 140, 0, .25) !important;
}

.btn-outline-success {
  border-color: rgba(255, 183, 125, .65) !important;
  color: var(--creasino-orange-soft) !important;
  background: rgba(255, 255, 255, .035) !important;
}

.btn-success:hover,
.btn-success:focus,
.btn-outline-success:hover,
.btn-outline-success:focus,
.cmn--btn:hover,
.cmn--btn:focus {
  background: var(--creasino-orange-soft) !important;
  border-color: var(--creasino-orange-soft) !important;
  color: #2f1500 !important;
  box-shadow: 0 0 0 .16rem rgba(255, 140, 0, .25), 0 0 24px rgba(255, 140, 0, .24) !important;
}

.text-success,
.main-menu .nav-link:hover,
.main-menu .nav-link.active,
a:hover {
  color: var(--creasino-orange-soft) !important;
}

.card,
.jumbotron,
.single-box,
.modal-content.bg-black {
  background: rgba(255, 255, 255, .055) !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  color: var(--creasino-text) !important;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
}

.form-control,
.account-form .form-control,
.account-form select,
#search {
  background: var(--creasino-bg-deep) !important;
  color: var(--creasino-text) !important;
  border-color: rgba(255, 183, 125, .45) !important;
}

.form-control:focus,
.account-form .form-control:focus,
.account-form select:focus,
#search:focus {
  border-color: var(--creasino-orange-soft) !important;
  box-shadow: 0 0 0 .18rem rgba(255, 140, 0, .2) !important;
}

#search::placeholder,
.form-control::placeholder {
  color: rgba(221, 193, 174, .72) !important;
}

#search-btn {
  color: var(--creasino-orange-soft) !important;
  border-color: rgba(255, 183, 125, .45) !important;
  background: var(--creasino-bg-deep) !important;
}

#search-btn:hover,
#search-btn:focus {
  color: #2f1500 !important;
  border-color: var(--creasino-orange-soft) !important;
  background: var(--creasino-orange-soft) !important;
}

.footer.creasino-bottom-nav,
.footer {
  background: rgba(30, 32, 32, .9) !important;
  border-top: 1px solid rgba(255, 255, 255, .1);
  -webkit-backdrop-filter: blur(26px);
  backdrop-filter: blur(26px);
  box-shadow: 0 -8px 28px rgba(255, 140, 0, .12), 0 -18px 50px rgba(0, 0, 0, .34) !important;
  padding-bottom: max(8px, env(safe-area-inset-bottom));
}

.footer .nav {
  min-height: 78px;
  align-items: center;
}

.footer .nav .nav-item {
  flex: 1 1 20%;
  min-width: 0;
}

.footer .nav .nav-link {
  position: relative;
  width: 100%;
  min-height: 64px;
  display: flex !important;
  align-items: center;
  justify-content: center;
  color: rgba(226, 226, 226, .68) !important;
  padding: 8px 2px 12px !important;
  border-radius: 0 !important;
  text-decoration: none;
}

.footer .nav .nav-link > span {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  min-width: 0;
}

.footer .nav .nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  font-size: 22px;
  line-height: 1;
}

.footer .nav .nav-text {
  display: block;
  max-width: 100%;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.footer .nav .nav-link.active,
.footer .nav .nav-link:hover,
.footer .nav .nav-link:focus {
  color: var(--creasino-orange-soft) !important;
}

.footer .nav .nav-link.active::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 7px;
  width: 5px;
  height: 5px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: var(--creasino-orange-soft);
  box-shadow: 0 0 10px var(--creasino-orange);
}

.sidebar-wrap .sidebar {
  background: rgba(18, 20, 20, .96) !important;
  border-right: 1px solid rgba(255, 255, 255, .08);
}

.sidebar-wrap .sidebar .nav .nav-link .icon i,
.menu-btn i.fa-bars,
.menu-btn svg {
  color: var(--creasino-orange-soft) !important;
  fill: var(--creasino-orange-soft) !important;
  stroke: var(--creasino-orange-soft) !important;
}

.casino__box {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, .1);
  background: var(--creasino-glass);
  box-shadow: 0 12px 28px rgba(0, 0, 0, .28);
}

.casino__overlay {
  background: linear-gradient(0deg, rgba(0, 0, 0, .72), rgba(0, 0, 0, .12)) !important;
}

@media (max-width: 768px) {
  .header .container-fluid {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }


  .creasino-wallet-pill {
    max-width: 96px;
    padding: 6px 8px;
    font-size: 12px;
  }

  .creasino-avatar-link {
    width: 34px;
    height: 34px;
  }
}

@media (max-width: 380px) {
  .footer .nav .nav-text {
    font-size: 10px;
  }

  .footer .nav .nav-icon {
    font-size: 20px;
  }

  .creasino-wallet-pill i {
    display: none;
  }
}
/* Gold footer divider replacing footer_background_top.jpg */
.creasino-footer-gold-divider {
  width: 100%;
  height: 2px;
  margin: 36px 0 34px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(247, 189, 72, 0), #f7bd48 18%, #ffb77d 50%, #f7bd48 82%, rgba(247, 189, 72, 0));
  box-shadow: 0 10px 22px rgba(247, 189, 72, .34), 0 22px 48px rgba(255, 140, 0, .16);
}

.creasino-footer-gold-divider::after {
  content: '';
  display: block;
  width: min(86%, 980px);
  height: 34px;
  margin: 0 auto;
  background: radial-gradient(ellipse at top, rgba(247, 189, 72, .18), rgba(247, 189, 72, 0) 68%);
  pointer-events: none;
}
.creasino-section-divider {
  margin-top: 24px;
  margin-bottom: 38px;
}

/* Creasino sidebar redesign */
.creasino-sidebar {
  width: min(86vw, 340px) !important;
  max-width: 340px;
  min-height: 100dvh;
  padding: 0 14px 26px;
  background:
    radial-gradient(circle at 100% 0%, rgba(255, 140, 0, .18), transparent 34%),
    linear-gradient(180deg, rgba(30, 32, 32, .96), rgba(12, 15, 15, .98)) !important;
  border-right: 1px solid rgba(255, 255, 255, .1) !important;
  box-shadow: 22px 0 60px rgba(0, 0, 0, .42), 10px 0 34px rgba(255, 140, 0, .1);
  overflow-y: auto;
  scrollbar-width: none;
}

.creasino-sidebar::-webkit-scrollbar { display: none; }

.creasino-sidebar__header {
  position: relative;
  overflow: hidden;
  margin: 14px 0 14px;
  padding: 18px;
  border-radius: 20px;
  border: 1px solid rgba(255, 255, 255, .1);
  background:
    radial-gradient(circle at 82% 12%, rgba(247, 189, 72, .18), transparent 36%),
    rgba(255, 255, 255, .055);
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
  box-shadow: 0 18px 42px rgba(0, 0, 0, .32);
}

.creasino-sidebar__header::after {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(247, 189, 72, 0), #f7bd48, rgba(247, 189, 72, 0));
  box-shadow: 0 10px 22px rgba(247, 189, 72, .26);
}

.creasino-sidebar__eyebrow,
.creasino-sidebar__section-label,
.creasino-sidebar__section-label-item {
  color: #f7bd48;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.creasino-sidebar__user {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 10px;
}

.creasino-sidebar__avatar {
  flex: 0 0 auto;
  width: 52px;
  height: 52px;
  padding: 2px;
  border-radius: 18px;
  background: linear-gradient(135deg, #ff8c00, #f7bd48);
  box-shadow: 0 0 22px rgba(255, 140, 0, .22);
}

.creasino-sidebar__avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 16px;
  background: #0c0f0f;
}

.creasino-sidebar__identity { min-width: 0; }

.creasino-sidebar__name {
  color: #e2e2e2;
  font-size: 18px;
  font-weight: 900;
  line-height: 1.1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creasino-sidebar__tier {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-top: 6px;
  color: #ffb77d;
  font-size: 12px;
  font-weight: 700;
}

.creasino-sidebar__wallet-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 16px;
}

.creasino-sidebar__wallet-card {
  position: relative;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
  min-height: 58px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 183, 125, .22);
  background: rgba(12, 15, 15, .58);
  color: #e2e2e2 !important;
  text-decoration: none;
}

.creasino-sidebar__wallet-card:hover,
.creasino-sidebar__wallet-card:focus {
  border-color: rgba(255, 183, 125, .55);
  background: rgba(255, 255, 255, .075);
  text-decoration: none;
}

.creasino-sidebar__wallet-icon {
  grid-row: span 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 12px;
  background: rgba(255, 183, 125, .12);
  color: #ffb77d;
}

.creasino-sidebar__wallet-label {
  color: rgba(221, 193, 174, .75);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.creasino-sidebar__wallet-card strong {
  min-width: 0;
  color: #f7bd48;
  font-size: 15px;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creasino-sidebar__progress {
  height: 8px;
  margin-top: 14px;
  overflow: hidden;
  border-radius: 999px;
  background: rgba(255, 255, 255, .1);
}

.creasino-sidebar__progress > div {
  width: 31%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(90deg, #f7bd48, #ff8c00);
  box-shadow: 0 0 16px rgba(255, 140, 0, .38);
}

.creasino-sidebar__guest-title {
  margin-top: 8px;
  color: #e2e2e2;
  font-size: 24px;
  font-weight: 900;
  text-transform: uppercase;
}

.creasino-sidebar__guest-copy {
  margin: 8px 0 14px;
  color: #ddc1ae;
  font-size: 14px;
  line-height: 1.5;
}

.creasino-sidebar__guest-actions {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.creasino-sidebar__translate {
  margin: 0 0 14px;
  padding: 10px 12px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, .08);
  background: rgba(255, 255, 255, .04);
}

.creasino-sidebar__nav {
  padding-bottom: 14px;
}

.creasino-sidebar__section-label {
  padding: 0 8px 8px;
}

.creasino-sidebar__menu {
  gap: 5px;
  padding: 0 !important;
}

.creasino-sidebar__menu .nav-item {
  margin: 0 !important;
}

.creasino-sidebar__menu .nav-link {
  position: relative;
  display: flex !important;
  align-items: center;
  gap: 11px;
  min-height: 46px;
  padding: 9px 10px !important;
  border-radius: 15px;
  border: 1px solid transparent;
  color: rgba(226, 226, 226, .84) !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
  text-decoration: none;
}

.creasino-sidebar__menu .nav-link .icon {
  flex: 0 0 auto;
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
  margin: 0 !important;
  border-radius: 12px;
  background: rgba(255, 183, 125, .09);
  color: #ffb77d;
}

.creasino-sidebar__menu .nav-link .icon i {
  color: inherit !important;
  font-size: 15px;
}

.creasino-sidebar__menu .nav-link span:last-child {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.creasino-sidebar__menu .nav-link:hover,
.creasino-sidebar__menu .nav-link:focus,
.creasino-sidebar__menu .nav-link.active {
  border-color: rgba(255, 183, 125, .26);
  background: rgba(255, 255, 255, .07);
  color: #ffb77d !important;
  text-decoration: none;
}

.creasino-sidebar__menu .nav-link:hover .icon,
.creasino-sidebar__menu .nav-link:focus .icon,
.creasino-sidebar__menu .nav-link.active .icon {
  background: linear-gradient(135deg, #ff8c00, #f7bd48);
  color: #2f1500 !important;
  box-shadow: 0 0 18px rgba(255, 140, 0, .22);
}

.creasino-sidebar__menu .nav-link.active::after {
  content: '';
  position: absolute;
  right: 11px;
  width: 5px;
  height: 5px;
  border-radius: 999px;
  background: #ffb77d;
  box-shadow: 0 0 10px #ff8c00;
}

.creasino-sidebar__deposit {
  color: #2f1500 !important;
  background: linear-gradient(135deg, rgba(255, 140, 0, .94), rgba(247, 189, 72, .94)) !important;
  border-color: rgba(255, 183, 125, .5) !important;
}

.creasino-sidebar__deposit .icon {
  background: rgba(47, 21, 0, .16) !important;
  color: #2f1500 !important;
}

.creasino-sidebar__section-break {
  height: 1px;
  margin: 12px 8px 8px !important;
  background: linear-gradient(90deg, rgba(247, 189, 72, 0), rgba(247, 189, 72, .38), rgba(247, 189, 72, 0));
  list-style: none;
}

.creasino-sidebar__section-label-item {
  list-style: none;
  padding: 4px 8px 5px;
}

.creasino-sidebar__logout {
  position: sticky;
  bottom: 0;
  padding: 12px 0 0;
  margin: 0;
  background: linear-gradient(180deg, rgba(12, 15, 15, 0), rgba(12, 15, 15, .96) 32%);
}

.creasino-sidebar__logout button {
  width: 100%;
  min-height: 44px;
  border-radius: 15px;
  border: 1px solid rgba(255, 180, 171, .22);
  background: rgba(255, 180, 171, .06);
  color: #ffb4ab;
  font-weight: 800;
}

.creasino-sidebar__logout button:hover,
.creasino-sidebar__logout button:focus {
  background: rgba(255, 180, 171, .12);
  border-color: rgba(255, 180, 171, .42);
}

@media (max-width: 420px) {
  .creasino-sidebar {
    width: min(90vw, 330px) !important;
    padding-left: 10px;
    padding-right: 10px;
  }

  .creasino-sidebar__header {
    padding: 15px;
  }
}
.creasino-sidebar__avatar--icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #2f1500;
  font-size: 22px;
}

/* Live text logo replacing PNG wordmarks */
.creasino-wordmark {
  display: inline-block;
  font-family: "CreasinoWordmark", Poppins, Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-weight: 900;
  line-height: .95;
  letter-spacing: 0;
  text-transform: uppercase;
  background: linear-gradient(135deg, #f7bd48, #ffb77d 55%, #ff8c00);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent !important;
  text-shadow: none;
  filter: drop-shadow(0 0 13px rgba(255, 140, 0, .24));
  white-space: nowrap;
}

.creasino-wordmark--header {
  font-size: clamp(22px, 4.8vw, 34px);
}

.creasino-wordmark--login {
  font-size: clamp(28px, 6vw, 42px);
}

.creasino-wordmark--hero {
  font-size: clamp(42px, 11vw, 82px);
}

.creasino-wordmark--inline {
  font-size: 1.08em;
  vertical-align: baseline;
}

.navbar-brand:has(.creasino-wordmark) {
  text-decoration: none !important;
}

@media (max-width: 380px) {
  .creasino-wordmark--header {
    font-size: 20px;
  }
}