/* Odyssey Database v2.13.2 — Navigation Refinement */
:root{
  --od-nav-radius:10px;
  --od-nav-hover:rgba(211,170,93,.085);
  --od-nav-current:rgba(211,170,93,.125);
  --od-nav-divider:rgba(255,255,255,.055);
}

/* Desktop navigation: clearer rhythm and stronger current-page state */
@media(min-width:921px){
  .main-nav__items{gap:2px}
  .nav-item__link,.nav-item__trigger{
    min-height:46px;
    margin:auto 1px;
    padding-left:13px;
    padding-right:13px;
    border-radius:8px;
    line-height:1.2;
  }
  .nav-item__link:hover,.nav-item__trigger:hover,.nav-item.is-open>.nav-item__trigger{
    background:linear-gradient(180deg,rgba(211,170,93,.075),rgba(211,170,93,.025));
  }
  .nav-item.is-current>.nav-item__link,.nav-item.is-current>.nav-item__trigger{
    color:#f3dfb5;
    background:linear-gradient(180deg,var(--od-nav-current),rgba(211,170,93,.035));
    box-shadow:inset 0 0 0 1px rgba(218,180,106,.14);
  }
  .nav-panel{padding-top:10px}
  .nav-panel__surface{
    border-radius:var(--od-nav-radius);
    overflow:hidden;
  }
  .nav-panel__list{gap:2px}
  .nav-panel a{border-radius:6px;min-height:42px}
  .nav-panel a:focus-visible,.nav-item__link:focus-visible,.nav-item__trigger:focus-visible{
    outline:2px solid rgba(234,202,139,.75);
    outline-offset:2px;
  }
  .nav-panel__groups{gap:16px}
  .nav-panel__groups section{min-width:0}
}

/* Mobile drawer: larger tap targets, clearer hierarchy and smoother accordion */
@media(max-width:920px){
  .main-nav__items{
    padding:14px 14px 22px!important;
    scrollbar-width:thin;
    scrollbar-color:rgba(202,164,91,.38) transparent;
  }
  .main-nav__items::-webkit-scrollbar{width:6px}
  .main-nav__items::-webkit-scrollbar-thumb{background:rgba(202,164,91,.34);border-radius:999px}
  .nav-item{
    margin-bottom:5px;
    border:1px solid transparent!important;
    border-radius:9px;
    overflow:hidden;
  }
  .nav-item.is-current{
    border-color:rgba(211,170,93,.19)!important;
    background:rgba(211,170,93,.045);
  }
  .nav-item__link,.nav-item__trigger{
    min-height:56px!important;
    padding:0 14px!important;
    border-radius:8px;
    font-weight:500;
    letter-spacing:.035em;
  }
  .nav-item__link:hover,.nav-item__trigger:hover,.nav-item.is-open>.nav-item__trigger{
    color:#f0dbae;
    background:var(--od-nav-hover)!important;
  }
  .nav-item__trigger i{
    width:8px;
    height:8px;
    margin-right:3px;
  }
  .nav-panel,.nav-panel--mega{
    margin:0!important;
    padding:0 8px 9px!important;
  }
  .nav-panel__surface,.nav-panel--mega .nav-panel__surface{
    padding:5px 0 6px 10px!important;
    border-left-color:rgba(211,170,93,.28)!important;
    border-radius:0 0 8px 8px;
  }
  .nav-panel__list{display:grid;gap:2px}
  .nav-panel a{
    min-height:46px!important;
    padding:9px 12px!important;
    border-radius:6px;
    line-height:1.45;
  }
  .nav-panel a:hover,.nav-panel a:focus-visible{
    background:linear-gradient(90deg,rgba(211,170,93,.105),rgba(211,170,93,.025));
  }
  .nav-panel__groups section{
    margin:2px 0 7px;
    padding:3px 3px 7px!important;
    border-bottom:1px solid var(--od-nav-divider)!important;
  }
  .nav-panel__groups section:last-child{border-bottom:0!important}
  .nav-panel__groups strong{
    padding:10px 10px 6px!important;
    font-size:13px!important;
    letter-spacing:.1em;
    color:#c7a66b!important;
  }
  .main-nav__mobile-head{
    min-height:72px!important;
    padding:0 18px 0 22px!important;
    background:rgba(255,255,255,.012);
  }
  .main-nav__close{
    border-radius:8px;
    transition:background .18s ease,border-color .18s ease,color .18s ease;
  }
  .main-nav__close:hover{background:rgba(211,170,93,.09);border-color:rgba(211,170,93,.45);color:#f2deb5}
  .nav-search-link{border-radius:8px}
}

/* Phase 2 Step 7: shared CMS front-end branding */
.brand__logo{display:flex;align-items:center;justify-content:center;max-width:190px;height:48px;overflow:hidden}
.brand__logo img{display:block;max-width:100%;max-height:48px;width:auto;height:auto;object-fit:contain}
.site-footer__custom-logo{display:block;max-width:180px;max-height:64px;margin:0 0 14px;object-fit:contain}
.site-footer__contacts{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.site-footer__contacts a{display:inline-flex;align-items:center;padding:7px 10px;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:inherit;text-decoration:none;font-size:12px}
.site-footer__contacts a:hover{border-color:rgba(220,185,104,.5);color:#fff}
@media(max-width:680px){.brand__logo{max-width:132px;height:40px}.brand__logo img{max-height:40px}.brand__text small{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}

/* Step 4-1-3 Player Session */
.player-session-nav{display:flex;align-items:center;gap:10px;min-height:42px;padding:7px 12px;border:1px solid rgba(205,164,78,.34);background:rgba(18,20,22,.76);text-decoration:none;color:#f2d58b}.player-session-nav__account,.player-session-nav--guest{line-height:1.1}.player-session-nav small{display:block;font-size:9px;letter-spacing:.17em;color:#8799aa}.player-session-nav strong{display:block;margin-top:3px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.player-session-nav form{margin:0}.player-session-nav button{border:0;border-left:1px solid rgba(205,164,78,.28);padding:4px 0 4px 10px;background:transparent;color:#c9d4df;font:inherit;font-size:12px;cursor:pointer}.player-session-nav button:hover,.player-session-nav--guest:hover{color:#fff1bd}.player-session-nav--guest{display:block}
@media (max-width:980px){.player-session-nav{margin:12px 18px 0;justify-content:space-between}.player-session-nav strong{max-width:none}}