/* OmeWoW navigation: modern charcoal and gold. */
.ome-slide-nav { --ome-nav-width: 270px; --ome-nav-top: 155px; width: var(--ome-nav-width) !important; left: calc(0px - var(--ome-nav-width)) !important; top: var(--ome-nav-top) !important; min-height: 0 !important; transition: left 220ms ease !important; }
.ome-slide-nav.is-open { left: 0 !important; }
.ome-slide-inner { width: 100% !important; min-height: 0 !important; max-height: calc(100vh - var(--ome-nav-top) - 12px) !important; max-height: calc(100dvh - var(--ome-nav-top) - 12px) !important; padding: 18px 14px 14px !important; overflow-x: hidden !important; overflow-y: auto !important; background: linear-gradient(145deg,rgba(25,25,25,.98),rgba(10,10,10,.98)) !important; border: 1px solid #57534a !important; border-left: 0 !important; border-radius: 0 18px 18px 0 !important; box-shadow: 6px 12px 30px #0009,inset 0 1px 0 #ffffff0a !important; scrollbar-width: thin; scrollbar-color: #8c7330 #151515; overscroll-behavior-y: contain; -webkit-overflow-scrolling: touch; }
.ome-nav-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:14px; }
.ome-slide-title { padding:0 0 0 4px !important; margin:0 !important; border:0 !important; color:#edc653 !important; font-size:17px !important; line-height:24px !important; letter-spacing:1px !important; }
.ome-nav-close { display:flex; align-items:center; justify-content:center; width:36px; height:36px; flex:0 0 36px; padding:0; border:1px solid transparent; border-radius:8px; color:#edc653; background:transparent; font-size:28px; line-height:1; cursor:pointer; }
.ome-nav-close:hover { background:#edc65312; border-color:#edc65355; }
.ome-slide-menu > li { margin:0 0 7px !important; }
.ome-slide-menu > li > a, .ome-slide-menu .ome-submenu-toggle { display:flex !important; align-items:center; gap:12px; min-height:46px !important; padding:12px 11px !important; font-size:12px !important; line-height:18px !important; border:1px solid #ffffff0c !important; border-radius:10px !important; background:linear-gradient(145deg,#272727,#181818) !important; color:#f2f2f2 !important; box-shadow:inset 0 1px 0 #ffffff03 !important; }
.ome-slide-menu > li > a:hover, .ome-slide-menu .ome-submenu-toggle:hover { border-color:#cba64088 !important; background:linear-gradient(145deg,#342d19,#201c12) !important; color:#ffe7a0 !important; }
.ome-nav-icon { display:block; width:21px; height:21px; flex:0 0 21px; fill:none; stroke:#e5bd45; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.ome-submenu-toggle span { float:none !important; color:inherit !important; }
.ome-nav-text { flex:1; text-align:left; }
.ome-nav-chevron { color:#e5bd45 !important; font-size:24px; line-height:18px; transition:transform 160ms ease; }
.submenu-open .ome-nav-chevron { transform:rotate(90deg); }
.ome-slide-dropdown { margin:5px 0 2px 10px !important; border:1px solid #ad8b303d !important; border-radius:8px; overflow:hidden; }
.ome-slide-dropdown a { min-height:40px; box-sizing:border-box; padding:11px 12px !important; line-height:18px !important; background:#141414 !important; border-color:#ffffff0a !important; }
.ome-slide-dropdown a:hover { background:#272315 !important; }
.ome-nav-quicklinks { display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:12px; padding-top:12px; border-top:1px solid #ffffff12; }
.ome-nav-quicklinks a { display:flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:8px 4px; box-sizing:border-box; border:1px solid #ad8b30; border-radius:9px; background:linear-gradient(145deg,#201c11,#0d0d0d); color:#fafafa; font-size:11px; line-height:18px; text-decoration:none; }
.ome-nav-quicklinks a:hover { background:#332a12; color:#ffe7a0; }
.ome-nav-quicklinks .ome-nav-icon { width:18px; height:18px; flex-basis:18px; }
.ome-slide-toggle { top:10px !important; right:-48px !important; width:44px !important; height:44px !important; padding:11px !important; border:1px solid #e3ba43 !important; border-radius:50% !important; background:linear-gradient(145deg,#222,#101010) !important; box-shadow:0 3px 12px #0008 !important; touch-action:manipulation; }
.ome-slide-toggle:before,.ome-slide-toggle:after { display:none !important; }
.ome-slide-toggle:hover { background:#302713 !important; box-shadow:0 3px 14px #0009 !important; }
.ome-nav-bars { display:flex; flex-direction:column; justify-content:center; gap:4px; width:20px; height:20px; }
.ome-nav-bars span { display:block; height:2px; width:20px; background:#edc653; border-radius:2px; }
.ome-slide-nav button:focus-visible,.ome-slide-nav a:focus-visible { outline:2px solid #ffe7a0; outline-offset:2px; }
@media(max-width:767px) {
 .ome-slide-nav { --ome-nav-width:min(220px,calc(100vw - 64px)); --ome-nav-top:110px; }
 .ome-slide-inner { padding:12px 10px 10px !important; border-radius:0 14px 14px 0 !important; }
 .ome-nav-heading { margin-bottom:8px; }
 .ome-slide-title { font-size:14px !important; }
 .ome-slide-menu > li { margin-bottom:5px !important; }
 .ome-slide-menu > li > a,.ome-slide-menu .ome-submenu-toggle { min-height:42px !important; padding:10px 9px !important; gap:9px; font-size:11px !important; }
 .ome-nav-icon { width:19px; height:19px; flex-basis:19px; }
 .ome-nav-quicklinks { margin-top:10px; padding-top:10px; gap:6px; }
 .ome-nav-quicklinks a { font-size:10px; gap:6px; }
}
@media(max-width:767px) and (max-height:480px) { .ome-slide-nav { --ome-nav-top:72px; } }
@media(prefers-reduced-motion:reduce) { .ome-slide-nav,.ome-nav-chevron { transition:none !important; } }
