/* ==========================================================
   AP98C - Pulido final del menú superior
   - Home solo icono, sin texto "Inicio"
   - Corrige "Drop y Herramientas Herramientas"
   - Caret al costado del texto, no arriba
   - El glow no queda pegado por defecto; solo hover/open/focus
   ========================================================== */

/* Evita que un CSS viejo vuelva a mostrar textos duplicados */
#main-navbar .ng-nav-home .ng-nav-home-text,
#main-navbar .ng-nav-tools-short,
#main-navbar .ng-nav-tools-full {
    display: none !important;
}

#main-navbar .ng-nav-tools-label {
    display: inline-flex !important;
    align-items: center !important;
    white-space: nowrap !important;
}

/* Home compacto: la gracia es solo la casita */
#main-navbar .ng-nav-home > a {
    width: 54px !important;
    min-width: 54px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
}

#main-navbar .ng-nav-home > a i {
    margin: 0 !important;
    font-size: 15px !important;
}

/* Top menu más limpio y resistente al login/usercp */
#main-navbar .ngames-main-menu > li > a,
#main-navbar.scrolled .ngames-main-menu > li > a,
.navbar-default .ngames-main-menu > li > a {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    height: 60px !important;
    min-height: 60px !important;
    line-height: 60px !important;
    padding: 0 11px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* El caret debe ir al costado del texto, nunca arriba */
#main-navbar .ngames-main-menu > li.dropdown > a .caret,
#main-navbar .navbar-nav > li.dropdown > a .caret,
#main-navbar .dropdown-toggle .caret {
    position: static !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    display: inline-block !important;
    margin-left: 4px !important;
    margin-top: 0 !important;
    vertical-align: middle !important;
    transform: none !important;
    float: none !important;
    border-top-color: currentColor !important;
}

/* Quita brillo pegado por active. El active no debe quedarse encendido por defecto. */
#main-navbar .ngames-main-menu > li.active > a,
#main-navbar .ngames-main-menu > li.active > a:hover,
#main-navbar .ngames-main-menu > li.active > a:focus,
#main-navbar .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a {
    background: transparent !important;
    color: #f3f3f3 !important;
    box-shadow: none !important;
}

/* Glow solo cuando realmente lo usas: hover/focus/open */
#main-navbar .ngames-main-menu > li > a:hover,
#main-navbar .ngames-main-menu > li > a:focus,
#main-navbar .ngames-main-menu > li.open > a,
#main-navbar .ngames-main-menu > li.open > a:hover,
#main-navbar .ngames-main-menu > li.open > a:focus {
    background: linear-gradient(180deg, rgba(129, 61, 27, .62), rgba(28, 14, 11, .48)) !important;
    color: #fff !important;
    box-shadow: inset 0 -2px 0 #d17a21, 0 0 20px rgba(255, 128, 32, .18) !important;
}

/* Flechita superior del dropdown centrada y discreta solo al abrir */
#main-navbar .ngames-main-menu > li.dropdown:before,
#main-navbar .ngames-main-menu > li.dropdown:after {
    display: none !important;
}

#main-navbar .ngames-main-menu > li.dropdown.open:after {
    content: "";
    display: block !important;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgba(201, 106, 31, .95);
    pointer-events: none;
    z-index: 1001;
}

/* Dropdown interno: conserva el orden AP98B, pero más firme visualmente */
#main-navbar .ng-nav-tools-menu {
    min-width: 250px !important;
}

#main-navbar .dropdown-menu > li > a,
#main-navbar.scrolled .dropdown-menu > li > a,
.navbar-default .dropdown-menu > li > a {
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    line-height: 1.2 !important;
}

#main-navbar .dropdown-menu > li > a i {
    position: static !important;
    margin: 0 !important;
    display: inline-block !important;
}

/* Ajustes para pantallas medianas sin duplicar nombre */
@media (max-width: 1420px) and (min-width: 768px) {
    #main-navbar .ngames-main-menu > li > a,
    #main-navbar.scrolled .ngames-main-menu > li > a,
    .navbar-default .ngames-main-menu > li > a {
        font-size: 12.5px !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
    #main-navbar .ng-nav-home > a {
        width: 48px !important;
        min-width: 48px !important;
    }
}

@media (max-width: 1240px) and (min-width: 768px) {
    #main-navbar .ngames-main-menu > li > a,
    #main-navbar.scrolled .ngames-main-menu > li > a,
    .navbar-default .ngames-main-menu > li > a {
        font-size: 12px !important;
        padding-left: 6px !important;
        padding-right: 6px !important;
    }
    #main-navbar .ng-nav-tools-label {
        font-size: 11.8px !important;
    }
}

@media (max-width: 1080px) and (min-width: 768px) {
    #main-navbar .ngames-main-menu > li > a,
    #main-navbar.scrolled .ngames-main-menu > li > a,
    .navbar-default .ngames-main-menu > li > a {
        font-size: 11px !important;
        padding-left: 5px !important;
        padding-right: 5px !important;
    }
    #main-navbar .ng-nav-tools-label {
        max-width: 118px !important;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
}

/* En móvil sí puede decir Inicio porque ya no compite con el navbar horizontal */
@media (max-width: 767px) {
    #main-navbar .ng-nav-home > a {
        width: auto !important;
        min-width: 0 !important;
        padding-left: 14px !important;
        padding-right: 14px !important;
    }
    #main-navbar .ng-nav-home > a:after {
        content: "Inicio";
        margin-left: 8px;
    }
    #main-navbar .ngames-main-menu > li > a,
    #main-navbar.scrolled .ngames-main-menu > li > a,
    .navbar-default .ngames-main-menu > li > a {
        justify-content: flex-start !important;
        height: auto !important;
        min-height: 40px !important;
        line-height: 1.25 !important;
        padding: 11px 14px !important;
        font-size: 13px !important;
    }
    #main-navbar .ng-nav-tools-label {
        max-width: none !important;
    }
    #main-navbar .ngames-main-menu > li.dropdown.open:after {
        display: none !important;
    }
}

/* AP98G/NDE3 — compact tools mega menu */
@media(min-width:768px){
  #main-navbar .ng-nav-tools-menu{
    width:560px!important;min-width:560px!important;
    max-height:calc(100vh - 105px)!important;
    overflow-y:auto!important;overflow-x:hidden!important;
    display:none;grid-template-columns:repeat(2,minmax(0,1fr));
    column-gap:8px;padding:10px!important;
    left:50%!important;right:auto!important;transform:translateX(-52%)!important;
  }
  #main-navbar .ng-nav-tools.open > .ng-nav-tools-menu{display:grid!important}
  #main-navbar .ng-nav-tools-menu > li{min-width:0;margin:0!important}
  #main-navbar .ng-nav-tools-menu > li > a{
    min-height:32px!important;padding:7px 9px!important;
    font-size:11.5px!important;white-space:normal!important;border-radius:5px
  }
  #main-navbar .ng-nav-tools-menu > .dropdown-header{
    padding:8px 9px 5px!important;font-size:9px!important;line-height:1!important
  }
  #main-navbar .ng-nav-tools-menu > .divider{display:none!important}
  #main-navbar .ng-nav-tools-menu::-webkit-scrollbar{width:7px}
  #main-navbar .ng-nav-tools-menu::-webkit-scrollbar-thumb{background:#743a19;border-radius:8px}
}
@media(max-width:767px){
  #main-navbar .ng-nav-tools-menu{
    width:auto!important;min-width:0!important;max-height:none!important;
    overflow:visible!important;transform:none!important
  }
}