/* CSS para /mystats - 4 tabelas horizontais */
body {
    margin: 0;
    padding: 15px;
    background: url('http://www.majesticsz.ihosts3.pt/adp3.png');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center center;
    font-family: Arial, Helvetica, sans-serif;
    color: #ffffff;
    min-height: 100vh;
    font-size: 13px;
}

.container {
    max-width: 950px;
    margin: 0 auto;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    overflow: hidden;
}

h1 {
    text-align: center;
    color: #ffff00;
    font-size: 20px;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.system-title {
    text-align: center;
    color: #00ff88;
    font-size: 14px;
    margin-bottom: 15px;
    font-weight: bold;
    text-shadow: 0 0 10px rgba(0, 255, 136, 0.5);
}

.subtitle {
    text-align: center;
    color: #cccccc;
    font-size: 12px;
    margin-bottom: 20px;
}

.row {
    width: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}

.row:after {
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 32%;
    margin-right: 2%;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 15px;
    border: 1px solid rgba(255, 215, 0, 0.4);
    border-top: 3px solid #FFD700;
    box-sizing: border-box;
    min-height: 300px;
    vertical-align: top;
    overflow: visible;
}

.column:nth-child(3n) {
    margin-right: 0;
}

.column h2 {
    color: #ff6b35;
    font-size: 14px;
    text-align: center;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 2px solid #ff6b35;
    padding-bottom: 8px;
}

table {
    width: 100%;
    border-collapse: collapse;
}

th {
    background: rgba(255, 107, 53, 0.2);
    color: #ff6b35;
    padding: 8px 6px;
    text-align: left;
    font-weight: bold;
    border-bottom: 2px solid #ff6b35;
    font-size: 12px;
}

td {
    padding: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 13px;
    text-align: left; /* Alinhar tudo à esquerda */
}

/* Cores diferentes para títulos de cada coluna */
.column:nth-child(1) td:first-child { 
    color: #ffff00; /* Coluna 1: Amarelo */
    font-weight: bold;
}

.column:nth-child(2) td:first-child { 
    color: #00bfff; /* Coluna 2: Azul claro */
    font-weight: bold;
}

.column:nth-child(3) td:first-child { 
    color: #ff6b35; /* Coluna 3: Laranja */
    font-weight: bold;
}

tr:nth-child(even) {
    background: rgba(255, 255, 255, 0.05);
}

tr:hover {
    background: rgba(255, 107, 53, 0.1);
}

.stat-label {
    color: #cccccc;
}

.stat-value {
    color: #ffffff;
    font-weight: bold;
    text-align: left; /* Mudar para esquerda */
}

/* Formatação base para valores */
td:last-child {
    font-weight: bold;
    text-align: left; /* Mudar para esquerda */
}

/* Cores diferentes por coluna usando posição */
.column:nth-child(1) td:last-child { 
    color: #ffff00; /* Coluna 1: Amarelo */
}

.column:nth-child(2) td:last-child { 
    color: #00bfff; /* Coluna 2: Azul claro */
}

.column:nth-child(3) td:last-child { 
    color: #ff6b35; /* Coluna 3: Laranja */
}

/* Manter cores específicas antigas para compatibilidade (caso alguma ainda exista) */
.rank-value {
    color: #ff6b35;
    font-weight: bold;
}

.premier-value {
    color: #ffd700;
    font-weight: bold;
}

.position-value {
    color: #4CAF50;
    font-weight: bold;
}

.kd-value {
    color: #4CAF50;
    font-weight: bold;
}

.accuracy-value {
    color: #2196F3;
    font-weight: bold;
}

.mvp-value {
    color: #ffd700;
    font-weight: bold;
}

.damage-value {
    color: #ff9800;
    font-weight: bold;
}

.time-value {
    color: #00BCD4;
    font-weight: bold;
}

.date-value {
    color: #E91E63;
    font-weight: bold;
}

.count-value {
    color: #9C27B0;
    font-weight: bold;
}

.map-value {
    color: #9C27B0;
    font-weight: bold;
}

/* Cor azul ciano claro para todas as estatísticas */
.cyan-value {
    color: #00E5FF;
    font-weight: bold;
}

.footer {
    text-align: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    color: #999999;
    font-size: 14px;
}

/* Responsividade otimizada para 3 colunas */
@media (max-width: 900px) {
    .column {
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }
    
    .container {
        padding: 15px;
    }
}

/* Para tablets - 2 colunas */
@media (min-width: 601px) and (max-width: 900px) {
    .column {
        width: 48%;
        margin-right: 4%;
    }
    
    .column:nth-child(2n) {
        margin-right: 0;
    }
    
    .column:nth-child(3n) {
        margin-right: 4%;
    }
}

/* ===== ÍCONES DAS ESTATÍSTICAS ===== */
/* Estilo base para ícones */
.stat-icon::before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ícones específicos por estatística */
.icon-position::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-trophy.png');
}

.icon-rating::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-star.png');
}

.icon-mvp::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-first.png');
}

.icon-rounds::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-statistics.png');
}

.icon-bomb::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-c4-explosive.png');
}

.icon-kills::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-kills.png');
}

.icon-deaths::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-skull.png');
}

.icon-headshots::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-bestweapons.png');
}

.icon-damage::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-explosion.png');
}

.icon-defuse::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-defuse-kit.png');
}

.icon-time::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-statistics.png');
}

.icon-weapon::before {
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/icons/icon-bestweapons.png');
}

/* ===== IMAGENS DAS ARMAS FAVORITAS ===== */
/* Container para imagem da arma favorita */
.weapon-image {
    text-align: center;
    padding: 20px;
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.weapon-display {
    max-width: 180px;
    max-height: 120px;
    width: auto;
    height: auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

/* Classes específicas para cada arma */
.weapon-ak47 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/ak47.png');
    width: 180px; height: 60px; 
}
.weapon-m4a1 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/m4a1.png');
    width: 180px; height: 60px; 
}
.weapon-awp { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/awp.png');
    width: 180px; height: 60px; 
}
.weapon-deagle { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/deagle.png');
    width: 180px; height: 60px; 
}
.weapon-p228 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/p228.png');
    width: 180px; height: 60px; 
}
.weapon-glock { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/glock.png');
    width: 180px; height: 60px; 
}
.weapon-scout { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/scout.png');
    width: 180px; height: 60px; 
}
.weapon-xm1014 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/xm1014.png');
    width: 180px; height: 60px; 
}
.weapon-mac10 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/mac10.png');
    width: 180px; height: 60px; 
}
.weapon-aug { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/aug.png');
    width: 180px; height: 60px; 
}
.weapon-elite { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/elite.png');
    width: 180px; height: 60px; 
}
.weapon-fiveseven { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/fiveseven.png');
    width: 180px; height: 60px; 
}
.weapon-ump45 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/ump45.png');
    width: 180px; height: 60px; 
}
.weapon-sg550 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/sg550.png');
    width: 180px; height: 60px; 
}
.weapon-galil { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/galil.png');
    width: 180px; height: 60px; 
}
.weapon-famas { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/famas.png');
    width: 180px; height: 60px; 
}
.weapon-usp { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/usp.png');
    width: 180px; height: 60px; 
}
.weapon-mp5navy { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/mp5navy.png');
    width: 180px; height: 60px; 
}
.weapon-m249 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/m249.png');
    width: 180px; height: 60px; 
}
.weapon-m3 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/m3.png');
    width: 180px; height: 60px; 
}
.weapon-tmp { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/tmp.png');
    width: 180px; height: 60px; 
}
.weapon-g3sg1 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/g3sg1.png');
    width: 180px; height: 60px; 
}
.weapon-sg552 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/sg552.png');
    width: 180px; height: 60px; 
}
.weapon-p90 { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/p90.png');
    width: 180px; height: 60px; 
}

/* Classe para exibição da imagem da arma */
.weapon-image {
    text-align: center;
    padding: 20px;
    height: 120px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
}

/* Otimizações para imagem da arma favorita - Estratégia 2x */
.column img {
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
    /* Estratégia para imagens 2x maiores = melhor qualidade quando reduzidas */
    image-rendering: -webkit-optimize-contrast;
    image-rendering: auto; /* Permite smooth downscaling */
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Filtros sutis para nitidez */
    filter: contrast(1.02) brightness(1.01);
}

/* Melhorar espaçamento da célula com imagem */
td[colspan="2"] {
    vertical-align: middle;
}

/* Efeito de zoom na imagem da arma favorita */
td[colspan="2"] img {
    transition: transform 0.3s ease-in-out, filter 0.3s ease-in-out;
    cursor: pointer;
    border-radius: 4px;
}

td[colspan="2"] img:hover {
    transform: scale(1.2);
    filter: brightness(1.1) drop-shadow(0 0 10px rgba(255, 102, 0, 0.6));
}

/* Estilos para sistema de arma favorita */
.column-title {
    background: linear-gradient(135deg, #2c3e50, #34495e);
    color: #ffffff !important;
    text-align: center;
    font-weight: bold;
    padding: 12px !important;
    border-radius: 5px 5px 0 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.weapon-header {
    background: linear-gradient(135deg, #ff6b35, #f7931e);
    color: white !important;
    text-align: center;
    font-weight: bold;
    padding: 16px !important;
    border-radius: 0;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
    line-height: 64px;
    min-height: 64px;
}

.weapon-icon {
    width: 64px;
    height: 64px;
    display: inline-block;
    margin: 0 auto;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.weapon-kills {
    color: #ff6b35 !important;
    font-weight: bold;
    text-shadow: 0 0 5px rgba(255, 107, 53, 0.3);
}

/* Ícones de armas - tamanho grande para melhor arma */
.weapon-icon-large {
    width: 48px;
    height: 48px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Ícones de armas - tamanho pequeno para outras armas */
.weapon-icon-small {
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Destaque para melhor arma */
.best-weapon {
    background: rgba(255, 215, 0, 0.1) !important;
    border-left: 3px solid #FFD700;
}

/* Kills da melhor arma - destaque dourado */
.weapon-kills-large {
    color: #FFD700 !important;
    font-weight: bold;
    font-size: 16px;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}

/* Kills das outras armas - tamanho normal */
.weapon-kills {
    color: #ff6b35 !important;
    font-weight: normal;
    font-size: 13px;
}

/* Nome da arma com espaçamento */
.weapon-name {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 4px 8px;
}

/* Sem armas registradas */
.no-weapons {
    text-align: center;
    color: #999;
    font-style: italic;
    padding: 20px;
}

/* === TÍTULOS AUTOMÁTICOS COM CSS === */
/* Coluna 1: Statistics */
.col1 table tr:nth-child(1) td::before { content: "Posição Global: "; }
.col1 table tr:nth-child(2) td::before { content: "Premier Rating: "; }
.col1 table tr:nth-child(3) td::before { content: "MVP (por round): "; }
.col1 table tr:nth-child(4) td::before { content: "Rounds Ganhos: "; }
.col1 table tr:nth-child(5) td::before { content: "Rounds Perdidos: "; }
.col1 table tr:nth-child(6) td::before { content: "Bombas Plantadas: "; }
.col1 table tr:nth-child(7) td::before { content: "Bombas Rebentadas: "; }
.col1 table tr:nth-child(8) td::before { content: "Bombas Desarmadas: "; }

/* Coluna 2: Combat */
.col2 table tr:nth-child(1) td::before { content: "Kills: "; }
.col2 table tr:nth-child(2) td::before { content: "Deaths: "; }
.col2 table tr:nth-child(3) td::before { content: "K/D: "; }
.col2 table tr:nth-child(4) td::before { content: "Headshots: "; }
.col2 table tr:nth-child(5) td::before { content: "Assists: "; }
.col2 table tr:nth-child(6) td::before { content: "Dano Total: "; }
.col2 table tr:nth-child(7) td::before { content: "Primeiro Login: "; }
.col2 table tr:nth-child(8) td::before { content: "Tempo Jogado: "; }

/* Coluna 3: Formatação automática das armas */
.col3 table tr td:first-child::before {
    content: "";
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 8px;
    vertical-align: middle;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

/* Primeira arma (melhor) - ícone grande */
.col3 table tr:nth-child(1) td:first-child::before { 
    width: 48px; 
    height: 48px; 
}

/* Estilos das armas por posição */
.col3 table tr:nth-child(1) {
    background: rgba(255, 215, 0, 0.1);
    border-left: 3px solid #FFD700;
}

.col3 table tr:nth-child(1) td:last-child {
    color: #FFD700 !important;
    font-weight: bold;
    font-size: 13px;
    text-shadow: 0 0 5px rgba(255, 215, 0, 0.5);
}

.col3 table tr:nth-child(n+2) td:last-child {
    color: #00ff88 !important;
    font-weight: bold;
    font-size: 13px;
}

/* Configuração base para ícones das armas - tamanho muito grande */
.col3 table tr td[data-weapon]::before { 
    content: "";
    display: inline-block;
    width: 60px;
    height: 42px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 15px;
    vertical-align: middle;
}

/* Alinhamento específico para coluna 3 */
.col3 table tr td {
    text-align: left;
    padding-left: 10px;
}

/* Adicionar "Kills" DEPOIS do número com cor laranja */
.col3 table tr td[data-weapon]::after { 
    content: " Kills";
    margin-left: 4px;
    color: #ff6b35;
    font-size: 13px;
    font-weight: bold;
}

/* Ícones específicos para as 5 armas fixas - todas com mesmo tamanho da AK */
.col3 table tr td[data-weapon="ak47"]::before { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/ak47.png'); 
}
.col3 table tr td[data-weapon="m4a1"]::before { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/m4a1.png'); 
}
.col3 table tr td[data-weapon="awp"]::before { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/awp.png'); 
}
.col3 table tr td[data-weapon="deagle"]::before { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/deagle.png'); 
}
.col3 table tr td[data-weapon="knife"]::before { 
    background-image: url('http://www.majesticsz.ihosts3.pt/ranking_map_global/imagens/weapons/knife.png'); 
}

/* Estilização dos labels automáticos */
.col1 table tr td::before,
.col2 table tr td::before,
.col3 table tr td::before {
    color: #ff6b35;
    font-weight: bold;
    font-size: 14px;
    letter-spacing: 0.5px;
}

/* Labels especiais com cores diferentes */
.col1 table tr td::before { color: #ff6b35 !important; } /* Todos os títulos da coluna 1 em laranja */
.col1 table tr td { color: #00ff88 !important; font-size: 13px !important; } /* Todos os dados da coluna 1 em verde */

.col2 table tr td::before { color: #ff6b35 !important; } /* Todos os títulos da coluna 2 em laranja */
.col2 table tr td { color: #00ff88 !important; font-size: 13px !important; } /* Todos os dados da coluna 2 em verde */

.col3 table tr td::before { color: #ff6b35 !important; } /* Todos os títulos da coluna 3 em laranja */
.col3 table tr td { color: #00ff88 !important; font-size: 13px !important; } /* Todos os dados da coluna 3 em verde */