/* ==========================================================
   AP98 - NGamesCMS / Mu Extinction Font Scale Stability Fix
   Objetivo: evitar que letras crezcan/reduzcan entre estado invitado,
   login, UserCP y módulos, causando descuadres visuales.
   ========================================================== */

html,
body {
    font-size: 14px !important;
    line-height: 1.45 !important;
    -webkit-text-size-adjust: 100% !important;
    -ms-text-size-adjust: 100% !important;
    text-size-adjust: 100% !important;
}

body,
button,
input,
select,
textarea,
.btn,
.form-control,
.dropdown-menu,
.panel,
.table,
.well {
    font-size-adjust: none !important;
}

/* Evita saltos de tamaño por fuentes que cargan tarde */
body,
#main-navbar,
#content-wrapper,
#sidebar,
footer,
.topbar,
.account-wide,
.usercp,
.panel,
.table {
    font-synthesis-weight: none;
    font-synthesis-style: none;
}

/* ==========================================================
   NAVBAR / HEADER
   Mantiene tamaños constantes antes y después del login.
   ========================================================== */
#main-navbar.navbar,
#main-navbar.scrolled.navbar {
    font-size: 14px !important;
}

#main-navbar .navbar-nav > li > a,
#main-navbar.scrolled .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a,
.navbar-default .navbar-nav > li > a > span {
    font-size: 16px !important;
    line-height: 1 !important;
    min-height: 60px !important;
    height: 60px !important;
    display: flex !important;
    align-items: center !important;
    white-space: nowrap !important;
    letter-spacing: 0 !important;
    transform: none !important;
}

#main-navbar .navbar-nav > li > a > i,
#main-navbar.scrolled .navbar-nav > li > a > i,
.navbar-default .navbar-nav > li > a > i {
    font-size: 15px !important;
    line-height: 1 !important;
    margin-right: 4px !important;
}

#main-navbar .dropdown-menu,
#main-navbar .dropdown-menu > li > a {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

/* Botones pequeños de la barra superior de usuario */
.topbar,
.topbar *:not(i),
.user-panel-bar,
.user-panel-bar *:not(i),
.member-topbar,
.member-topbar *:not(i),
#content-wrapper .btn-xs,
#content-wrapper .btn.btn-xs,
.drakion-user-actions,
.drakion-user-actions *:not(i) {
    font-size: 11px !important;
    line-height: 1.15 !important;
}

.topbar .btn,
.member-topbar .btn,
.drakion-user-actions .btn {
    min-height: 20px !important;
    padding: 4px 7px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
}

/* ==========================================================
   CONTENIDO GENERAL
   Bloquea crecimiento accidental de tablas, paneles y textos.
   ========================================================== */
#content-wrapper,
.content-box,
.entry,
.panel,
.panel-body,
.well,
.jumbotron,
.table,
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tbody > tr > td {
    font-size: 13px !important;
    line-height: 1.45 !important;
}

#content-wrapper h1,
.content-box h1,
.entry h1 { font-size: 30px !important; line-height: 1.15 !important; }
#content-wrapper h2,
.content-box h2,
.entry h2 { font-size: 24px !important; line-height: 1.18 !important; }
#content-wrapper h3,
.content-box h3,
.entry h3 { font-size: 20px !important; line-height: 1.22 !important; }
#content-wrapper h4,
.content-box h4,
.entry h4 { font-size: 17px !important; line-height: 1.25 !important; }
#content-wrapper h5,
.content-box h5,
.entry h5 { font-size: 15px !important; line-height: 1.28 !important; }
#content-wrapper h6,
.content-box h6,
.entry h6 { font-size: 13px !important; line-height: 1.3 !important; }

#content-wrapper small,
.content-box small,
.entry small,
.text-muted,
.small {
    font-size: 11px !important;
    line-height: 1.35 !important;
}

#content-wrapper .btn,
.content-box .btn,
.entry .btn,
.sidebar .btn,
#sidebar .btn {
    font-size: 12px !important;
    line-height: 1.2 !important;
    white-space: nowrap !important;
}

#content-wrapper .form-control,
.content-box .form-control,
.entry .form-control,
.sidebar .form-control,
#sidebar .form-control {
    font-size: 12px !important;
    line-height: 1.2 !important;
}

/* ==========================================================
   USERCP / PANEL DE CONTROL
   Evita que títulos y descripciones de tarjetas cambien de escala.
   ========================================================== */
.account-wide,
.usercp,
.usercp-home,
.usercp-dashboard,
#usercp,
#usercp * {
    text-size-adjust: 100% !important;
}

.account-wide,
.usercp,
.usercp-home,
.usercp-dashboard,
#usercp,
#content-wrapper .account-wide {
    font-size: 13px !important;
    line-height: 1.42 !important;
}

.account-wide h1,
.usercp h1,
#usercp h1 { font-size: 28px !important; line-height: 1.15 !important; }
.account-wide h2,
.usercp h2,
#usercp h2 { font-size: 22px !important; line-height: 1.18 !important; }
.account-wide h3,
.usercp h3,
#usercp h3 { font-size: 18px !important; line-height: 1.22 !important; }
.account-wide h4,
.usercp h4,
#usercp h4 { font-size: 16px !important; line-height: 1.25 !important; }

.account-wide .quick-link-home-panel,
.account-wide .quick-link-home-panel *,
.usercp .quick-link-home-panel,
.usercp .quick-link-home-panel *,
#content-wrapper .quick-link-home-panel,
#content-wrapper .quick-link-home-panel * {
    line-height: 1.25 !important;
}

.account-wide .quick-link-home-panel .title,
.usercp .quick-link-home-panel .title,
#content-wrapper .quick-link-home-panel .title,
.account-wide .panel-title,
.usercp .panel-title,
#usercp .panel-title {
    font-size: 15px !important;
    line-height: 1.2 !important;
    white-space: normal !important;
}

.account-wide .quick-link-home-panel .text,
.usercp .quick-link-home-panel .text,
#content-wrapper .quick-link-home-panel .text,
.account-wide .panel-body p,
.usercp .panel-body p,
#usercp .panel-body p {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

.account-wide .quick-link-home-panel .icon,
.usercp .quick-link-home-panel .icon,
#content-wrapper .quick-link-home-panel .icon {
    font-size: 24px !important;
    line-height: 1 !important;
    min-width: 46px !important;
}

/* Menú lateral del UserCP */
.account-wide .list-group,
.account-wide .list-group a,
.account-wide .panel-listing,
.account-wide .panel-listing li,
.account-wide .panel-listing a,
.usercp .panel-listing,
.usercp .panel-listing li,
.usercp .panel-listing a {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

/* ==========================================================
   SIDEBAR
   Consistencia en paneles de estado, settings y widgets.
   ========================================================== */
#sidebar,
#sidebar .panel,
#sidebar .panel-body,
.sidebar,
.sidebar .panel,
.sidebar .panel-body {
    font-size: 12px !important;
    line-height: 1.35 !important;
}

#sidebar .panel-heading,
.sidebar .panel-heading,
#sidebar .panel-title,
.sidebar .panel-title {
    font-size: 18px !important;
    line-height: 1.2 !important;
}

#sidebar table,
#sidebar table td,
#sidebar table th,
.sidebar table,
.sidebar table td,
.sidebar table th {
    font-size: 12px !important;
    line-height: 1.3 !important;
}

/* ==========================================================
   EXCEPCIONES: módulos premium con su propio diseño.
   No los aplastamos si ya tienen clases dedicadas.
   ========================================================== */
.ngc-rewards-section-premium,
.ngc-rewards-section-premium *,
.ng-donation-modern,
.ng-donation-modern *,
.ap58-wheel-page,
.ap58-wheel-page *,
.drakion-vip-page,
.drakion-vip-page * {
    font-size-adjust: none !important;
}

/* Responsive controlado */
@media (max-width: 1200px) {
    #main-navbar .navbar-nav > li > a,
    #main-navbar.scrolled .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a {
        font-size: 14px !important;
        padding-left: 9px !important;
        padding-right: 9px !important;
    }
}

@media (max-width: 767px) {
    html, body { font-size: 13px !important; }

    #main-navbar .navbar-nav > li > a,
    #main-navbar.scrolled .navbar-nav > li > a,
    .navbar-default .navbar-nav > li > a {
        font-size: 14px !important;
        min-height: 38px !important;
        height: auto !important;
        line-height: 1.2 !important;
    }

    #content-wrapper h1,
    .content-box h1,
    .entry h1 { font-size: 25px !important; }
    #content-wrapper h2,
    .content-box h2,
    .entry h2 { font-size: 21px !important; }
    #content-wrapper h3,
    .content-box h3,
    .entry h3 { font-size: 18px !important; }
}