/* V48 — responsive header/nav collision fix */

/* Wide desktop: full navigation, no hamburger. */
@media (min-width:1181px){
  .nav{flex-wrap:nowrap!important;align-items:center!important}
  .nav #menuBtn{display:none!important}
  .nav nav{display:flex!important;width:auto!important;order:initial!important;border-top:0!important;padding-top:0!important;margin-left:auto!important;justify-content:flex-end!important;min-width:0!important}
  .nav .rr-nav-extra,.nav .rr-search-launch{flex:0 0 auto!important}
}

/* Laptop / tablet: collapse the long nav before controls begin to collide. */
@media (min-width:761px) and (max-width:1180px){
  .nav{
    min-height:72px!important;
    height:auto!important;
    flex-wrap:wrap!important;
    justify-content:flex-start!important;
    gap:10px!important;
    padding:10px 18px!important;
  }
  .nav .brand{margin-right:auto!important;min-width:0!important}
  .nav #menuBtn{
    display:block!important;
    order:2!important;
    margin:0!important;
    width:42px!important;
    height:42px!important;
    border:1px solid rgba(168,85,247,.34)!important;
    border-radius:12px!important;
    background:rgba(17,12,28,.72)!important;
    line-height:1!important;
    flex:0 0 42px!important;
  }
  .nav .rr-nav-extra{order:3!important;margin-left:0!important;flex:0 0 auto!important}
  .nav .rr-search-launch{order:4!important;flex:0 0 auto!important;max-width:150px!important;white-space:nowrap!important}
  .nav nav,
  .nav #menu{
    display:none!important;
    order:5!important;
    width:100%!important;
    margin:0!important;
    padding:12px 0 4px!important;
    border-top:1px solid rgba(255,255,255,.08)!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:4px!important;
    max-height:70vh!important;
    overflow:auto!important;
  }
  .nav nav.open,
  .nav #menu.open{display:flex!important}
  .nav nav a,
  .nav #menu a{
    display:block!important;
    width:100%!important;
    padding:10px 12px!important;
    border-radius:10px!important;
    font-size:14px!important;
    white-space:normal!important;
  }
  .nav nav a:hover,.nav #menu a:hover{background:rgba(168,85,247,.10)!important}
}

/* Phones: keep controls compact and never let text overlap. */
@media (max-width:760px){
  .nav{display:flex!important;align-items:center!important;gap:8px!important}
  .nav .brand{margin-right:auto!important;max-width:calc(100% - 58px)!important}
  .nav #menuBtn{order:2!important;flex:0 0 auto!important}
  .nav .rr-nav-extra{order:3!important;margin-left:0!important}
  .nav .rr-search-launch{order:4!important;flex:0 0 auto!important}
  .nav nav,.nav #menu{order:5!important;width:100%!important}
}