/* DRAKION V0.4.1AP48 — Profile Safe CSS Fit
   Basado en la web actual después de estabilizar AP47.
   IMPORTANTE: CSS-only. No mueve cajetines con JS.
*/

/* Scope solo al layout de profile actual */
.container_3.account-wide {
    max-width: 980px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.container_3.account-wide .row {
    margin-left: -8px !important;
    margin-right: -8px !important;
}

.container_3.account-wide .row > [class*="col-"] {
    padding-left: 8px !important;
    padding-right: 8px !important;
    box-sizing: border-box !important;
}

/* Cajetines base: mismo ancho que su columna, separación limpia */
.container_3.account-wide .table-responsive.rankings-table,
.container_3.account-wide .col-xs-12 > .table-responsive.rankings-table,
.container_3.account-wide .col-xs-12 > table.table {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 16px !important;
    box-sizing: border-box !important;
    border-radius: 6px !important;
    overflow: hidden !important;
}

/* Tablas: no romper inventario ni tooltips */
.container_3.account-wide table.table.table-hover.text-center {
    width: 100% !important;
    max-width: 100% !important;
    margin-bottom: 0 !important;
    box-sizing: border-box !important;
}

.container_3.account-wide table.table.table-hover.text-center th.headerRow {
    padding: 10px 12px !important;
    line-height: 1.2 !important;
    text-align: center !important;
}

.container_3.account-wide table.table.table-hover.text-center td,
.container_3.account-wide table.table.table-hover.text-center th {
    vertical-align: middle !important;
}

/* Parte superior: compactar sin mover columnas */
.container_3.account-wide .col-xs-12.col-md-6 table.table td,
.container_3.account-wide .col-xs-12.col-md-6 table.table th {
    padding-top: 9px !important;
    padding-bottom: 9px !important;
}

/* Inventory / bloques grandes */
.container_3.account-wide .col-xs-12 > .table-responsive.rankings-table td.no-hover,
.container_3.account-wide .col-xs-12 > table.table td.no-hover {
    padding: 14px 10px !important;
    max-width: none !important;
    overflow: hidden !important;
}

.container_3.account-wide td.no-hover[style*="max-width"] {
    max-width: none !important;
}

/* Imágenes dentro del perfil no deben desbordar */
.container_3.account-wide img {
    max-width: 100%;
}

/* Badges: tamaño estable y centrado */
.container_3.account-wide td.no-hover img[data-toggle="tooltip"],
.container_3.account-wide td.no-hover img[title] {
    max-width: 44px !important;
    max-height: 44px !important;
    margin: 3px !important;
    vertical-align: middle !important;
}

/* Muuns AP10: mantener funcional, solo tamaño/encaje */
.container_3.account-wide .drakion-ap10-muuns-section {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    clear: both !important;
    float: none !important;
    margin: 0 0 16px 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.container_3.account-wide .drakion-ap10-muuns-section table {
    width: 100% !important;
    max-width: 100% !important;
    table-layout: fixed !important;
    margin-bottom: 0 !important;
}

.container_3.account-wide .drakion-ap10-muuns-grid {
    min-height: 88px !important;
    padding: 12px !important;
    gap: 10px !important;
    justify-content: center !important;
    align-items: center !important;
    overflow: hidden !important;
}

.container_3.account-wide .drakion-ap10-muun-card {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
    min-height: 104px !important;
    padding: 7px !important;
    box-sizing: border-box !important;
}

.container_3.account-wide .drakion-ap10-muun-card img {
    max-width: 54px !important;
    max-height: 54px !important;
    width: auto !important;
    height: auto !important;
}

.container_3.account-wide .drakion-ap10-muun-card strong {
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
}

.container_3.account-wide .drakion-ap10-muun-card small {
    font-size: 9px !important;
    line-height: 1.1 !important;
}

/* Kills & Deaths: no desbordar */
.container_3.account-wide .drakion-ap11-kd-logs,
.container_3.account-wide .drakion-ap11-kd-logs table,
.container_3.account-wide .drakion-ap11-kd-tabs {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
}

.container_3.account-wide .drakion-ap11-kd-logs td,
.container_3.account-wide .drakion-ap11-kd-logs th {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

/* Hero superior AM2/AM3: solo compactar, sin reordenar */
.drakion-am2-profile-hero,
.drakion-am3-profile-hero {
    max-width: 980px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 18px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
}

.drakion-am2-profile-hero img,
.drakion-am3-profile-hero img {
    max-width: 100%;
}

/* Responsive */
@media (max-width: 991px) {
    .container_3.account-wide {
        max-width: 100% !important;
        padding-left: 8px !important;
        padding-right: 8px !important;
    }

    .container_3.account-wide .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .container_3.account-wide .row > [class*="col-"] {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
}

/* NGAMES_PROFILE_HEADERROW_COLOR_4_3_13F_START */
/* Títulos reales de Profile Player: Información del Personaje/Cuenta/Gens/Guild */
.container_3.account-wide table.table.table-hover.text-center th.headerRow,
.container_3.account-wide .col-xs-12.col-md-6 table.table th.headerRow,
.container_3.account-wide .table-responsive table.table th.headerRow,
.container_3.account-wide table.profile th.headerRow,
.container_3.account-wide table.profile2 th.headerRow {
    color: #e5a15d !important;
    font-weight: 700 !important;
    opacity: 1 !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .85) !important;
}

.container_3.account-wide table.table.table-hover.text-center th.headerRow *,
.container_3.account-wide .col-xs-12.col-md-6 table.table th.headerRow *,
.container_3.account-wide .table-responsive table.table th.headerRow *,
.container_3.account-wide table.profile th.headerRow *,
.container_3.account-wide table.profile2 th.headerRow * {
    color: inherit !important;
    opacity: 1 !important;
}
/* NGAMES_PROFILE_HEADERROW_COLOR_4_3_13F_END */