/* ==========================================================
   KINGS - MARCA PADRAO DO TOPO
   ========================================================== */

.brand{
    display:flex !important;
    align-items:center !important;
    gap:9px !important;
    text-decoration:none !important;
}

.brand .kings-top-icon{
    display:block !important;

    width:38px !important;
    height:38px !important;

    min-width:38px !important;
    min-height:38px !important;

    max-width:38px !important;
    max-height:38px !important;

    flex:0 0 38px !important;

    object-fit:contain !important;

    margin:0 !important;
    padding:0 !important;

    position:static !important;

    filter:
        drop-shadow(0 0 4px rgba(255,196,0,.75))
        drop-shadow(0 0 9px rgba(255,196,0,.30));
}

.brand strong{
    display:block !important;
    font-size:19px !important;
    line-height:1 !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
}

/* ==========================================================
   KINGS - FORCAR MENU NEON EM TODAS AS ABAS
   ========================================================== */

.main-nav{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    flex-wrap:nowrap !important;
}

.main-nav a{
    position:relative !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;

    min-height:34px !important;
    padding:7px 11px !important;

    border:1px solid rgba(35,130,255,.85) !important;
    border-radius:4px !important;

    background:
        linear-gradient(
            180deg,
            rgba(17,48,86,.80) 0%,
            rgba(5,18,34,.98) 100%
        ) !important;

    color:#f5f9ff !important;

    font-size:10px !important;
    font-weight:800 !important;
    line-height:1 !important;
    letter-spacing:.35px !important;

    text-decoration:none !important;
    white-space:nowrap !important;

    box-shadow:
        inset 0 0 12px rgba(37,126,255,.15),
        0 0 5px rgba(0,102,255,.30) !important;

    text-shadow:
        0 0 5px rgba(92,166,255,.85) !important;
}

.main-nav a:hover{
    transform:translateY(-2px) !important;

    border-color:#4da1ff !important;

    box-shadow:
        inset 0 0 17px rgba(50,138,255,.28),
        0 0 8px rgba(32,127,255,.70),
        0 0 16px rgba(32,127,255,.38) !important;
}

.main-nav a.active{
    border-color:#ffc400 !important;

    background:
        linear-gradient(
            180deg,
            rgba(91,67,0,.90) 0%,
            rgba(28,22,4,.98) 100%
        ) !important;

    box-shadow:
        inset 0 0 14px rgba(255,196,0,.25),
        0 0 7px rgba(255,196,0,.65),
        0 0 14px rgba(255,196,0,.25) !important;

    text-shadow:
        0 0 5px #fff,
        0 0 10px rgba(255,201,30,.95) !important;
}

/* tamanho dos icones */
.main-nav a::before{
    font-size:13px !important;
}

/* responsivo */
@media (max-width:1250px){
    .main-nav{
        gap:5px !important;
    }

    .main-nav a{
        padding:7px 8px !important;
        font-size:9px !important;
    }
}