/* ==========================================================
   AP98E - Final: caret real, comunidad con imagen y glass seguro
   Carga después de AP98D para corregir overrides fallidos.
   ========================================================== */

/* ==========================================================
   1) MENÚ: elimina flechas flotantes y usa caret propio al costado
   ========================================================== */
#main-navbar .navbar-nav > li::before,
#main-navbar .navbar-nav > li::after,
#main-navbar .ngames-main-menu > li::before,
#main-navbar .ngames-main-menu > li::after,
#main-navbar .dropdown::before,
#main-navbar .dropdown::after,
#main-navbar .dropdown.open::before,
#main-navbar .dropdown.open::after,
#main-navbar .dropdown-toggle::before,
#main-navbar .dropdown-toggle::after,
#main-navbar .navbar-nav > li > a::before,
#main-navbar .navbar-nav > li > a::after,
#main-navbar .ngames-main-menu > li > a::before,
#main-navbar .ngames-main-menu > li > a::after,
.navbar-default .navbar-nav > li::before,
.navbar-default .navbar-nav > li::after,
.navbar-default .navbar-nav > li > a::before,
.navbar-default .navbar-nav > li > a::after {
    content: none !important;
    display: none !important;
    width: 0 !important;
    height: 0 !important;
    border: 0 !important;
    background: none !important;
    box-shadow: none !important;
}

#main-navbar .dropdown-toggle .caret,
#main-navbar .navbar-nav > li.dropdown > a .caret,
#main-navbar .ngames-main-menu > li.dropdown > a .caret {
    display: none !important;
}

#main-navbar .ngames-main-menu > li > a,
#main-navbar .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    line-height: 1 !important;
    white-space: nowrap !important;
    overflow: visible !important;
}

#main-navbar .ng-menu-caret {
    display: inline-block !important;
    flex: 0 0 auto !important;
    width: 0 !important;
    height: 0 !important;
    margin-left: 2px !important;
    transform: translateY(1px) !important;
    border-left: 4px solid transparent !important;
    border-right: 4px solid transparent !important;
    border-top: 4px solid currentColor !important;
    opacity: .85 !important;
    line-height: 0 !important;
    vertical-align: middle !important;
    position: static !important;
    background: transparent !important;
    box-shadow: none !important;
}

#main-navbar .ngames-main-menu > li.open > a .ng-menu-caret,
#main-navbar .ngames-main-menu > li > a:hover .ng-menu-caret {
    opacity: 1 !important;
    color: #ffb45a !important;
}

#main-navbar .ng-nav-tools-label {
    display: inline-block !important;
    line-height: 1 !important;
}

#main-navbar .ngames-main-menu > li.active > a,
#main-navbar .navbar-nav > li.active > a,
.navbar-default .navbar-nav > li.active > a {
    background: transparent !important;
    box-shadow: none !important;
    color: #f2f2f2 !important;
}

#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(138, 61, 23, .58), rgba(25, 12, 9, .50)) !important;
    box-shadow: inset 0 -2px 0 #d17a21, 0 0 20px rgba(255, 128, 32, .17) !important;
    color: #fff !important;
}

@media (max-width: 1320px) and (min-width: 768px) {
    #main-navbar .ngames-main-menu > li > a,
    #main-navbar .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a {
        padding-left: 8px !important;
        padding-right: 8px !important;
        font-size: 12.2px !important;
    }
}

/* ==========================================================
   2) COMUNIDAD OFICIAL: restaura imagen y altura correcta
   ========================================================== */
#mu-extinction-discord {
    position: relative !important;
    min-height: 275px !important;
    margin: 0 0 18px 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(255, 139, 24, .38) !important;
    border-radius: 8px !important;
    background:
        linear-gradient(90deg, rgba(15, 20, 26, .92) 0%, rgba(15, 20, 26, .63) 52%, rgba(15, 20, 26, .25) 100%),
        url('../images/discord-community-banner.webp') center center / cover no-repeat !important;
    box-shadow:
        0 15px 38px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.055),
        0 0 26px rgba(255, 126, 26, .08) !important;
}

#mu-extinction-discord::before {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 12% 10%, rgba(255, 165, 62, .13), transparent 28%),
        linear-gradient(115deg, rgba(255,255,255,.075), transparent 23%, transparent 74%, rgba(255,255,255,.04));
    opacity: .75 !important;
    border: 0 !important;
    box-shadow: none !important;
}

#mu-extinction-discord::after {
    content: "" !important;
    display: block !important;
    position: absolute !important;
    left: 14px !important;
    right: 14px !important;
    top: 0 !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(255, 185, 78, .7), transparent) !important;
    box-shadow: 0 0 18px rgba(255, 139, 24, .45) !important;
    pointer-events: none !important;
}

#mu-extinction-discord .discord-community-inner {
    position: relative !important;
    z-index: 2 !important;
    min-height: 275px !important;
    max-width: 58% !important;
    padding: 42px 38px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: flex-start !important;
    background: linear-gradient(90deg, rgba(14, 20, 26, .22), rgba(14, 20, 26, 0)) !important;
}

#mu-extinction-discord .discord-community-kicker {
    margin-bottom: 7px !important;
    color: #f19a30 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

#mu-extinction-discord .discord-community-title {
    margin: 0 0 10px !important;
    color: #ffffff !important;
    font-size: 31px !important;
    line-height: 1.10 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.78) !important;
}

#mu-extinction-discord .discord-community-text {
    max-width: 570px !important;
    margin: 0 0 18px !important;
    color: #e2e7eb !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    text-shadow: 0 1px 7px rgba(0,0,0,.85) !important;
}

#mu-extinction-discord .discord-community-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
    align-items: center !important;
}

#mu-extinction-discord .discord-community-button {
    min-width: 190px !important;
    padding: 11px 22px !important;
    font-size: 12px !important;
    line-height: 1.1 !important;
    border-radius: 4px !important;
}

@media (max-width: 991px) {
    #mu-extinction-discord .discord-community-inner {
        max-width: 70% !important;
    }
}

@media (max-width: 767px) {
    #mu-extinction-discord {
        min-height: 330px !important;
        background-position: 62% center !important;
    }
    #mu-extinction-discord .discord-community-inner {
        min-height: 330px !important;
        max-width: 100% !important;
        padding: 34px 24px !important;
        align-items: center !important;
        text-align: center !important;
        background: rgba(15,20,26,.55) !important;
    }
    #mu-extinction-discord .discord-community-title {
        font-size: 27px !important;
    }
}

/* ==========================================================
   3) LIQUID GLASS REAL, sin pisar imágenes importantes
   ========================================================== */
:root {
    --ng98e-glass-bg: rgba(22, 28, 35, .58);
    --ng98e-glass-bg-2: rgba(12, 16, 21, .74);
    --ng98e-glass-border: rgba(255, 255, 255, .105);
    --ng98e-glass-orange: rgba(239, 139, 24, .22);
}

#content-wrapper,
.content-box,
#sidebar .panel,
.sidebar .panel,
.panel,
.panel-default,
.quick-link-home-panel,
.server-info-home-panel,
.news-list,
.news-single,
.usercp_menu,
.table-responsive,
.rankings-table,
.ap76-sale-hero,
.ap84-panel,
.ap86-wrap .ap86-panel,
.ap87-panel,
.ap88-wrap .ap88-panel,
.ap95-section,
.ap97-donation-panel {
    border-color: rgba(255,255,255,.10) !important;
    box-shadow:
        0 14px 36px rgba(0,0,0,.30),
        inset 0 1px 0 rgba(255,255,255,.045),
        0 0 18px rgba(239,139,24,.045) !important;
}

@supports ((-webkit-backdrop-filter: blur(12px)) or (backdrop-filter: blur(12px))) {
    #content-wrapper,
    .content-box,
    #sidebar .panel,
    .sidebar .panel,
    .panel,
    .panel-default,
    .quick-link-home-panel,
    .server-info-home-panel,
    .news-list,
    .news-single,
    .usercp_menu,
    .table-responsive,
    .rankings-table,
    .ap84-panel,
    .ap87-panel,
    .ap95-section,
    .ap97-donation-panel {
        background:
            linear-gradient(145deg, rgba(255,255,255,.055), rgba(255,255,255,.018) 38%, rgba(0,0,0,.18)),
            linear-gradient(180deg, var(--ng98e-glass-bg), var(--ng98e-glass-bg-2)) !important;
        -webkit-backdrop-filter: blur(13px) saturate(125%) !important;
        backdrop-filter: blur(13px) saturate(125%) !important;
    }
}

/* Nunca aplicar glass genérico encima del banner de comunidad ni banners con imagen */
#mu-extinction-discord,
#mu-extinction-discord *,
.guild-challenge-hero,
.ap95-hero,
.ap86-hero,
.ap76-sale-hero {
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

/* Detalle liquid glass: brillo superior sutil en paneles principales */
.content-box > section:not(#mu-extinction-discord),
#sidebar .panel,
.sidebar .panel,
.panel,
.quick-link-home-panel,
.server-info-home-panel {
    position: relative;
    overflow: hidden;
}

.content-box > section:not(#mu-extinction-discord)::before,
#sidebar .panel::before,
.sidebar .panel::before,
.panel::before,
.quick-link-home-panel::before,
.server-info-home-panel::before {
    content: "";
    position: absolute;
    left: 12px;
    right: 12px;
    top: 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
    opacity: .55;
    pointer-events: none;
    z-index: 1;
}