/* V5.10 GLOBAL encyclopedia shell hotfix.
 * Applies to every /enciclopedia/* route and loads last.
 * Purpose: one stable header/navigation shell for home, archives and entity detail pages.
 */

@media (min-width:701px){
  body.fke-encyclopedia-shell .fke-header{
    overflow:visible!important;
  }
  body.fke-encyclopedia-shell .fke-header__inner{
    width:min(1440px,calc(100% - 48px))!important;
    max-width:1440px!important;
    min-height:80px!important;
    margin:0 auto!important;
    padding:12px 0!important;
    display:grid!important;
    grid-template-columns:minmax(260px,360px) minmax(0,1fr) minmax(250px,320px)!important;
    align-items:center!important;
    gap:22px!important;
  }
  body.fke-encyclopedia-shell .fke-identity{
    display:flex!important;
    align-items:center!important;
    width:auto!important;
    min-width:0!important;
    max-width:360px!important;
    flex:none!important;
    gap:10px!important;
    overflow:hidden!important;
  }
  body.fke-encyclopedia-shell .fke-identity>span{
    display:block!important;
    min-width:0!important;
    max-width:100%!important;
    overflow:hidden!important;
  }
  body.fke-encyclopedia-shell .fke-identity__logo{
    width:40px!important;
    height:40px!important;
    flex:0 0 40px!important;
  }
  body.fke-encyclopedia-shell .fke-identity strong{
    display:block!important;
    margin:0!important;
    font-size:20px!important;
    line-height:1.12!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.fke-encyclopedia-shell .fke-identity small{
    display:block!important;
    max-width:100%!important;
    margin-top:4px!important;
    font-size:9px!important;
    line-height:1.25!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.fke-encyclopedia-shell .fke-nav{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    flex:none!important;
    flex-wrap:nowrap!important;
    align-items:center!important;
    justify-content:center!important;
    gap:clamp(11px,1.25vw,20px)!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  body.fke-encyclopedia-shell .fke-nav a{
    display:block!important;
    flex:0 0 auto!important;
    padding:8px 0!important;
    font-size:11px!important;
    line-height:1.15!important;
  }
  body.fke-encyclopedia-shell .fke-search{
    display:flex!important;
    width:100%!important;
    min-width:0!important;
    max-width:320px!important;
    margin:0!important;
    justify-self:end!important;
  }
  body.fke-encyclopedia-shell .fke-search input{
    min-width:0!important;
    width:100%!important;
  }
  body.fke-encyclopedia-shell .fke-subnav{
    width:min(1440px,calc(100% - 48px))!important;
    max-width:1440px!important;
    min-height:42px!important;
    margin:0 auto!important;
    padding:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:nowrap!important;
    gap:clamp(18px,2vw,30px)!important;
    overflow-x:auto!important;
    overflow-y:hidden!important;
    white-space:nowrap!important;
    scrollbar-width:none!important;
  }
  body.fke-encyclopedia-shell .fke-subnav::-webkit-scrollbar{display:none!important}
  body.fke-encyclopedia-shell .fke-subnav a{
    flex:0 0 auto!important;
    padding:12px 0!important;
    font-size:11px!important;
    line-height:1.15!important;
  }
}

/* Medium desktop / tablet landscape: preserve one-line nav, remove only the search box. */
@media (min-width:701px) and (max-width:1180px){
  body.fke-encyclopedia-shell .fke-header__inner{
    width:min(100% - 36px,1120px)!important;
    grid-template-columns:minmax(220px,320px) minmax(0,1fr)!important;
    gap:16px!important;
  }
  body.fke-encyclopedia-shell .fke-search{display:none!important}
  body.fke-encyclopedia-shell .fke-nav{
    justify-content:flex-end!important;
    gap:clamp(9px,1.2vw,15px)!important;
  }
  body.fke-encyclopedia-shell .fke-nav a{font-size:10.5px!important}
  body.fke-encyclopedia-shell .fke-subnav{width:min(100% - 36px,1120px)!important}
}

/* Narrow tablet: identity stays compact and the nav scrolls rather than wrapping. */
@media (min-width:701px) and (max-width:900px){
  body.fke-encyclopedia-shell .fke-header__inner{
    grid-template-columns:minmax(185px,250px) minmax(0,1fr)!important;
  }
  body.fke-encyclopedia-shell .fke-identity small{display:none!important}
  body.fke-encyclopedia-shell .fke-identity strong{font-size:17px!important}
  body.fke-encyclopedia-shell .fke-nav{
    justify-content:flex-start!important;
    overflow-x:auto!important;
    scrollbar-width:none!important;
  }
  body.fke-encyclopedia-shell .fke-nav::-webkit-scrollbar{display:none!important}
}

/* Mobile remains the compact existing mobile system, but force away legacy desktop rules. */
@media (max-width:700px){
  body.fke-encyclopedia-shell .fke-header__inner{
    width:100%!important;
    max-width:none!important;
    min-height:62px!important;
    padding:8px 16px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:row!important;
    align-items:center!important;
    gap:12px!important;
  }
  body.fke-encyclopedia-shell .fke-identity{
    min-width:0!important;
    max-width:calc(100% - 116px)!important;
    overflow:hidden!important;
  }
  body.fke-encyclopedia-shell .fke-identity>span{min-width:0!important;overflow:hidden!important}
  body.fke-encyclopedia-shell .fke-identity strong{
    display:block!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  body.fke-encyclopedia-shell .fke-identity small,
  body.fke-encyclopedia-shell .fke-nav,
  body.fke-encyclopedia-shell .fke-search,
  body.fke-encyclopedia-shell .fke-subnav{display:none!important}
  body.fke-encyclopedia-shell .fke-header__mobile-tools{
    display:flex!important;
    margin-left:auto!important;
    flex:0 0 auto!important;
  }
}