/* VELDUR mobile/tablet fullscreen menu. Independent of Elementor's dropdown. */
.veldur-mobile-nav { display: none; }
@media (max-width: 1024px) {
  .veldur-mobile-nav { display: flex; justify-content: center; width: 100%; }
  .veldur-mobile-nav-trigger {
    display: inline-flex; align-items: center; justify-content: center;
    width: 54px; height: 46px; padding: 8px;
    color: #D6A62E; border: 0; border-radius: 8px;
    background: transparent; cursor: pointer;
  }
  .veldur-mobile-nav-trigger:focus-visible,
  .veldur-mobile-menu-close:focus-visible,
  .veldur-mobile-menu-dialog a:focus-visible { outline: 2px solid #D6A62E; outline-offset: 3px; }
  .veldur-mobile-nav-bars { display: flex; flex-direction: column; gap: 5px; align-items: center; }
  .veldur-mobile-nav-bars span { display: block; width: 27px; height: 3px; border-radius: 3px; background: #D6A62E; }
}
/* Native modal dialog enters the browser top layer (no Elementor clipping/animation). */
.veldur-mobile-menu-dialog { display: none; }
.veldur-mobile-menu-dialog[open] {
  display: block !important;
  position: fixed !important;
  inset: 0 !important;
  width: 100% !important; height: 100% !important;
  width: 100dvw !important; height: 100dvh !important;
  max-width: none !important; max-height: none !important;
  margin: 0 !important; padding: 0 !important;
  border: 0 !important; border-radius: 0 !important;
  background: #0E0D0B !important;
  color: #D8C8A3 !important;
  box-sizing: border-box !important;
  overflow: hidden !important;
  z-index: 2147483647 !important;
  animation: none !important; transition: none !important;
}
.veldur-mobile-menu-dialog::backdrop { background: rgba(0,0,0,.88); }
.veldur-mobile-menu-inner { width: 100%; height: 100%; display: flex; flex-direction: column; background: linear-gradient(150deg,#191613,#0C0B09); box-sizing: border-box; }
.veldur-mobile-menu-top {
  flex: 0 0 auto; min-height: 70px;
  display: flex; align-items: center; justify-content: space-between;
  gap: 16px; padding: 14px max(22px,env(safe-area-inset-right)) 14px max(22px,env(safe-area-inset-left));
  border-bottom: 1px solid #40331D; box-sizing: border-box;
}
.veldur-mobile-menu-brand { font-family: 'Cinzel',serif; font-size: 22px; color: #D6A62E; letter-spacing: 2px; }
.veldur-mobile-menu-brand span { font: 700 10px sans-serif; letter-spacing: 1px; color: #83765B; }
.veldur-mobile-menu-close {
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0;
  border: 1px solid #47391D; border-radius: 8px; background: #1B1711;
  font: 400 32px/1 Arial,sans-serif; color: #E0BC55; cursor: pointer;
}
.veldur-mobile-menu-scroll {
  flex: 1 1 auto; min-height: 0; width: 100%;
  overflow-y: auto; overscroll-behavior: contain;
  padding: 20px max(20px,env(safe-area-inset-right)) max(30px,env(safe-area-inset-bottom)) max(20px,env(safe-area-inset-left));
  box-sizing: border-box;
}
.veldur-mobile-menu-player {
  width: 100%; margin: 0 auto 22px; max-width: 720px;
  padding: 18px; border: 1px solid #715525; border-radius: 12px;
  background: linear-gradient(135deg,#272114,#14110D);
  box-sizing: border-box;
}
.veldur-mobile-menu-user { display:flex; align-items:center; gap:14px; min-width:0; text-decoration:none !important; }
.veldur-mobile-menu-user img { display:block; flex:0 0 54px; width:54px; height:54px; object-fit:cover; border:1px solid #D6A62E; border-radius:11px; }
.veldur-mobile-menu-user-info { display:flex; flex-direction:column; min-width:0; gap:3px; }
.veldur-mobile-menu-user-info small { color:#D6A62E; letter-spacing:1.2px; font:700 10px sans-serif; }
.veldur-mobile-menu-user-info strong { font:700 20px/1.3 'Cinzel',serif; color:#F3E8CF; overflow-wrap:anywhere; }
.veldur-mobile-menu-user-info > span { color:#C4B89D; font:12px sans-serif; }
.veldur-mobile-menu-wallet { margin:16px 0 14px; }
.veldur-mobile-menu-wallet .veldur-header-wallet { width:100%; justify-content:flex-start; padding:9px 12px; background:#120F0B; border-color:#605028; border-radius:9px; }
.veldur-mobile-menu-wallet .veldur-header-wallet-amount { font-size:15px; }
.veldur-mobile-menu-logout,
.veldur-mobile-menu-login {
  display:flex; align-items:center; justify-content:center; min-height:44px;
  border:1px solid #816127; border-radius:8px;
  color:#E0BC55 !important; background:#17120B;
  font:700 13px 'Cinzel',serif; text-decoration:none !important;
}
.veldur-mobile-menu-guest-title { display:block; color:#F3E8CF; font:700 19px 'Cinzel',serif; }
.veldur-mobile-menu-guest-text { display:block; margin:8px 0 18px; color:#AAA192; font-size:13px; }
.veldur-mobile-menu-links { display:flex; flex-direction:column; max-width:720px; margin:0 auto; width:100%; }
.veldur-mobile-menu-section-title {
  display: block; padding: 0 18px 10px; margin-top: 3px;
  color: #B48A39; font: 700 10px/1.4 Arial,sans-serif;
  letter-spacing: 1.6px;
}
.veldur-mobile-menu-link {
  display:flex; align-items:center; min-height:53px;
  padding:14px 18px; border-bottom:1px solid #352B1B;
  color:#E1D2AF !important; background:transparent !important;
  font:500 17px 'Cinzel',serif; text-decoration:none !important;
  box-sizing:border-box; transition:none !important;
}
.veldur-mobile-menu-link.is-current {
  color:#F0D47C !important; background:rgba(199,154,59,.08) !important;
  border-left:3px solid #C79A3B; padding-left:15px;
}
.veldur-mobile-menu-link.is-child { padding-left:38px; font-size:15px; }
@media (hover: hover) and (pointer: fine) {
  .veldur-mobile-menu-link:hover { color:#F0D47C !important; background:rgba(199,154,59,.07) !important; }
  .veldur-mobile-menu-logout:hover,
  .veldur-mobile-menu-login:hover { background:#30240F; }
}
@media (prefers-reduced-motion: reduce) {
  .veldur-mobile-menu-dialog, .veldur-mobile-menu-dialog * { transition:none !important; animation:none !important; }
}

/* Keep Elementor/theme button states gold and dark, never pink/red. */
@media (max-width: 1024px) {
  .veldur-mobile-nav .veldur-mobile-nav-trigger,
  .veldur-mobile-nav .veldur-mobile-nav-trigger:hover,
  .veldur-mobile-nav .veldur-mobile-nav-trigger:focus,
  .veldur-mobile-nav .veldur-mobile-nav-trigger:active,
  .veldur-mobile-nav .veldur-mobile-nav-trigger[aria-expanded="true"] {
    background: transparent !important;
    background-color: transparent !important;
    color: #D6A62E !important;
    border: 0 !important;
    box-shadow: none !important;
    outline: none !important;
  }
  .veldur-mobile-nav .veldur-mobile-nav-trigger .veldur-mobile-nav-bars span {
    background: #D6A62E !important;
  }
  .veldur-mobile-menu-dialog .veldur-mobile-menu-close,
  .veldur-mobile-menu-dialog .veldur-mobile-menu-close:hover,
  .veldur-mobile-menu-dialog .veldur-mobile-menu-close:focus,
  .veldur-mobile-menu-dialog .veldur-mobile-menu-close:active {
    background: #1B1711 !important;
    background-color: #1B1711 !important;
    color: #E0BC55 !important;
    border: 1px solid #47391D !important;
    box-shadow: none !important;
    outline: none !important;
  }
  /* Show a keyboard-only focus ring without recoloring the buttons. */
  .veldur-mobile-nav .veldur-mobile-nav-trigger:focus-visible,
  .veldur-mobile-menu-dialog .veldur-mobile-menu-close:focus-visible {
    outline: 2px solid #D6A62E !important;
    outline-offset: 3px !important;
  }
}
/* In-game rank badge in the fullscreen account panel. */
.veldur-mobile-menu-user-info .veldur-mobile-menu-rank {
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  margin-top: 6px;
  min-height: 26px;
  padding: 4px 10px;
  color: #F0D47C;
  background: rgba(199,154,59,.08);
  border: 1px solid #4A3D24;
  border-radius: 6px;
  font: 700 11px/1.2 Arial,sans-serif;
  max-width: 100%;
  overflow-wrap: anywhere;
}

/* Direct access to existing Notifications page from fullscreen player panel. */
.veldur-mobile-menu-notifications {
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; min-height:46px; margin:0 0 10px; padding:10px 14px;
  border:1px solid #544222; border-radius:8px; background:#15120E;
  color:#E0BC55 !important; text-decoration:none !important;
  font:700 13px/1.3 'Cinzel',serif;
}
.veldur-mobile-menu-notifications-label { display:inline-flex; align-items:center; gap:9px; }
.veldur-mobile-menu-notifications .veldur-notification-count {
  position:static !important; display:flex; align-items:center; justify-content:center;
  min-width:22px; height:22px; padding:0 6px; flex:0 0 auto;
  border:1px solid #B78F3C; border-radius:12px;
  background:#D6A62E; color:#11100E; font:800 11px/1 Arial,sans-serif;
}
.veldur-mobile-menu-notifications .veldur-notification-count.is-empty { display:none !important; }
@media (hover:hover) and (pointer:fine) {
  .veldur-mobile-menu-notifications:hover { background:#30240F; border-color:#816127; }
}
.veldur-mobile-menu-notifications:focus-visible { outline:2px solid #D6A62E; outline-offset:3px; }